*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #16a34a;--primary-dark: #15803d;--primary-light: #22c55e;--primary-lighter: #86efac;--primary-bg: #f0fdf4;--secondary: #64748b;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--background: #f0fdf4;--surface: #ffffff;--text: #1e293b;--text-light: #64748b;--border: #d1fae5;--border-dark: #a7f3d0;--score-1: #ef4444;--score-2: #f97316;--score-3: #f59e0b;--score-4: #84cc16;--score-5: #22c55e;--score-6: #16a34a;--score-na: #94a3b8;--sidebar-bg: linear-gradient(180deg, #15803d 0%, #166534 100%)}[data-theme=dark]{--background: #0f172a;--surface: #1e293b;--text: #f1f5f9;--text-light: #94a3b8;--border: #334155;--border-dark: #475569;--primary-bg: #1e293b;--primary-lighter: #4ade80;--secondary: #94a3b8}[data-theme=dark] .card,[data-theme=dark] .stat-card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-light)}[data-theme=dark] .modal-content{background-color:var(--surface)}[data-theme=dark] table th{background-color:#334155}[data-theme=dark] table tr:nth-child(2n){background-color:#ffffff08}[data-theme=dark] .notification-dropdown{background:var(--surface);border-color:var(--border-dark);box-shadow:0 10px 40px #00000080}[data-theme=dark] .notification-dropdown .notification-header{background:#ffffff0d;border-color:var(--border)}[data-theme=dark] .notification-dropdown .notification-item{border-color:var(--border)}[data-theme=dark] .notification-dropdown .notification-item:hover{background:#ffffff0d}[data-theme=dark] .notification-dropdown .notification-item.unread{background:#16a34a1a}[data-theme=dark] .notification-dropdown .notification-item.unread:hover{background:#16a34a2e}[data-theme=dark] .notification-dropdown .notification-footer{background:#ffffff0d;border-color:var(--border)}html{height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5;font-size:15px;margin:0;padding:0;min-height:100%;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 .75rem}.app-layout{min-height:100vh}.sidebar{width:240px;background:linear-gradient(180deg,#15803d,#166534);padding:1rem;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:4px 0 15px #0000001a;z-index:100}.main-content{margin-left:240px;padding:1rem 1.25rem 2rem;background:var(--background);min-height:100vh;position:relative}.top-header{display:flex;justify-content:flex-end;align-items:center;padding:.5rem 0;margin-bottom:.75rem;border-bottom:1px solid var(--border)}.theme-toggle{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:2rem;padding:.35rem .75rem;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:var(--text)}.theme-toggle:hover{border-color:var(--primary);box-shadow:0 2px 8px #16a34a26}.theme-toggle-icon{font-size:1rem;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg)}.theme-toggle-label{font-weight:500}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;padding:.75rem}.main-content{margin-left:0;padding:.75rem}.app-layout{flex-direction:column}.sidebar-nav{display:flex;flex-wrap:wrap;gap:.35rem}.sidebar-nav a{flex:1 1 auto;text-align:center;padding:.4rem .5rem;font-size:.8rem}.sidebar-logo{flex-direction:row!important;text-align:left!important;align-items:center!important;gap:.5rem;padding-bottom:.5rem;margin-bottom:.5rem}.sidebar-logo img{width:45px!important;height:auto!important}.sidebar-title{text-align:left!important}.sidebar-title h1 .sidebar-vsmmc{font-size:1rem!important}.sidebar-title h1 .sidebar-dept{font-size:.55rem!important}.sidebar-title h1 .sidebar-system{font-size:.65rem!important}.sidebar-motto,.sidebar-meta{display:none}.sidebar-user{position:relative;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}.sidebar-user-info{display:block;flex:1}.sidebar-user-info strong{font-size:.8rem}.sidebar-user-info span{font-size:.7rem}.sidebar-user-actions{flex-direction:row;gap:.35rem;flex-shrink:0}.sidebar-user-actions .btn-logout{padding:.35rem .6rem;font-size:.7rem;background:#ef4444e6;border-color:#ef4444e6}.sidebar-user-actions .notification-bell-btn{padding:.35rem}}.sidebar-logo{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-logo img{width:100px;height:auto;margin-bottom:.75rem;border:none;border-radius:0;background:transparent;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s ease}.sidebar-logo img:hover{transform:scale(1.05)}.sidebar-title{text-align:center}.sidebar-title h1{font-size:1rem;font-weight:700;line-height:1.4;margin:0}.sidebar-title h1 .sidebar-vsmmc{display:block;font-size:1.4rem;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.sidebar-title h1 .sidebar-dept{display:block;font-size:.7rem;font-weight:600;color:#fffffff2;letter-spacing:1px;text-transform:uppercase;margin:.25rem 0}.sidebar-title h1 .sidebar-system{display:block;font-size:.85rem;font-weight:700;color:#fff;margin-top:.15rem}.sidebar-motto{font-size:.6rem;color:#fffc;letter-spacing:1.5px;text-transform:uppercase;margin-top:.4rem;font-weight:600}.sidebar-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.6rem}.sidebar-meta .version{font-size:.7rem;color:#fff9;background:#ffffff1a;padding:.15rem .5rem;border-radius:.25rem}.sidebar-meta .connection-status{margin-top:0}.connection-status{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#fffc;margin-top:.35rem}.connection-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}.connection-dot.offline{background:#ef4444;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav a{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;color:#ffffffe6;text-decoration:none;border-radius:.6rem;transition:all .2s;font-weight:500;font-size:.95rem}.sidebar-nav a:hover{background:#ffffff26;color:#fff}.sidebar-nav a.active{background:#ffffff40;color:#fff;box-shadow:0 2px 8px #00000026}.sidebar-user{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.sidebar-user-info{color:#fff;margin-bottom:.5rem}.sidebar-user-info strong{display:block;font-size:1rem}.sidebar-user-info span{font-size:.85rem;color:#ffffffb3;text-transform:capitalize}.sidebar-user-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.sidebar-user-actions .notification-bell{flex-shrink:0}.sidebar-user-actions .btn-logout{flex:1;padding:.5rem 1rem}.card{background:var(--surface);border-radius:.75rem;box-shadow:0 2px 8px #0000000f;padding:1.25rem;margin-bottom:1rem;border:1px solid var(--border);overflow:visible;max-width:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-title{font-size:1.15rem;font-weight:600;color:var(--primary-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem;max-width:100%}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;max-width:100%;overflow:hidden}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface);padding:1rem;border-radius:.75rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border);border-left:4px solid var(--primary)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{color:var(--text-light);font-size:.9rem;margin-top:.15rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.95rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #16a34a4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a34a66}.btn-secondary{background:var(--secondary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-bg)}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.btn-block{width:100%}.btn-logout{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-logout:hover{background:#ffffff40}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.4rem;font-weight:600;color:var(--text);font-size:.95rem}.form-control{width:100%;padding:.85rem 1rem;border:2px solid var(--border);border-radius:.5rem;font-size:1.05rem;transition:all .2s;background:#fff}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #16a34a26}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:20px;padding-right:2.5rem;cursor:pointer;min-height:48px}select.form-control:hover{border-color:var(--primary-light)}select.form-control option{padding:.75rem 1rem;font-size:1rem}.form-control-lg{padding:1rem 1.25rem;font-size:1.15rem;min-height:56px}select.form-control-lg{background-size:24px;padding-right:3rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.table-container{overflow-x:auto;overflow-y:visible;border-radius:.5rem;-webkit-overflow-scrolling:touch;max-width:100%}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.table{width:100%;min-width:500px;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--primary-bg);font-weight:600;color:var(--primary-dark);font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.table tbody tr:hover{background:var(--primary-bg)}.table td.comments-cell{white-space:normal;word-wrap:break-word;max-width:300px;min-width:150px;font-size:.9rem;line-height:1.4}.rating-scale{display:flex;gap:.4rem;flex-wrap:wrap}.rating-option{padding:.5rem 1rem;border:2px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all .2s;background:var(--surface);font-weight:600;min-width:48px;text-align:center;font-size:.95rem}.rating-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.rating-option.selected{color:#fff;transform:scale(1.05)}.rating-option.score-0,.rating-option.not-observed{border-color:var(--score-na)}.rating-option.score-0.selected,.rating-option.not-observed.selected{background:var(--score-na);border-color:var(--score-na)}.rating-option.score-1{border-color:var(--score-1);color:var(--score-1)}.rating-option.score-1.selected{background:var(--score-1);color:#fff}.rating-option.score-2{border-color:var(--score-2);color:var(--score-2)}.rating-option.score-2.selected{background:var(--score-2);color:#fff}.rating-option.score-3{border-color:var(--score-3);color:var(--score-3)}.rating-option.score-3.selected{background:var(--score-3);color:#fff}.rating-option.score-4{border-color:var(--score-4);color:var(--score-4)}.rating-option.score-4.selected{background:var(--score-4);color:#fff}.rating-option.score-5{border-color:var(--score-5);color:var(--score-5)}.rating-option.score-5.selected{background:var(--score-5);color:#fff}.rating-option.score-6{border-color:var(--score-6);color:var(--score-6)}.rating-option.score-6.selected{background:var(--score-6);color:#fff}.badge{display:inline-block;padding:.25rem .7rem;border-radius:9999px;font-size:.8rem;font-weight:600}.badge-primary{background:var(--primary-bg);color:var(--primary-dark)}.badge-success{background:#22c55e26;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger,.badge-error{background:#ef444426;color:var(--danger)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,rgba(34,197,94,.3) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(20,83,45,.4) 0%,transparent 50%),linear-gradient(160deg,#14532d,#166534,#15803d,#166534,#14532d);padding:1.5rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(134,239,172,.1) 0%,transparent 25%),radial-gradient(circle at 80% 20%,rgba(74,222,128,.08) 0%,transparent 25%),radial-gradient(circle at 40% 40%,rgba(22,163,74,.05) 0%,transparent 30%);animation:floatBg 20s ease-in-out infinite;pointer-events:none}@keyframes floatBg{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,2%) rotate(1deg)}66%{transform:translate(-1%,1%) rotate(-1deg)}}.login-card{background:linear-gradient(145deg,#fff,#f0fdf4,#dcfce7);padding:2rem;border-radius:1.25rem;width:100%;max-width:400px;box-shadow:0 25px 60px #0006,0 0 0 1px #86efac4d,inset 0 1px #fffc;position:relative;z-index:1;border:1px solid rgba(134,239,172,.4)}.login-logo{text-align:center;margin-bottom:1rem;perspective:1000px}.login-logo img{width:120px;height:auto;margin-bottom:0rem;border:none;border-radius:0;background:transparent;object-fit:contain;padding:0;transition:all .3s ease;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.2)) drop-shadow(0 0 30px rgba(22,163,74,.25));transform:translateY(0)}.login-logo img:hover{transform:translateY(-5px) scale(1.03);filter:drop-shadow(0 15px 25px rgba(0,0,0,.35)) drop-shadow(0 8px 12px rgba(0,0,0,.25)) drop-shadow(0 0 40px rgba(22,163,74,.35))}.login-title{text-align:center;margin-bottom:1.5rem}.login-title h1{font-size:1.8rem;font-weight:900;line-height:1.3;margin-bottom:.5rem;background:linear-gradient(180deg,#14532d,#166534,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-.5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-title h1 .vsmmc-text{background:linear-gradient(135deg,#7c2d12,#b45309 25%,#d97706 40%,#fbbf24,#d97706 60%,#b45309 75%,#7c2d12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(180,83,9,.3));display:block;font-size:2rem;letter-spacing:2px}.login-title h1 .department-name{font-size:.85rem;font-weight:700;background:linear-gradient(180deg,#166534,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin:.35rem 0;letter-spacing:1.5px;text-transform:uppercase}.login-title p{background:linear-gradient(90deg,#16a34a,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.05rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-top:.5rem}.login-divider{width:100px;height:4px;background:linear-gradient(90deg,#86efac,#4ade80,#22c55e 40%,#16a34a,#22c55e 60%,#4ade80,#86efac);margin:1.25rem auto 0;border-radius:2px;box-shadow:0 2px 10px #16a34a66}.login-card .form-group{margin-bottom:1.25rem}.login-card .form-label{font-size:1rem;margin-bottom:.5rem;font-weight:700;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.login-card .form-control{padding:.9rem 1.1rem;font-size:1.05rem;border-radius:.6rem;border:2px solid #bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4);transition:all .3s ease}.login-card .form-control:focus{border-color:#22c55e;background:#fff;box-shadow:0 0 0 4px #4ade8033,0 2px 8px #16a34a26}.login-card .btn{padding:1rem 1.5rem;font-size:1.15rem;margin-top:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);box-shadow:0 4px 15px #16a34a66,0 2px 6px #00000026,inset 0 1px #fff3;transition:all .3s ease;border:none}.login-card .btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#4ade80,#22c55e,#16a34a);box-shadow:0 6px 20px #16a34a80,0 4px 10px #0003,inset 0 1px #ffffff4d}.login-version{text-align:center;padding-top:1rem;border-top:2px solid #bbf7d0;background:linear-gradient(180deg,transparent 0%,rgba(240,253,244,.5) 100%);margin:1.25rem -2rem -2rem;padding:1rem 2rem 1.25rem;border-radius:0 0 1.25rem 1.25rem}.login-version span{font-size:.9rem;color:#15803d;font-weight:600}.login-version .connection-status{justify-content:center;margin-top:.5rem;font-size:.85rem;color:#166534;font-weight:500}.alert{padding:.85rem 1rem;border-radius:.6rem;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;font-size:.95rem}.alert-error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.alert-success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.evaluation-section{margin-bottom:1.25rem}.evaluation-section h3{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:3px solid var(--primary);color:var(--primary-dark);font-size:1.1rem}.criteria-item{padding:1rem;border:2px solid var(--border);border-radius:.6rem;margin-bottom:.75rem;background:#fff;transition:all .2s}.criteria-item:hover{border-color:var(--primary-lighter);box-shadow:0 2px 8px #16a34a1a}.criteria-label{font-weight:700;margin-bottom:.5rem;color:var(--text);font-size:1rem}.criteria-description{font-size:.9rem;color:var(--text);margin-bottom:.75rem;padding:.6rem .75rem;background:var(--primary-bg);border-radius:.4rem;border-left:3px solid var(--primary);line-height:1.4}.rubric-dropdown{margin-bottom:.6rem}.rubric-toggle{display:flex;align-items:center;gap:.4rem;color:var(--primary);font-size:.9rem;cursor:pointer;font-weight:600;padding:.35rem 0}.rubric-toggle:hover{color:var(--primary-dark)}.rubric-content{background:#fafafa;border-radius:.6rem;padding:.75rem;margin-top:.4rem;border:1px solid var(--border)}.rubric-item{display:flex;gap:.6rem;padding:.5rem;border-radius:.4rem;margin-bottom:.35rem;align-items:flex-start}.rubric-item:last-child{margin-bottom:0}.rubric-score{min-width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.8rem;flex-shrink:0}.rubric-score.score-0{background:var(--score-na)}.rubric-score.score-1{background:var(--score-1)}.rubric-score.score-2{background:var(--score-2)}.rubric-score.score-3{background:var(--score-3)}.rubric-score.score-4{background:var(--score-4)}.rubric-score.score-5{background:var(--score-5)}.rubric-score.score-6{background:var(--score-6)}.rubric-text{font-size:.85rem;color:var(--text);line-height:1.4}.competency-section{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.75rem;border:2px solid var(--border)}.competency-section-title{font-size:1.1rem;font-weight:700;color:var(--primary-dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:.5rem}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:.75rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:.75rem}.mt-3{margin-top:1rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:.75rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--primary-dark)}.empty-state{text-align:center;padding:2rem;color:var(--text-light);font-size:1rem}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.score-display{font-weight:700;padding:.2rem .5rem;border-radius:.35rem;font-size:.9rem}.score-display.score-1{background:#ef444426;color:var(--score-1)}.score-display.score-2{background:#f9731626;color:var(--score-2)}.score-display.score-3{background:#f59e0b26;color:var(--score-3)}.score-display.score-4{background:#84cc1626;color:var(--score-4)}.score-display.score-5{background:#22c55e26;color:var(--score-5)}.score-display.score-6{background:#16a34a26;color:var(--score-6)}.report-section{margin-bottom:1.5rem}.report-section-title{font-size:1.15rem;font-weight:700;color:var(--primary-dark);margin-bottom:.75rem}.quarter-card{background:#fff;border:2px solid var(--border);border-radius:.75rem;padding:1rem;margin-bottom:.75rem}.quarter-card h4{color:var(--primary-dark);font-size:1rem;margin-bottom:.5rem}.trend-positive{color:var(--success)}.trend-negative{color:var(--danger)}.trend-neutral{color:var(--secondary)}.notification-bell{position:relative}.notification-bell-btn{background:#ffffff26;border:none;color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.notification-bell-btn:hover{background:#ffffff40}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:fixed;left:290px;bottom:80px;background:var(--surface);border-radius:.75rem;box-shadow:0 10px 40px #00000040;width:400px;max-height:520px;overflow:hidden;z-index:9999;border:1px solid var(--border-dark);display:flex;flex-direction:column}.notification-dropdown .notification-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--primary-bg);flex-shrink:0}.notification-dropdown .notification-header h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text)}.notification-dropdown .mark-all-read{background:none;border:none;color:var(--primary);font-size:.8rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:.35rem;transition:background .15s}.notification-dropdown .mark-all-read:hover{background:#16a34a1a}.notification-dropdown .notification-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.notification-dropdown .notification-item{display:flex;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border);margin:0;border-radius:0;border-left:none;background:transparent;box-shadow:none}.notification-dropdown .notification-item:last-child{border-bottom:none}.notification-dropdown .notification-item:hover{background:var(--primary-bg);box-shadow:none}.notification-dropdown .notification-item.unread{background:#16a34a0f;border-left:3px solid var(--primary)}.notification-dropdown .notification-item.unread:hover{background:#16a34a1f}.notification-dropdown .notification-icon{width:32px;height:32px;font-size:1rem;flex-shrink:0}.notification-dropdown .notification-title{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.15rem}.notification-dropdown .notification-message{font-size:.8rem;color:var(--text-light);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notification-dropdown .notification-time{font-size:.75rem;color:var(--text-light);margin-top:.25rem}.notification-dropdown .notification-loading,.notification-dropdown .notification-empty{padding:2rem 1rem;text-align:center;color:var(--text-light);font-size:.9rem}.notification-dropdown .notification-footer{border-top:1px solid var(--border);padding:0;flex-shrink:0;background:var(--primary-bg)}.notification-dropdown .notification-footer button{width:100%;background:none;border:none;color:var(--primary);font-size:.85rem;font-weight:600;padding:.75rem 1rem;cursor:pointer;transition:background .15s}.notification-dropdown .notification-footer button:hover{background:#16a34a14}@media (max-width: 768px){.notification-dropdown{left:10px;right:10px;bottom:auto;top:50%;transform:translateY(-50%);width:auto;max-width:400px;max-height:70vh}}.notification-dropdown-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--primary-bg)}.notification-dropdown-header h4{font-size:.95rem;color:var(--primary-dark);font-weight:600}.notification-dropdown-header a{font-size:.85rem;color:var(--primary);text-decoration:none}.notification-dropdown-list{max-height:300px;overflow-y:auto}.notification-dropdown-item{padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.notification-dropdown-item:hover{background:var(--primary-bg)}.notification-dropdown-item.unread{background:#16a34a14;border-left:3px solid var(--primary)}.notification-dropdown-item h5{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.notification-dropdown-item p{font-size:.8rem;color:var(--text-light);line-height:1.4}.notification-dropdown-item small{font-size:.75rem;color:var(--text-light)}.notification-dropdown-empty{padding:2rem 1rem;text-align:center;color:var(--text-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:.75rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;padding:1.25rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--primary-bg)}.modal-header h3{font-size:1.1rem;font-weight:600;color:var(--primary-dark)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:var(--danger)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border);background:#f9fafb}.notification-item{display:flex;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:.5rem;margin-bottom:.75rem;background:#fff;transition:all .2s}.notification-item.unread{background:#16a34a0d;border-left:4px solid var(--primary)}.notification-item:hover{box-shadow:0 2px 8px #00000014}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.notification-icon.evaluation{background:#3b82f626;color:var(--info)}.notification-icon.request{background:#f59e0b26;color:var(--warning)}.notification-icon.system{background:#16a34a26;color:var(--primary)}.notification-icon.alert{background:#ef444426;color:var(--danger)}.notification-content{flex:1;min-width:0}.notification-content h4{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.notification-content p{font-size:.9rem;color:var(--text-light);line-height:1.4}.notification-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem;font-size:.8rem;color:var(--text-light)}.notification-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.request-list{display:flex;flex-direction:column;gap:.75rem}.request-item{padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:#fff}.request-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.request-item-details{font-size:.9rem;color:var(--text);margin-bottom:.35rem}.request-item-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-light)}.request-item-response{margin-top:.5rem;padding:.5rem;background:var(--primary-bg);border-radius:.35rem;font-size:.85rem;color:var(--text)}.member-evaluation-card{padding:1.25rem;border:2px solid var(--border);border-radius:.75rem;margin-bottom:1rem;background:#fff}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.criteria-scores{margin:1rem 0}.criteria-grid{display:flex;flex-direction:column;gap:.5rem}.criteria-score-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border);flex-wrap:nowrap;gap:.5rem}.criteria-score-item.scored{background:var(--primary-bg);border-color:var(--primary-lighter)}.criteria-score-item span{font-size:.85rem;font-weight:500;color:var(--text);flex:1;min-width:0}.score-buttons{display:flex;gap:.2rem;flex-shrink:0}.score-btn{width:30px;height:30px;border:2px solid var(--border);border-radius:.35rem;background:#fff;cursor:pointer;font-weight:600;font-size:.75rem;transition:all .2s;padding:0}.score-btn:hover{border-color:var(--primary);background:var(--primary-bg)}.score-btn.selected{color:#fff}.score-btn.score-0.selected{background:var(--score-na);border-color:var(--score-na)}.score-btn.score-1.selected{background:var(--score-1);border-color:var(--score-1)}.score-btn.score-2.selected{background:var(--score-2);border-color:var(--score-2)}.score-btn.score-3.selected{background:var(--score-3);border-color:var(--score-3)}.score-btn.score-4.selected{background:var(--score-4);border-color:var(--score-4)}.score-btn.score-5.selected{background:var(--score-5);border-color:var(--score-5)}.score-btn.score-6.selected{background:var(--score-6);border-color:var(--score-6)}@media (max-width: 768px){.criteria-score-item{flex-wrap:wrap}.criteria-score-item span{flex-basis:100%;margin-bottom:.25rem}.score-buttons{width:100%;justify-content:space-between}.score-btn{flex:1;max-width:40px}}.badge-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.ml-1{margin-left:.35rem}.text-sm{font-size:.85rem;color:var(--text-light)}.nav-section{margin-bottom:.5rem}.nav-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;padding:.5rem .9rem;margin-top:.75rem}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}@media (max-width: 1024px){.main-content{padding:1rem 1.25rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-title{font-size:1.5rem}.form-row{flex-direction:column}.form-row .form-group{width:100%}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){body{font-size:15px}.page-title{font-size:1.35rem}.card{padding:1rem;border-radius:.75rem}.card-title{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.75rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.btn{padding:.6rem 1rem;font-size:.9rem;min-height:44px}.btn-sm{padding:.5rem .75rem;font-size:.8rem;min-height:36px}.form-control{padding:.65rem .75rem;font-size:16px;min-height:44px}.form-control-lg{padding:.75rem 1rem;font-size:16px;min-height:48px}select.form-control{background-position:right .5rem center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.table{min-width:600px;font-size:.85rem}.table th,.table td{padding:.6rem .5rem}.table td.comments-cell{white-space:normal!important;word-wrap:break-word;min-width:150px;max-width:250px}.rating-scale{gap:.35rem;flex-wrap:wrap}.rating-option{min-width:40px;min-height:40px;padding:.5rem;font-size:.85rem;flex:1}.score-btn{min-width:36px;min-height:36px;font-size:.8rem}.criteria-item{padding:.75rem 0}.criteria-label{font-size:.9rem;margin-bottom:.5rem}.rubric-toggle{font-size:.8rem;padding:.4rem 0}.rubric-content{font-size:.8rem}.rubric-item{padding:.4rem 0}.rubric-score{width:24px;height:24px;font-size:.7rem}.modal{width:95%;max-width:none;max-height:90vh;margin:5vh auto}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column;gap:.5rem}.modal-footer .btn{width:100%}.badge{font-size:.7rem;padding:.2rem .5rem}.page-header .btn{width:100%}.flex.gap-1,.flex.gap-2{flex-direction:column;width:100%}.flex.gap-1>*,.flex.gap-2>*{width:100%}.empty-state{padding:2rem 1rem;font-size:.9rem}.login-container{padding:1rem}.login-box{padding:1.5rem;margin:0}}@media (max-width: 480px){.main-content,.card{padding:.75rem}.stats-grid{grid-template-columns:1fr 1fr}.page-title{font-size:1.2rem}.rubric-score{width:22px;height:22px;font-size:.65rem}.score-btn{min-width:32px;min-height:32px;font-size:.75rem}.table{font-size:.8rem}.table th,.table td{padding:.5rem .35rem}}@media (hover: none) and (pointer: coarse){.btn,.form-control{min-height:44px}.btn:hover,.card:hover{transform:none}.btn:active{transform:scale(.98);opacity:.9}.score-btn:active,.rating-option:active{transform:scale(.95)}.table-container{scroll-snap-type:x mandatory}}@media (max-width: 768px) and (orientation: landscape){.sidebar{max-height:40vh;overflow-y:auto}.modal{max-height:85vh}}@media print{.sidebar{display:none}.main-content{margin-left:0;padding:0}.btn{display:none}.card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}}.help-content{line-height:1.6}.help-content p{margin-bottom:.5rem}.help-content ul,.help-content ol{margin:.5rem 0;padding-left:1.25rem}.help-content li{margin-bottom:.35rem}.help-content ul ul,.help-content ol ul{margin-top:.25rem;margin-bottom:.25rem}.help-content strong{color:var(--primary-dark)}.help-content em{color:var(--text-light);font-style:normal}@media (max-width: 768px){.help-button{bottom:15px!important;right:15px!important;width:45px!important;height:45px!important;font-size:1.25rem!important}}@supports (padding: max(0px)){.sidebar{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.main-content{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.main-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}}@media (max-width: 768px){.form-row{flex-direction:column;gap:.75rem}.form-row>.form-group{width:100%;margin-bottom:0}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header .btn{width:100%;justify-content:center}.form-row.mb-2{flex-direction:column}.form-row.mb-2 .form-group{width:100%}}html{scroll-behavior:smooth}.table-container,.modal-body,.notification-list{overscroll-behavior:contain}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.btn:focus-visible,.form-control:focus-visible,.score-btn:focus-visible,.rating-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){.table-container::-webkit-scrollbar{height:4px}.table-container::-webkit-scrollbar-track{background:var(--bg-light)}.table-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}}.spinner{will-change:transform}.btn,.card,.modal,.sidebar{transform:translateZ(0);backface-visibility:hidden}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(180deg,#15803d,#166534);position:fixed;top:0;left:0;right:0;z-index:200;box-shadow:0 2px 10px #00000026}.mobile-header-logo{display:flex;align-items:center;gap:.5rem}.mobile-header-logo img{width:36px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mobile-header-logo span{font-size:1.1rem;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle-mobile{background:#ffffff26;border:none;padding:.5rem;border-radius:.5rem;font-size:1.1rem;cursor:pointer;transition:background .2s}.theme-toggle-mobile:hover,.theme-toggle-mobile:active{background:#ffffff40}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:#ffffff26;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}.hamburger-btn:hover,.hamburger-btn:active{background:#ffffff40}.hamburger-line{display:block;width:100%;height:2px;background:#fff;border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger-btn.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:300;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{position:fixed;top:0;left:0;width:280px;height:100vh;background:linear-gradient(180deg,#15803d,#166534);z-index:301;display:flex;flex-direction:column;overflow-y:auto;animation:slideIn .3s ease;box-shadow:4px 0 20px #00000040}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-drawer-logo{width:50px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.mobile-drawer-title{flex:1}.mobile-drawer-vsmmc{display:block;font-size:1.2rem;font-weight:900;letter-spacing:1px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-drawer-dept{display:block;font-size:.7rem;color:#ffffffe6;letter-spacing:.5px}.mobile-drawer-close{background:#ffffff26;border:none;color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.mobile-drawer-close:hover,.mobile-drawer-close:active{background:#ffffff40}.mobile-drawer-nav{flex:1;padding:.5rem;overflow-y:auto}.mobile-drawer-nav a{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:#ffffffe6;text-decoration:none;border-radius:.6rem;margin-bottom:.25rem;transition:all .2s;font-weight:500;font-size:1rem}.mobile-drawer-nav a:hover,.mobile-drawer-nav a:active{background:#ffffff26;color:#fff}.mobile-drawer-nav a.active{background:#ffffff40;color:#fff;box-shadow:0 2px 8px #00000026}.mobile-drawer-nav .nav-icon{font-size:1.2rem;width:24px;text-align:center}.mobile-drawer-nav .nav-label{flex:1}.mobile-drawer-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.2);background:#0000001a}.mobile-drawer-user{color:#fff}.mobile-drawer-user strong{display:block;font-size:.95rem;margin-bottom:.15rem}.mobile-drawer-user span{font-size:.8rem;color:#ffffffb3;text-transform:capitalize}.sidebar-hidden{display:none!important}.main-content-mobile{margin-left:0;padding-top:70px;min-height:100vh}.mobile-logout-container{margin-top:2rem;padding:1rem 0;border-top:1px solid var(--border)}@media (hover: none) and (pointer: coarse){.btn,.sidebar-nav a,.mobile-drawer-nav a{touch-action:manipulation}.btn:active{transform:scale(.97);transition:transform .1s}.mobile-drawer-nav a:active{transform:scale(.98);background:#fff3}.rating-option,.score-btn{min-height:44px;min-width:44px}}@media (max-width: 768px){.form-control{min-height:48px;font-size:16px}.modal-footer{flex-direction:column;gap:.5rem}.modal-footer .btn{width:100%;margin:0}.sidebar{width:240px;height:100vh;position:fixed}.main-content{margin-left:0}.app-layout{flex-direction:column}}.stat-card{min-height:80px}.charts-grid .card{min-height:320px}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loading-spinner-container .spinner{width:48px;height:48px;border-width:4px}.loading-spinner-container p{margin-top:1rem;color:var(--text-light);font-size:.95rem}.progress-race-container{padding:.5rem 0}.progress-race-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;margin-bottom:.5rem;background:var(--surface);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;animation:slideInFromLeft .5s ease-out forwards;opacity:0}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.progress-race-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.progress-race-item.top-3{border-left:4px solid}.progress-race-item.rank-1{border-left-color:#fbbf24;background:linear-gradient(90deg,rgba(251,191,36,.08) 0%,var(--surface) 50%)}.progress-race-item.rank-2{border-left-color:#9ca3af;background:linear-gradient(90deg,rgba(156,163,175,.08) 0%,var(--surface) 50%)}.progress-race-item.rank-3{border-left-color:#d97706;background:linear-gradient(90deg,rgba(217,119,6,.08) 0%,var(--surface) 50%)}.progress-race-rank{min-width:40px;text-align:center}.rank-medal{display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem}.rank-gold{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#92400e}.rank-silver{background:linear-gradient(135deg,#f3f4f6,#d1d5db);color:#374151}.rank-bronze{background:linear-gradient(135deg,#fef3c7,#f59e0b);color:#78350f}.rank-number{font-size:.9rem;font-weight:600;color:var(--text-light)}.progress-race-info{flex:1;min-width:0}.progress-race-name{font-weight:600;font-size:.9rem;color:var(--text);margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.progress-race-year{font-size:.7rem;font-weight:500;color:var(--text-light);background:var(--primary-bg);padding:.1rem .4rem;border-radius:.25rem}.progress-race-bar{flex:1;height:24px;background:var(--border);border-radius:12px;overflow:hidden;position:relative}.progress-race-fill{height:100%;border-radius:12px;transition:width .8s ease-out;animation:growBar .8s ease-out forwards}@keyframes growBar{0%{width:0!important}}.progress-race-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-weight:600;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.progress-race-evals{flex-shrink:0}.progress-race-evals .badge{font-size:.7rem;white-space:nowrap}.progress-race-summary{text-align:center;font-size:.85rem;color:var(--text-light);padding-top:.75rem;border-top:1px solid var(--border);margin-top:.5rem}@media (max-width: 768px){.progress-race-item{flex-wrap:wrap;gap:.5rem;padding:.6rem}.progress-race-rank{min-width:32px}.rank-medal{font-size:.65rem;padding:.2rem .35rem}.progress-race-info{flex-basis:calc(100% - 100px);order:2}.progress-race-name{font-size:.85rem}.progress-race-bar{height:20px}.progress-race-label{font-size:.7rem;right:6px}.progress-race-evals{order:3;margin-left:auto}}@media (max-width: 480px){.progress-race-item:hover{transform:none}}