.toast-list-enter-active,.toast-list-leave-active{transition:all .3s}.toast-list-enter-from,.toast-list-leave-to{opacity:0;transform:translate(16px)}:root{--primary:#1a6bff;--primary-d:#1558d6;--primary-l:#e6eeff;--primary-xl:#f0f5ff;--accent:#00c97a;--accent-d:#00a060;--accent-l:#e0fff0;--danger:#ff3d6b;--danger-l:#fff0f3;--warning:#f59e0b;--warning-l:#fffbeb;--info:#7c3aed;--info-l:#f5f3ff;--navy:#0f172a;--navy-2:#1e2f4a;--navy-3:#1e3058;--slate:#5a6e8a;--muted:#8fa3ba;--border:#e2e8f4;--bg:#f4f7fc;--bg-2:#edf2f9;--surface:#fff;--text:#0d1b35;--text-2:#3d5270;--r4:4px;--r6:6px;--r8:8px;--r10:10px;--r12:12px;--r16:16px;--r-full:9999px;--shadow-sm:0 1px 4px #0d1b3514;--shadow:0 2px 12px #0d1b351a;--shadow-md:0 4px 20px #0d1b351f;--shadow-lg:0 8px 40px #0d1b3529;--t:.2s ease;--t-fast:.12s ease;--sidebar-w:232px;--topbar-h:58px;font-size:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Space Grotesk,sans-serif}#app{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input,select,textarea,button{font-family:Space Grotesk,sans-serif}.fade-enter-active,.fade-leave-active{transition:opacity var(--t)}.fade-enter-from,.fade-leave-to{opacity:0}.loading-state{color:var(--muted);justify-content:center;align-items:center;gap:.7rem;padding:3rem;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.empty-state .empty-icon{opacity:.7;margin-bottom:.8rem;font-size:2.8rem}.empty-state p{max-width:260px;font-size:.88rem;line-height:1.6}@media (width<=900px){:root{--sidebar-w:0px}}.btn{border-radius:var(--r8);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:Space Grotesk,sans-serif;font-size:.84rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-d);transform:translateY(-1px);box-shadow:0 4px 16px #1a6bff4d}.btn-success{background:var(--accent);color:var(--navy)}.btn-success:hover:not(:disabled){background:var(--accent-d)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#d62d5a}.btn-ghost{color:var(--text-2);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg);border-color:var(--primary);color:var(--primary)}.btn-navy{background:var(--navy);color:#fff}.btn-sm{padding:.38rem .85rem;font-size:.78rem}.btn-xs{padding:.25rem .6rem;font-size:.72rem}.btn-icon{border-radius:var(--r8);padding:.5rem}.btn-block{justify-content:center;width:100%}.card{background:var(--surface);border-radius:var(--r12);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.9rem 1.4rem;display:flex}.card-title{color:var(--text);align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;display:flex}.card-body{padding:1.4rem}.card-footer{border-top:1px solid var(--border);background:var(--bg);justify-content:flex-end;align-items:center;gap:.6rem;padding:.8rem 1.4rem;display:flex}.stat-card{background:var(--surface);border-radius:var(--r12);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t);align-items:center;gap:.9rem;padding:1.1rem 1.2rem;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-icon{border-radius:var(--r12);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.si-blue{background:var(--primary-l);color:var(--primary)}.si-green{background:var(--accent-l);color:var(--accent-d)}.si-red{background:var(--danger-l);color:var(--danger)}.si-amber{background:var(--warning-l);color:#b07800}.si-purple{background:var(--info-l);color:var(--info)}.si-navy{color:var(--navy);background:#0f172a12}.stat-val{color:var(--text);font-family:Bebas Neue,sans-serif;font-size:1.9rem;line-height:1}.stat-lbl{color:var(--slate);margin-top:.1rem;font-size:.74rem;font-weight:500}.stat-delta{margin-top:.2rem;font-size:.72rem;font-weight:600}.delta-up{color:var(--accent-d)}.delta-dn{color:var(--danger)}.badge{border-radius:var(--r-full);white-space:nowrap;justify-content:center;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-green,.badge-P{background:var(--accent-l);color:var(--accent-d)}.badge-amber,.badge-T{background:var(--warning-l);color:#9a6800}.badge-red,.badge-F{background:var(--danger-l);color:var(--danger)}.badge-blue,.badge-J{background:var(--primary-l);color:var(--primary)}.badge-AD{background:var(--info-l);color:var(--info)}.badge-A{background:var(--accent-l);color:var(--accent-d)}.badge-B{background:var(--warning-l);color:#9a6800}.badge-C{background:var(--danger-l);color:var(--danger)}.badge-active{background:var(--accent-l);color:var(--accent-d)}.badge-inactive{background:var(--bg-2);color:var(--muted)}.badge-navy{color:var(--navy);background:#0f172a14}.form-label{color:var(--slate);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.74rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--r8);background:var(--bg);width:100%;color:var(--text);transition:border-color var(--t),box-shadow var(--t);appearance:none;padding:.62rem .9rem;font-family:Space Grotesk,sans-serif;font-size:.88rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);background:var(--surface);outline:none;box-shadow:0 0 0 3px #1a6bff1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.form-group{margin-bottom:1rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-wrap{position:relative}.input-wrap .form-input{padding-left:2.5rem}.input-icon{color:var(--muted);pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.table-wrap{overflow-x:auto}.table-wrap-scroll{max-height:520px;overflow:auto}.tbl{border-collapse:collapse;width:100%;font-size:.84rem}.tbl th{background:var(--bg);text-align:left;color:var(--slate);text-transform:uppercase;letter-spacing:.6px;border-bottom:1.5px solid var(--border);white-space:nowrap;z-index:1;padding:.65rem 1rem;font-size:.71rem;font-weight:700;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-2);padding:.62rem 1rem}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:#1a6bff08}.tbl .col-num{text-align:center;width:42px;color:var(--muted);font-size:.78rem}.tbl .col-name{color:var(--text);font-weight:600}.tbl .col-actions{white-space:nowrap;text-align:right}.tbl .col-center{text-align:center}.av{background:var(--primary-l);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.av-sm{width:26px;height:26px;font-size:.65rem}.av-lg{width:44px;height:44px;font-size:1rem}.av-xl{width:60px;height:60px;font-size:1.3rem}.av-green{background:var(--accent-l);color:var(--accent-d)}.av-purple{background:var(--info-l);color:var(--info)}.progress{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .5s}.pb-green{background:var(--accent)}.pb-blue{background:var(--primary)}.pb-red{background:var(--danger)}.pb-amber{background:var(--warning)}.pb-purple{background:var(--info)}.overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r16);width:100%;max-width:520px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:90vh;animation:.25s slideUp;display:flex}.modal-lg{max-width:720px}.modal-sm{max-width:380px}.modal-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.modal-title{color:var(--text);font-size:1rem;font-weight:700}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tabs-bar{background:var(--bg);border-radius:var(--r8);gap:.3rem;width:fit-content;padding:.25rem;display:flex}.tab-item{border-radius:var(--r8);cursor:pointer;color:var(--slate);transition:all var(--t-fast);background:0 0;border:none;padding:.42rem 1.1rem;font-family:Space Grotesk,sans-serif;font-size:.83rem;font-weight:600}.tab-item.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.search-bar{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r8);transition:border-color var(--t);align-items:center;gap:.6rem;padding:.48rem .9rem;display:flex}.search-bar:focus-within{border-color:var(--primary);background:var(--surface)}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:Space Grotesk,sans-serif;font-size:.87rem}.search-bar input::placeholder{color:var(--muted)}.page-header{margin-bottom:1.6rem}.page-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h1{font-size:1.55rem;font-weight:700}.page-header .page-subtitle{color:var(--slate);margin-top:.2rem;font-size:.87rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:1rem;margin-bottom:1.4rem;display:grid}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid-5{grid-template-columns:repeat(5,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.2rem;display:grid}.grid-2-1{grid-template-columns:2fr 1fr;gap:1.2rem;display:grid}.sel-bar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.2rem;display:flex}.sel-bar select,.sel-bar input[type=date]{border:1.5px solid var(--border);border-radius:var(--r8);background:var(--surface);color:var(--text);padding:.5rem .8rem;font-family:Space Grotesk,sans-serif;font-size:.84rem}.sel-bar select:focus,.sel-bar input[type=date]:focus{border-color:var(--primary);outline:none}.asist-toggle{gap:.25rem;display:flex}.asist-btn{border:1.5px solid var(--border);cursor:pointer;width:30px;height:30px;transition:all var(--t-fast);color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.asist-btn:hover{border-color:var(--navy);color:var(--navy);transform:scale(1.1)}.asist-btn.on-P{background:var(--accent);border-color:var(--accent);color:var(--navy)}.asist-btn.on-T{background:var(--warning);border-color:var(--warning);color:#fff}.asist-btn.on-F{background:var(--danger);border-color:var(--danger);color:#fff}.asist-btn.on-J{background:var(--primary);border-color:var(--primary);color:#fff}.ua-tog{border-radius:var(--r6);border:1.5px solid var(--border);cursor:pointer;width:30px;height:30px;transition:all var(--t-fast);color:var(--muted);background:0 0;justify-content:center;align-items:center;font-size:.88rem;display:flex}.ua-tog.on{background:var(--accent-l);border-color:var(--accent-d);color:var(--accent-d)}.ua-tog.off{background:var(--danger-l);border-color:var(--danger);color:var(--danger)}.nota-sel{border:1.5px solid var(--border);border-radius:var(--r4);text-align:center;cursor:pointer;background:var(--bg);width:52px;color:var(--text);appearance:none;padding:.28rem .25rem;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700}.nota-sel:focus{border-color:var(--primary);outline:none}.nota-sel.nota-AD{border-color:var(--info)!important;color:var(--info)!important;background:var(--info-l)!important}.nota-sel.nota-A{border-color:var(--accent-d)!important;color:var(--accent-d)!important;background:var(--accent-l)!important}.nota-sel.nota-B{color:#b07800!important;background:var(--warning-l)!important;border-color:#b07800!important}.nota-sel.nota-C{border-color:var(--danger)!important;color:var(--danger)!important;background:var(--danger-l)!important}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--r8);box-shadow:var(--shadow-lg);align-items:center;gap:.5rem;max-width:320px;padding:.7rem 1.1rem;font-size:.84rem;font-weight:600;animation:.3s toastIn;display:flex}.toast.success{background:var(--navy);color:var(--accent)}.toast.error{background:var(--surface);color:var(--danger);border:1.5px solid var(--danger-l)}.toast.info{background:var(--navy);color:#a0c4ff}.toast.warning{background:var(--navy);color:var(--warning)}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.dash-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);border-radius:var(--r16);justify-content:space-between;align-items:center;margin-bottom:1.4rem;padding:1.8rem 2rem;display:flex;position:relative;overflow:hidden}.dash-hero:before{content:"";background:radial-gradient(circle at 80%,#1a6bff26,#0000 60%);position:absolute;inset:0}.dh-title{color:#fff;z-index:1;font-size:1.55rem;font-weight:700;line-height:1.1;position:relative}.dh-title span{color:var(--accent)}.dh-sub{color:#ffffff73;z-index:1;margin-top:.3rem;font-size:.85rem;position:relative}.dh-graphic{opacity:.15;flex-shrink:0;font-size:5.5rem}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.divider{background:var(--border);height:1px;margin:1rem 0}@media (width<=768px){.form-row,.grid-2,.grid-3,.grid-2-1{grid-template-columns:1fr}.stats-grid-4,.stats-grid-5,.stats-grid-3{grid-template-columns:1fr 1fr}}