*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color-scheme:light dark}body{min-height:100vh;line-height:1.7;color:var(--text-primary);background:var(--bg-primary);transition:background .4s ease,color .4s ease;font-size:16px}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font:inherit;background:none}input,select,textarea{font:inherit;outline:none}:root,[data-theme=light]{--bg-primary: #f8faff;--bg-card: rgba(255, 255, 255, .9);--bg-card-solid: #ffffff;--bg-page-gradient: linear-gradient(135deg, #f8faff 0%, #eef2ff 100%);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1, #818cf8, #8b5cf6);--accent-soft: rgba(99, 102, 241, .08);--border-color: #e2e8f0;--divider: #f1f5f9;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 30px rgba(99, 102, 241, .1);--shadow-xl: 0 20px 50px rgba(99, 102, 241, .15);--glass-border: rgba(255, 255, 255, .8)}[data-theme=dark]{--bg-primary: #020617;--bg-card: rgba(15, 23, 42, .82);--bg-card-solid: #0f172a;--bg-page-gradient: linear-gradient(135deg, #020617 0%, #0f172a 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #818cf8;--accent-secondary: #a78bfa;--accent-gradient: linear-gradient(135deg, #818cf8, #6366f1, #a78bfa);--accent-soft: rgba(129, 140, 248, .1);--border-color: rgba(148, 163, 184, .15);--divider: rgba(148, 163, 184, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5);--glass-border: rgba(255, 255, 255, .1);color-scheme:dark}:root{--header-height: 72px;--max-content-width: 1400px}.main-layout{min-height:100vh;display:flex;flex-direction:column;background-image:var(--bg-page-gradient)}.main-content{flex:1;padding:2.5rem 1.5rem;width:100%;max-width:var(--max-content-width);margin:0 auto}.login-field{margin-bottom:1.5rem}.login-field label{display:block;font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}input,select,textarea{width:100%;padding:12px 18px;background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-size:1.05rem;transition:all .2s}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#ffffff0a}[data-theme=dark] select option{background:var(--bg-card-solid);color:var(--text-primary)}input:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-soft)}[data-theme=dark] input::-webkit-calendar-picker-indicator{filter:invert(1)!important;cursor:pointer}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark!important}[data-theme=light] input::-webkit-calendar-picker-indicator{filter:none!important}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time]{color-scheme:dark}[data-theme=light] input{color-scheme:light!important}[data-theme=dark] input::-webkit-calendar-picker-indicator:hover{opacity:1}input::-webkit-calendar-picker-indicator{cursor:pointer;background-color:#ef4444;padding:4px;border-radius:8px;transition:all .2s;margin-right:-4px}[data-theme=dark] input::-webkit-calendar-picker-indicator{filter:none!important}input::-webkit-calendar-picker-indicator:hover{transform:scale(1.1)}[data-theme=dark] input::-webkit-datetime-edit-text,[data-theme=dark] input::-webkit-datetime-edit-month-field,[data-theme=dark] input::-webkit-datetime-edit-day-field,[data-theme=dark] input::-webkit-datetime-edit-year-field{color:var(--text-primary)}.login-btn,.action-btn{background:var(--accent-gradient);color:#fff;padding:14px 28px;border-radius:14px;font-weight:700;font-size:1.1rem;box-shadow:0 10px 20px -5px #6366f14d;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:8px;border:none}.login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -8px #6366f166}.aurora-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#020617;overflow:hidden}.aurora-container{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.5;filter:blur(100px);animation:aurora-rotate 60s linear infinite}.aurora-blob{position:absolute;width:80%;height:80%;border-radius:50%}.blob-1{background:radial-gradient(circle,#6366f1 0%,transparent 70%);top:10%;left:10%}.blob-2{background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:40%;right:10%}.blob-3{background:radial-gradient(circle,#3b82f6 0%,transparent 70%);bottom:10%;left:30%}@keyframes aurora-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dropBounce{0%{opacity:0;transform:translateY(-150px) scale(.9)}60%{opacity:1;transform:translateY(15px) scale(1.02)}80%{transform:translateY(-8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-drop-bounce{animation:dropBounce 1s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-spin{animation:spin 1s linear infinite}:root{--success: #10b981;--success-light: rgba(16, 185, 129, .15);--success-text: #34d399;--danger: #ef4444;--danger-light: rgba(239, 68, 68, .15);--danger-text: #f87171}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:2rem 1rem;animation:fadeIn .3s ease}.modal-content{margin:auto;background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);border-radius:28px;position:relative;width:100%;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.modal-overlay{padding:1rem .5rem}}@media screen{.print-only-wrapper{display:none!important}}@media print{@page{size:landscape;margin:10mm 20mm}.view-header,.score-legend-bar,.view-body,.dispute-form,.module-header,.header-actions,.no-print,nav,header,aside,footer{display:none!important}html,body,#root,.main-layout,.module-container,.appraisal-view-container{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important}.print-only-wrapper{display:block!important;width:100%!important}.print-appraisal-container{display:block!important;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:8.5pt;line-height:1}table{width:100%;border-collapse:collapse;margin-bottom:4px}th,td{border:1px solid #000;padding:3px 8px;text-align:left}.print-header{margin-bottom:6px}.header-logo-section{display:flex;align-items:center;gap:12px;margin-bottom:5px}.print-logo{height:35px;width:auto}.print-title{font-size:15pt;margin:0;color:#333;flex:1;text-align:center;font-weight:700}.label-cell{background-color:#f2f2f2;font-weight:700;width:150px;font-size:8pt}.value-cell{width:auto;font-size:8.5pt}.scoring-guide-section{margin-bottom:5px}.guide-hint{font-size:7.5pt;width:45%;line-height:1.1}.guide-label{background-color:#f2f2f2;font-weight:700;font-size:8pt;width:12%;text-align:center}.guide-score{font-weight:700;font-size:8pt;width:8%;text-align:center}.assessment-table thead th{background-color:#000!important;color:#fff!important;text-align:center;font-size:8.5pt;padding:6px;border:1px solid #000!important}.criteria-col{width:35%}.score-col{width:12%}.reason-col{width:53%}.criteria-name{font-weight:600;font-size:8.5pt}.score-val{text-align:center;font-weight:800;font-size:10pt}.reason-val{font-size:8pt;height:32px;vertical-align:middle;text-align:left;padding-left:8px}.total-row td{background-color:#fff;font-weight:700;border-top:1.5px solid #000}.total-label{text-align:right;padding-right:20px;font-size:9pt}.total-val{text-align:center;font-size:11pt}.signature-placeholder{padding:4px 8px;width:40%;height:60px;vertical-align:top}.employee-sig-container{display:flex;align-items:flex-start;height:100%;font-weight:700;font-size:9pt}.sigs-table{margin-top:6px}.sig-label{width:180px;font-weight:700;border-right:none;font-size:8pt;padding:8px 12px}.sig-value{width:auto;border-left:none;font-size:9pt;font-weight:600;padding:8px 12px}.sig-box-label{width:70px;text-align:center;font-weight:700;background-color:#f2f2f2;font-size:8pt}.sig-box{width:110px;height:55px}.spacer-row td{height:6px;border:none}.print-footer{margin-top:8px;font-size:7.5pt;line-height:1.1}}