*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0d1b2a;--ink2:#1b3a5c;--sky:#1a6fe8;--sky2:#0d4eb0;--sky3:#e8f0fe;--teal:#00897b;--teal2:#e0f2f1;--amber:#e09000;--amber2:#fef3c7;--red:#dc2626;--red2:#fee2e2;--green:#16a34a;--green2:#dcfce7;--violet:#7c3aed;--violet2:#ede9fe;--sur:#f0f4f8;--sur2:#e2e8f0;--white:#fff;--t1:#0d1b2a;--t2:#334155;--t3:#64748b;--t4:#94a3b8;--bdr:#cbd5e1;--bdr2:#e2e8f0;--r:10px;--r2:7px;--sh:0 1px 8px #0d1b2a1a;--sh2:0 4px 20px #0d1b2a29}body{background:var(--sur);color:var(--t1);-webkit-tap-highlight-color:transparent;height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:3px}#app{height:100vh;display:flex;overflow:hidden}#sidebar{background:var(--ink);z-index:50;flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex}#main{flex-direction:column;flex:1;display:flex;overflow:hidden}#topbar{background:var(--white);border-bottom:1px solid var(--bdr2);z-index:10;flex-shrink:0;align-items:center;gap:10px;height:54px;padding:0 18px;display:flex;box-shadow:0 1px 6px #0d1b2a0f}#content{flex:1;overflow:hidden auto}.view{padding:20px}.burger{border:1px solid var(--bdr2);background:var(--white);width:36px;height:36px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:none}.burger:active{transform:scale(.96)}.sidebar-overlay{display:none}.sb-logo{border-bottom:1px solid #ffffff14;padding:16px 12px 12px}.sb-logo-row{align-items:center;gap:9px;display:flex}.sb-icon{background:linear-gradient(135deg,#1a73e8,#00897b);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;display:flex}.sb-title{color:#fff;font-size:14px;font-weight:700;line-height:1.1}.sb-sub{color:#ffffff59;text-transform:uppercase;letter-spacing:.07em;font-size:9.5px}.sb-user{background:#ffffff12;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;display:flex}.sb-user-name{color:#fff;font-size:12.5px;font-weight:600}.sb-user-role{letter-spacing:.05em;border-radius:10px;margin-top:2px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.role-a{color:#fff;background:#1a6fe8}.role-b{color:#fff;background:#00897b}.role-s{color:#fff;background:#7c3aed}.role-o{color:#fff;background:#0891b2}nav{flex:1;padding:8px;overflow-y:auto}.nav-group{text-transform:uppercase;letter-spacing:.08em;color:#ffffff40;padding:12px 11px 4px;font-size:9px;font-weight:700}.nav-item{border-radius:var(--r2);cursor:pointer;color:#fff9;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;margin-bottom:1px;padding:9px 11px;font-size:13px;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#ffffffe6;background:#ffffff14}.nav-item.active{color:#fff;background:#1a73e840;font-weight:600}.nav-item.active:before{content:"";background:var(--sky);border-radius:0 2px 2px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.sb-footer{border-top:1px solid #ffffff14;padding:10px 8px}.topbar-title{color:var(--ink);flex:1;font-size:16px;font-weight:700}.topbar-sub{color:var(--t4);margin-top:1px;font-size:11px}.topbar-right{align-items:center;gap:8px;display:flex}.card{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--bdr2)}.card-pad{padding:16px 18px}.section-title{color:var(--ink);margin-bottom:4px;font-size:19px;font-weight:800}.section-sub{color:var(--t4);margin-bottom:16px;font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tag{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.tg{background:var(--green2);color:#15803d}.tr{background:var(--red2);color:var(--red)}.ta{background:var(--amber2);color:#92400e}.tb{background:var(--sky3);color:var(--sky2)}.tk{background:var(--sur2);color:var(--t3)}.tv{background:var(--violet2);color:var(--violet)}.btn{border-radius:var(--r2);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--sky);color:#fff}.btn-primary:hover{background:var(--sky2)}.btn-amber{background:var(--amber);color:#fff}.btn-sm{padding:5px 11px;font-size:12px}.btn-ghost{color:var(--sky);background:0 0;border:none;padding:6px 9px;font-size:12.5px}.btn-ghost:hover{background:var(--sky3)}.btn-sec{background:var(--sur2);color:var(--t2);border:1px solid var(--bdr)}.btn-sec:hover{background:var(--sur)}.btn-full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.inp{border:1.5px solid var(--bdr);border-radius:var(--r2);width:100%;color:var(--t1);background:var(--white);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.inp:focus{border-color:var(--sky)}.search-wrap{position:relative}.search-wrap .search-icon{color:var(--t4);pointer-events:none;font-size:15px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-wrap .inp{padding-left:34px}.alert{border-radius:var(--r2);align-items:flex-start;gap:9px;margin-bottom:10px;padding:10px 13px;font-size:12.5px;font-weight:500;display:flex}.alert-a{background:var(--amber2);color:#92400e;border:1px solid #fcd34d}.kpi{padding:15px 17px}.kpi-icon{margin-bottom:5px;font-size:20px}.kpi-val{margin-bottom:2px;font-size:26px;font-weight:900;line-height:1.1}.kpi-lbl{color:var(--t4);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.kpi-trend{margin-top:4px;font-size:11px;font-weight:700}.corso-card{background:var(--white);border:1px solid var(--bdr2);border-radius:var(--r);box-shadow:var(--sh);cursor:pointer;gap:10px;padding:12px 12px 12px 16px;transition:transform .12s,box-shadow .12s;display:flex}.corso-card:hover{box-shadow:var(--sh2);transform:translateY(-1px)}.stato-bar{border-radius:4px;flex-shrink:0;width:4px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filter-chip{border:1px solid var(--bdr2);background:var(--white);color:var(--t3);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.filter-chip.active{background:var(--sky3);color:var(--sky2);border-color:#93c5fd;font-weight:700}.pagination{justify-content:center;align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--bdr2);background:var(--white);cursor:pointer;border-radius:8px;min-width:32px;height:32px}.page-btn.active{background:var(--sky3);color:var(--sky2);border-color:#93c5fd;font-weight:800}.page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=980px){#sidebar{position:absolute;transform:translate(-100%)}#sidebar.open{transform:translate(0)}.burger{display:inline-flex}.sidebar-overlay{z-index:40;background:#00000059;display:block;position:fixed;inset:0}.grid4{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}