:root{--blue-dark:#0c2461;--blue-darker:#081a45;--blue:#1e6bbf;--blue-soft:#eaf1fb;--red:#e23a4e;--green:#16794a;--green-soft:#e7f7ed;--amber:#b4680f;--amber-soft:#fdf1e3;--border:#e6e9f0;--muted:#6b7688;--ink:#20334a;--bg:#f3f5f9;--sidebar-w:256px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--blue);text-decoration:none}.card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px}.brand{color:var(--blue-dark);letter-spacing:-.01em;font-weight:800;line-height:1}.brand small{color:var(--blue);letter-spacing:.14em;margin-top:4px;font-size:11px;font-weight:700;display:block}.btn{cursor:pointer;background:var(--red);color:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:#c62d40}.input{border:1px solid var(--border);background:#fff;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e6bbf26}.label{color:var(--blue-dark);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.muted{color:var(--muted)}.error{color:var(--red);font-size:14px;font-weight:500}.auth-wrap{background:radial-gradient(1200px 600px at 100% -10%, #1e6bbf1a, transparent 60%), radial-gradient(900px 500px at -10% 110%, #0c24611a, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:100%;max-width:400px}.portal{min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--blue-dark), var(--blue-darker));color:#fff;flex-direction:column;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{color:#fff;letter-spacing:-.01em;padding:4px 10px 22px;font-weight:800}.sidebar-brand small{color:#9fc0ee;letter-spacing:.16em;margin-top:5px;font-size:10px;font-weight:700;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:#c8d6ef;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff24}.nav-item svg{flex:none;width:18px;height:18px}.sidebar-foot{border-top:1px solid #ffffff1f;padding-top:14px}.user{align-items:center;gap:11px;padding:4px 8px 12px;display:flex}.avatar{background:var(--blue);color:#fff;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.user-email{color:#fff;word-break:break-all;font-size:13px;font-weight:600;line-height:1.3}.user-role{color:#9fc0ee;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.btn-logout{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.btn-logout:hover{background:#e23a4ee6;border-color:#0000}.btn-logout svg{width:16px;height:16px}.portal-main{margin-left:var(--sidebar-w);padding:32px 36px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--blue-dark);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.page-sub{margin:6px 0 0;font-size:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px}.stat-card .k{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:12px;font-weight:700}.stat-card .v{color:var(--blue-dark);margin:8px 0 0;font-size:32px;font-weight:800;line-height:1}.stat-card .v.accent{color:var(--green)}.panel{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel-title{color:var(--blue-dark);font-size:15px;font-weight:700}.search{max-width:260px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:13px 20px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#fafbfd;font-size:12px;font-weight:700}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f9fbfd}.btn-delete{cursor:pointer;color:#b4232f;background:#fdeaec;border:1px solid #f2c4ca;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.btn-delete:hover{background:var(--red);color:#fff;border-color:var(--red)}.badge{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-active{background:var(--green-soft);color:var(--green)}.badge-off{background:var(--amber-soft);color:var(--amber)}.empty{text-align:center;padding:48px 24px}@media (max-width:860px){.sidebar{flex-direction:row;align-items:center;gap:12px;width:100%;padding:12px 16px;position:static}.sidebar-brand{flex:1;padding:0}.sidebar-nav{flex-direction:row;flex:none}.nav-item span{display:none}.sidebar-foot{border:none;align-items:center;gap:12px;padding:0;display:flex}.user{padding:0}.user-email,.user-role{display:none}.btn-logout{width:auto;padding:9px 14px}.portal-main{margin-left:0;padding:20px 16px}}