*,*:before,*:after{box-sizing:border-box}.dashboard-container{min-height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;background-color:#f3f4f6}.dashboard-container.dark{background-color:#111827}.dashboard-header{width:100%;background-color:#111827;color:#fff;padding:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:relative;z-index:10}.dashboard-header-content{display:flex;width:100%;max-width:80rem;justify-content:space-between;align-items:center;margin:0 auto;min-height:60px}.dashboard-nav{width:100%;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-bottom:1px solid #e5e7eb;position:relative;z-index:9}.dashboard-nav.dark{background-color:#1f2937;border-bottom-color:#374151}.dashboard-nav-content{display:flex;justify-content:center;height:3.5rem;overflow-x:auto;white-space:nowrap;width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.dashboard-main{flex:1;width:100%;padding:1rem;display:flex;justify-content:center;min-height:0}@media (min-width: 640px){.dashboard-main{padding:1.5rem}}@media (min-width: 1024px){.dashboard-main{padding:2rem}}.dashboard-main-content{width:100%;max-width:80rem;margin:0 auto;position:relative}.nav-button-base{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-bottom:4px solid;transition:all .2s ease-in-out;border-radius:.5rem .5rem 0 0;height:100%;text-decoration:none;cursor:pointer;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.nav-button-active{border-bottom-color:#2563eb;color:#1d4ed8;background-color:#eff6ff}.dark .nav-button-active{color:#60a5fa;background-color:#374151}.nav-button-inactive{border-bottom-color:transparent;color:#4b5563}.nav-button-inactive:hover{border-bottom-color:#d1d5db;color:#1f2937;background-color:#f9fafb}.dark .nav-button-inactive{color:#d1d5db}.dark .nav-button-inactive:hover{color:#fff;background-color:#374151}.dashboard-content-wrapper{min-height:400px;width:100%}.dashboard-logo{height:2.5rem;width:2.5rem;margin-right:.75rem;flex-shrink:0}.dashboard-brand{font-size:1.5rem;font-weight:700;white-space:nowrap}.dashboard-user-section{display:flex;align-items:center;gap:1rem;flex-shrink:0}.dashboard-welcome-text{display:none}@media (min-width: 640px){.dashboard-welcome-text{display:inline}}.dashboard-logout-btn{padding:.5rem 1rem;background-color:#dc2626;color:#fff;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease-in-out;cursor:pointer;border:none;font-size:.875rem;font-weight:500}.dashboard-logout-btn:hover{background-color:#b91c1c}@supports (width: 100dvw){.dashboard-container{width:100dvw;max-width:100dvw}}body{overflow-x:hidden}@media (max-width: 768px){.dashboard-nav-content{padding:0 .5rem}.nav-button-base{padding:.5rem .75rem;font-size:.8rem}.dashboard-header-content{padding:0 .5rem}}.appraisal-container{padding:1rem}@media (min-width: 768px){.appraisal-container{padding:1.5rem}}.appraisal-header{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:#111827;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom-width:1px;border-color:#e5e7eb}.dark .appraisal-header{color:#fff;border-color:#4b5563}.appraisal-sub-nav{display:flex;border-bottom-width:1px;border-color:#e5e7eb;margin-bottom:1.5rem}.dark .appraisal-sub-nav{border-color:#4b5563}.appraisal-sub-nav-button{padding:.5rem;font-weight:600;color:#4b5563;border-bottom-width:2px;border-color:transparent}.dark .appraisal-sub-nav-button{color:#d1d5db}.appraisal-sub-nav-button-active{color:#2563eb;border-color:#2563eb}.dark .appraisal-sub-nav-button-active{color:#60a5fa;border-color:#60a5fa}.appraisal-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 1024px){.appraisal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.appraisal-sidebar{grid-column:span 1 / span 1;background-color:#f9fafb;padding:1rem;border-radius:.5rem}.dark .appraisal-sidebar{background-color:#374151}.appraisal-sidebar-header{font-size:1.25rem;line-height:1.75rem;font-weight:600;margin-bottom:1rem}.appraisal-main-content{grid-column:span 1 / span 1}@media (min-width: 1024px){.appraisal-main-content{grid-column:span 3 / span 3}}.goal-category-card{margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;border-width:1px;border-color:#e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.dark .goal-category-card{background-color:#1f2937;border-color:#4b5563}.goal-category-header{padding:1rem 1.5rem;background-color:#f9fafb;border-bottom-width:1px;border-color:#e5e7eb}.dark .goal-category-header{background-color:#374151;border-color:#4b5563}.goal-category-title{font-size:1.25rem;line-height:1.75rem;font-weight:700}.goal-item{padding:1rem 1.5rem}.kra-title{font-weight:600;color:#111827}.dark .kra-title{color:#fff}.question-text{font-size:.875rem;line-height:1.25rem;color:#4b5563;margin-top:.25rem;margin-bottom:1rem}.dark .question-text{color:#d1d5db}.rating-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.rating-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.rating-label{display:block;font-weight:600;font-size:.875rem;line-height:1.25rem;margin-bottom:.5rem;color:#374151}.dark .rating-label{color:#d1d5db}.rating-select,.rating-textarea{width:100%;border-radius:.375rem;border-width:1px;border-color:#d1d5db;padding:.5rem}.dark .rating-select,.dark .rating-textarea{background-color:#4b5563;border-color:#6b7280}