@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--navy-950:#030712;--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#334155;--navy-600:#475569;--navy-500:#64748b;--navy-400:#94a3b8;--navy-300:#cbd5e1;--navy-200:#e2e8f0;--navy-100:#f1f5f9;--navy-50:#f8fafc;--teal-600:#0d9488;--teal-500:#14b8a6;--teal-400:#2dd4bf;--teal-100:#ccfbf1;--teal-50:#f0fdfa;--accent-600:#0284c7;--accent-500:#0ea5e9;--accent-400:#38bdf8;--accent-100:#e0f2fe;--accent-50:#f0f9ff;--emerald-600:#059669;--emerald-500:#10b981;--emerald-100:#d1fae5;--emerald-50:#ecfdf5;--amber-600:#d97706;--amber-500:#f59e0b;--amber-100:#fef3c7;--amber-50:#fffbeb;--rose-600:#e11d48;--rose-500:#f43f5e;--rose-100:#ffe4e6;--rose-50:#fff1f2;--violet-600:#7c3aed;--violet-500:#8b5cf6;--violet-100:#ede9fe;--bg-primary:var(--navy-900);--bg-secondary:var(--navy-800);--bg-tertiary:var(--navy-700);--bg-surface:#1a2744;--bg-card:#1e293bcc;--bg-input:#0f172a99;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#94a3b826;--border-focus:var(--teal-500);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #14b8a633;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--sidebar-width:260px;--header-height:64px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}#loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-logo{flex-direction:column;align-items:center;gap:16px;animation:.5s fadeIn;display:flex}.loading-logo img{object-fit:contain;border-radius:var(--radius-lg);filter:drop-shadow(0 4px 12px #14b8a64d);width:80px;height:80px}.loading-logo p{color:var(--text-secondary);font-size:.875rem;font-weight:500}#app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;min-height:100vh;display:grid}#main-content{background:var(--bg-primary);flex-direction:column;grid-column:2;min-height:100vh;display:flex}#page-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px}#sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;grid-area:1/1;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:hidden}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px 20px;text-decoration:none;display:flex}.sidebar-logo img{border-radius:var(--radius-md);object-fit:contain;background:#fff;width:40px;height:40px;padding:3px}.sidebar-logo-text{flex-direction:column;gap:1px;display:flex}.sidebar-logo-text strong{color:var(--text-primary);font-size:.8rem;font-weight:700;line-height:1.3}.sidebar-logo-text span{color:var(--teal-400);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:8px;padding:12px 8px 6px;font-size:.65rem;font-weight:600}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link svg{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-link:hover{color:var(--teal-400);background:#14b8a614}.nav-link:hover svg{opacity:1}.nav-link.active{color:var(--teal-400);background:#14b8a626}.nav-link.active svg{opacity:1}.nav-link.active:before{content:"";background:var(--teal-500);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-badge{background:var(--rose-500);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:.65rem;font-weight:700}.sidebar-user{border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:10px;padding:16px;display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--teal-500), var(--accent-500));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-info strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.user-info span{color:var(--text-muted);text-transform:capitalize;font-size:.7rem}.btn-logout{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:6px;display:flex}.btn-logout:hover{color:var(--rose-500)}.nav-link-signout{margin-top:8px;color:var(--rose-400)!important}.nav-link-signout:hover{color:var(--rose-400)!important;background:#f43f5e1a!important}.nav-link-signout svg{opacity:1!important}#top-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:50;background:#1a2744f2;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.header-subtitle{color:var(--text-muted);margin-top:1px;font-size:.8rem}.header-actions{align-items:center;gap:12px;display:flex}.btn-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--teal-600), var(--teal-500));color:#fff;box-shadow:0 2px 8px #14b8a64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--teal-500), var(--teal-400));transform:translateY(-1px);box-shadow:0 4px 16px #14b8a666}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);background:#94a3b81a}.btn-secondary:hover:not(:disabled){color:var(--text-primary);background:#94a3b833}.btn-accent{background:linear-gradient(135deg, var(--accent-600), var(--accent-500));color:#fff;box-shadow:0 2px 8px #0ea5e94d}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0ea5e966}.btn-success{background:linear-gradient(135deg, var(--emerald-600), var(--emerald-500));color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.btn-danger{background:linear-gradient(135deg, var(--rose-600), var(--rose-500));color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e66}.btn-warning{background:linear-gradient(135deg, var(--amber-600), var(--amber-500));color:#fff}.btn-warning:hover:not(:disabled){transform:translateY(-1px)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);padding:8px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow var(--transition-base);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:flex-start;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#14b8a608);position:absolute;inset:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#14b8a64d;transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon svg{width:24px;height:24px}.stat-icon.teal{color:var(--teal-400);background:#14b8a626}.stat-icon.blue{color:var(--accent-400);background:#0ea5e926}.stat-icon.green{color:#34d399;background:#10b98126}.stat-icon.amber{color:#fbbf24;background:#f59e0b26}.stat-icon.rose{color:#fb7185;background:#f43f5e26}.stat-icon.violet{color:#a78bfa;background:#8b5cf626}.stat-value{color:var(--text-primary);margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.stat-trend{align-items:center;gap:4px;margin-top:4px;font-size:.75rem;display:flex}.stat-trend.up{color:var(--emerald-500)}.stat-trend.down{color:var(--rose-500)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:600}.form-label .required{color:var(--rose-500);margin-left:2px}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:.875rem}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{border-color:var(--border-focus);background:#0f172acc;box-shadow:0 0 0 3px #14b8a61a}.form-control:disabled{opacity:.5;cursor:not-allowed}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea.form-control{resize:vertical;min-height:100px}.form-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.form-error{color:var(--rose-400);font-size:.75rem}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.form-section{margin-bottom:32px}.form-section-title{color:var(--teal-400);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;font-size:.9rem;font-weight:700;display:flex}.form-section-title svg{width:16px;height:16px}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge svg{width:10px;height:10px}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-draft{color:#94a3b8;background:#64748b33}.badge-submitted{color:var(--accent-400);background:#0ea5e926}.badge-approved{color:#34d399;background:#10b98126}.badge-rejected{color:#fb7185;background:#f43f5e26}.badge-sent{color:#a78bfa;background:#8b5cf626}.badge-active{color:#34d399;background:#10b98126}.badge-inactive{color:#94a3b8;background:#64748b33}.badge-admin{color:#fbbf24;background:#f59e0b26}.badge-tutor{color:var(--accent-400);background:#0ea5e926}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead tr{border-bottom:1px solid var(--border-color);background:#1e293be6}thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding:12px 16px;font-size:.72rem;font-weight:700}tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#14b8a60a}tbody td{color:var(--text-primary);vertical-align:middle;padding:14px 16px}.table-actions{align-items:center;gap:6px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-state svg{opacity:.3;width:48px;height:48px;margin:0 auto 16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:1rem;font-weight:600}.empty-state p{font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.25s slideUp;overflow-y:auto}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.modal-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:6px;display:flex}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{justify-content:flex-end;gap:12px;padding:0 24px 24px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.page-title{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem}.page-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.filters-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.filters-bar .form-group{flex:1;min-width:140px}.filters-bar .form-control{padding:8px 12px;font-size:.8rem}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg{background:radial-gradient(ellipse at 20% 20%, #14b8a61f 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #0ea5e91a 0%, transparent 60%), var(--navy-900);z-index:-1;position:fixed;inset:0}.login-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg), var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bd9;padding:48px;animation:.4s slideUp}.login-logo{text-align:center;margin-bottom:32px}.login-logo img{object-fit:contain;border-radius:var(--radius-lg);background:#fff;width:70px;height:70px;margin-bottom:16px;padding:6px}.login-logo h1{color:var(--text-primary);font-size:1.2rem;font-weight:700}.login-logo p{color:var(--text-muted);margin-top:4px;font-size:.8rem}.login-form{flex-direction:column;gap:20px;display:flex}.login-divider{text-align:center;color:var(--text-muted);margin:8px 0;font-size:.8rem;position:relative}.dashboard-grid{gap:24px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stats-grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.step-indicator{align-items:center;gap:0;margin-bottom:40px;display:flex;overflow-x:auto}.step{flex-shrink:0;align-items:center;gap:10px;display:flex}.step-circle{border:2px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.step.active .step-circle{background:var(--teal-500);border-color:var(--teal-500);color:#fff;box-shadow:0 0 16px #14b8a666}.step.done .step-circle{border-color:var(--teal-500);color:var(--teal-400);background:#14b8a633}.step-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.step.active .step-label{color:var(--teal-400)}.step.done .step-label{color:var(--text-secondary)}.step-connector{background:var(--border-color);flex:1;min-width:24px;max-width:60px;height:2px}.step-connector.done{background:var(--teal-500);opacity:.5}.report-detail-grid{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.info-block{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#94a3b80d;margin-bottom:16px;padding:16px}.info-block-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:.72rem;font-weight:700}.info-row{border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row-label{color:var(--text-muted);flex-shrink:0;font-size:.8rem;font-weight:500}.info-row-value{color:var(--text-primary);text-align:right;font-size:.875rem;font-weight:500}.feedback-block{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#94a3b80d;margin-bottom:16px;padding:20px}.feedback-block-title{text-transform:uppercase;letter-spacing:.08em;color:var(--teal-400);margin-bottom:10px;font-size:.75rem;font-weight:700}.feedback-block p{color:var(--text-primary);white-space:pre-wrap;font-size:.875rem;line-height:1.7}.audit-trail{flex-direction:column;gap:0;display:flex}.audit-item{gap:12px;padding:10px 0;display:flex;position:relative}.audit-item:before{content:"";background:var(--border-color);width:2px;position:absolute;top:28px;bottom:-10px;left:15px}.audit-item:last-child:before{display:none}.audit-dot{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.audit-dot svg{width:13px;height:13px}.audit-content{flex:1;padding-top:4px}.audit-action{color:var(--text-primary);font-size:.825rem;font-weight:600}.audit-meta{color:var(--text-muted);margin-top:2px;font-size:.75rem}#toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;min-width:280px;max-width:400px;padding:14px 18px;animation:.3s slideInRight;display:flex}.toast.removing{animation:.3s forwards slideOutRight}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-message{color:var(--text-primary);flex:1;font-size:.875rem;font-weight:500}.toast-success{border-left:3px solid var(--emerald-500)}.toast-error{border-left:3px solid var(--rose-500)}.toast-warning{border-left:3px solid var(--amber-500)}.toast-info{border-left:3px solid var(--accent-500)}.toast-success .toast-icon{color:var(--emerald-500)}.toast-error .toast-icon{color:var(--rose-500)}.toast-warning .toast-icon{color:var(--amber-500)}.toast-info .toast-icon{color:var(--accent-500)}.status-banner{border-radius:var(--radius-lg);border:1px solid;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.status-banner.submitted{background:#0ea5e914;border-color:#0ea5e94d}.status-banner.approved{background:#10b98114;border-color:#10b9814d}.status-banner.rejected{background:#f43f5e14;border-color:#f43f5e4d}.status-banner.sent{background:#8b5cf614;border-color:#8b5cf64d}.status-banner-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.status-banner.submitted .status-banner-icon{color:var(--accent-400);background:#0ea5e933}.status-banner.approved .status-banner-icon{color:#34d399;background:#10b98133}.status-banner.rejected .status-banner-icon{color:#fb7185;background:#f43f5e33}.status-banner.sent .status-banner-icon{color:#a78bfa;background:#8b5cf633}.status-banner-icon svg{width:20px;height:20px}.status-banner-content h4{margin-bottom:4px;font-size:.9rem;font-weight:700}.status-banner-content p{color:var(--text-secondary);font-size:.825rem}.score-display{align-items:center;gap:12px;display:flex}.score-circle{background:linear-gradient(135deg, var(--teal-600), var(--accent-500));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 16px #14b8a64d}.divider{background:var(--border-color);height:1px;margin:24px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.page-enter{animation:.3s fadeIn,.3s slideUp}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}@media (width<=1024px){:root{--sidebar-width:220px}#page-content{padding:24px}}@media (width<=768px){#app-shell{grid-template-columns:1fr}#sidebar{transition:transform var(--transition-base);transform:translate(-100%)}#sidebar.open{transform:translate(0)}#main-content{grid-column:1}.btn-menu{display:flex!important}.form-row,.form-row-3,.report-detail-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}#page-content{padding:16px}.login-card{padding:32px 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.modal{border-radius:var(--radius-lg);max-width:100%}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--emerald-500)}.text-danger{color:var(--rose-500)}.text-warning{color:var(--amber-500)}.text-accent{color:var(--accent-400)}.text-teal{color:var(--teal-400)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-full{width:100%}.hidden{display:none!important}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-input-wrapper{flex:1;min-width:200px;position:relative}.search-input-wrapper svg{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper .form-control{padding-left:38px}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.working-level-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.wl-below{color:#fb7185;background:#f43f5e26}.wl-towards{color:#fbbf24;background:#f59e0b26}.wl-at{color:var(--accent-400);background:#0ea5e926}.wl-above{color:#34d399;background:#10b98126}.wl-excellent{color:#a78bfa;background:#8b5cf626}