:root{
  --bg:#f5f7fb;--surface:#fff;--surface-2:#f9fbfd;--line:#e6ebf2;--text:#132238;--muted:#6f7c90;
  --nav:#0e2239;--nav-2:#0a1a2d;--nav-soft:#1d3654;--primary:#2563eb;--primary-2:#6d4df5;
  --green:#16a34a;--orange:#f97316;--purple:#8b5cf6;--cyan:#0891b2;--red:#ef4444;
  --shadow:0 10px 30px rgba(35,51,78,.07);--radius:16px;--sidebar:244px;--topbar:76px;
}
html[data-theme="dark"]{--bg:#0b1220;--surface:#111827;--surface-2:#172033;--line:#26344a;--text:#edf3fb;--muted:#9aa9bd;--shadow:none}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.45;min-height:100vh}a{color:inherit}.app-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:1000;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--nav),var(--nav-2));color:#fff;padding:18px 16px;box-shadow:8px 0 30px rgba(8,24,43,.08);overflow:auto}.app-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.app-logo-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#7db1ff;font-size:20px}.app-logo strong{font-size:17px;letter-spacing:-.02em}.sidebar-close{display:none;background:transparent!important;border:0!important;color:#fff!important;width:36px;height:36px;padding:0!important;box-shadow:none!important}.workspace-switch{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:12px 13px;border-radius:11px;background:rgba(255,255,255,.09);text-decoration:none;color:#fff;font-size:13px;font-weight:700}.workspace-switch span{flex:1}.workspace-switch .fa-chevron-down{font-size:10px;color:#a8b8ca}.sidebar-nav{display:grid;gap:19px}.sidebar-group{display:grid;gap:4px}.sidebar-label{padding:0 4px 5px;color:#8498af;font-size:10px;font-weight:800;letter-spacing:.07em}.sidebar-nav a{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 9px;border-radius:9px;color:#d5dfeb;text-decoration:none;font-size:12px;font-weight:620;transition:.15s}.sidebar-nav a i{width:18px;text-align:center;color:#c1cfde}.sidebar-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar-nav a.active{background:linear-gradient(100deg,#3478f6,#6d4df5);color:#fff;box-shadow:0 8px 18px rgba(76,91,240,.28)}.sidebar-nav a.active i{color:#fff}.sidebar-quick{margin-top:8px;padding:13px 12px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;gap:4px}.sidebar-quick-title{font-size:12px;font-weight:800;margin-bottom:4px}.sidebar-quick a{min-height:29px;padding:5px 0;background:none!important}.sidebar-quick a i{font-size:10px}.sidebar-footer-brand{margin-top:auto;padding:18px 4px 0;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:9px}.avatar-mini{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3478f6,#6d4df5)}.sidebar-footer-brand strong,.sidebar-footer-brand small{display:block}.sidebar-footer-brand strong{font-size:11px}.sidebar-footer-brand small{font-size:9px;color:#8fa3b8;margin-top:1px}.sidebar-backdrop{display:none}
.app-main{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:800;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.app-topbar-left,.app-topbar-actions{display:flex;align-items:center;gap:12px}.mobile-menu{display:none!important}.global-search{width:min(285px,28vw);display:flex;align-items:center;gap:10px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted)}.global-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:auto!important;width:100%;font-size:12px}.top-icon-button,.theme-switch{width:40px;height:40px;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;text-decoration:none;box-shadow:none!important}.notification-button{position:relative}.notification-button:after{content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#ef233c;border:2px solid var(--surface)}.top-user{display:flex;align-items:center;gap:10px;margin-left:2px}.top-user>span:first-child{text-align:right}.top-user strong,.top-user small{display:block}.top-user strong{font-size:11px}.top-user small{font-size:9px;color:var(--muted);margin-top:1px}.top-user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#8797ad;color:#fff}.session-pill{height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:28px 28px 36px;flex:1}.app-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 28px 20px;color:var(--muted);font-size:10px}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.page-head h1,.info_head{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.035em}.page-head .subtitle{margin-top:6px;color:var(--muted);font-size:13px}.page-head .actions{display:flex;gap:8px;flex-wrap:wrap}.card,.panel,.admin-card,.dashboard-card,.tile,.box,.subcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card,.panel,.admin-card,.dashboard-card{padding:22px}.page-content>.card,.page-content>.panel,.page-content>section.card{margin-bottom:18px}.grid,.grid-3,.admin-grid,.dashboard-grid,.kpi-grid{gap:16px}.card h2,.card h3,.panel h2,.panel h3{color:var(--text)}.muted,small{color:var(--muted)}
.btn,button,input[type="submit"],input[type="button"],.btn-small,.btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer;transition:.15s}.btn:hover,button:hover,input[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(36,56,87,.08)}.btn-primary,.btn-ok{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{background:#fff5f5;color:#c92a2a;border-color:#ffd5d5}.btn-warn{background:#fff8eb;color:#a15c00;border-color:#ffe0ae}input:not([type="checkbox"]):not([type="radio"]),select,textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 11px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#82a9ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}textarea{min-height:110px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.table thead th{background:var(--surface-2);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.table tbody tr:last-child td{border-bottom:0}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#2563eb;font-size:10px;font-weight:800}.notice,.error,.success{border-radius:11px;padding:11px 13px;border:1px solid var(--line)}.login-wrapper{display:flex;justify-content:center;padding:40px 0}.login-box{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px}
@media(max-width:1100px){:root{--sidebar:220px}.page-content{padding-left:20px;padding-right:20px}.app-topbar{padding:0 20px}.top-user>span:first-child{display:none}.session-pill{display:none}}
@media(max-width:900px){.app-sidebar{transform:translateX(-102%);transition:transform .22s ease;width:min(86vw,300px);box-shadow:18px 0 48px rgba(4,18,34,.25)}body.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:900;background:rgba(3,13,24,.48);backdrop-filter:blur(2px)}body.sidebar-open .sidebar-backdrop{display:block}.sidebar-close{display:grid!important;place-items:center}.app-main{margin-left:0}.mobile-menu{display:grid!important;width:40px;height:40px;place-items:center;padding:0!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface)!important}.global-search{width:min(320px,56vw)}.page-content{padding:20px 16px 32px}.app-footer{padding:12px 16px 20px}.sidebar-footer-brand{margin-top:22px}}
@media(max-width:620px){.app-topbar{height:64px;padding:0 12px;gap:8px}.global-search{flex:1;width:auto}.global-search input{font-size:11px}.top-user,.notification-button{display:none!important}.page-content{padding:16px 10px 28px}.card,.panel,.admin-card,.dashboard-card{padding:16px;border-radius:13px}.page-head{align-items:flex-start;flex-direction:column}.app-footer{flex-direction:column}.table-wrap{border-radius:12px}.table{min-width:680px}.btn,button,input[type="submit"],input[type="button"]{min-height:42px}.login-box{padding:20px}}