:root{--bg:#f3f6fb;--panel:#fff;--panel2:#f8fafc;--text:#111827;--muted:#667085;--line:#dfe6f0;--nav:#0f172a;--blue:#1670ed;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--violet:#8b5cf6;--shadow:0 14px 36px #10213a0c;color-scheme:light}
:root[data-theme="dark"]{--bg:#090b12;--panel:#141720;--panel2:#191c27;--text:#f4f7ff;--muted:#91a0b9;--line:#292e3c;--nav:#0d0f16;--blue:#22c7f3;--green:#20d6a3;--amber:#ffad25;--red:#ff5661;--violet:#9b5cff;--shadow:none;color-scheme:dark}
.app{grid-template-columns:260px 1fr!important}.side{padding:18px 12px!important;overflow-y:auto}.nav-group{border-top:1px solid #ffffff12;padding:7px 0}.nav-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:800;padding:10px 11px;border-radius:9px;cursor:pointer;user-select:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover{background:#ffffff0c}.nav-group .chevron{color:#718096;transition:transform .18s}.nav-group[open] .chevron{transform:rotate(180deg)}.nav-items{padding-left:9px;border-left:1px solid #ffffff14;margin-left:11px}.nav-items a{font-size:13px!important;padding:8px 10px!important}.nav-admin{border-top:1px solid #ffffff1f;margin-top:8px;padding-top:8px}@media(max-width:900px){.app{grid-template-columns:1fr!important}}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{display:flex;min-height:145px;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.module-card:hover{transform:translateY(-2px);border-color:var(--blue)}.module-card strong{font-size:17px}.module-card small{color:var(--muted);line-height:1.45}.module-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#1670ed1c;color:var(--blue);font-size:20px}@media(max-width:1000px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.module-grid{grid-template-columns:1fr}}
.nav-group .nav-items{display:none!important}.nav-group .chevron{display:inline}.nav-group summary{padding:15px 11px!important}.nav-group[open] .nav-items{display:block!important}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,Arial,sans-serif}.top{height:64px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.brand{font-size:18px;font-weight:900}.brand span,a{color:var(--blue)}.app{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 64px)}.side{background:var(--nav);color:#cbd5e1;padding:22px 14px}.side-title{font-weight:800;color:#fff;padding:0 10px 18px}.side a{display:block;color:#aeb9cc;text-decoration:none;padding:11px 12px;border-radius:9px;margin:4px 0}.side a:hover,.side a.active{background:#173248;color:#fff}.content{padding:25px;min-width:0}.wrap{max-width:1450px;margin:auto}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.theme{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:9px 12px;cursor:pointer}.company{min-width:240px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.kpi{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:18px}.kpi.green{border-top-color:var(--green)}.kpi.violet{border-top-color:var(--violet)}.kpi.amber{border-top-color:var(--amber)}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:27px;font-weight:850;margin:8px 0}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.muted{color:var(--muted)}.pill{display:inline-block;border-radius:99px;padding:4px 8px;font-size:11px;background:#1670ed1c;color:var(--blue)}.pill.red{background:#ef44441c;color:var(--red)}.pill.amber{background:#f59e0b1c;color:var(--amber)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;color:var(--muted)}input,select,textarea{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px}button,.btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:9px;padding:10px 14px;font-weight:750;text-decoration:none;cursor:pointer}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.msg{padding:11px;border-radius:9px;margin-bottom:12px}.ok{background:#10b9811c;color:var(--green)}.err{background:#ef44441c;color:var(--red)}.empty{padding:25px;text-align:center;color:var(--muted)}@media(max-width:900px){.app{grid-template-columns:1fr}.side{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.content{padding:16px}}@media(max-width:520px){.kpis{grid-template-columns:1fr}.top{padding:0 14px}.user-label{display:none}}
.top-start{display:flex;align-items:center;gap:10px}.menu-toggle,.side-mobile-head,.side-backdrop{display:none}@media(max-width:900px){.top{padding:8px 16px;min-height:64px;height:auto}.menu-toggle{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:22px}.side{display:block!important;position:fixed;inset:0 auto 0 0;width:min(330px,88vw);height:100dvh;z-index:50;transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 35px #0005;overflow-y:auto;padding-top:max(16px,env(safe-area-inset-top))!important}.nav-open .side{transform:translateX(0)}.nav-open{overflow:hidden}.side-backdrop{position:fixed;inset:0;z-index:40;border:0;border-radius:0;background:#0009;padding:0}.nav-open .side-backdrop{display:block}.side-mobile-head{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 10px 14px;font-size:18px}.side-mobile-head button{display:grid;place-items:center;width:40px;height:40px;padding:0;background:#ffffff14;color:#fff;font-size:26px}.side-title{padding-top:4px}.side .nav-group .chevron{display:inline}.side .nav-group[open] .chevron{transform:rotate(180deg)}.side .nav-group[open] .nav-items{display:block!important}.side .nav-group summary{padding:13px 11px!important}.content{width:100%;overflow:hidden}.card{padding:16px}.company{min-width:0}.toolbar{gap:6px}.toolbar .state{display:none}table{min-width:640px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.actions{align-items:stretch}}@media(max-width:600px){.brand{font-size:16px}.theme{padding:8px}.toolbar>a:last-child{font-size:13px}.content{padding:12px}.card{border-radius:11px}.page-head .actions,.page-head form.actions{width:100%;margin-top:10px}.page-head .actions .btn,.page-head form.actions .btn{width:100%;text-align:center}}
@media(max-width:900px){.content{overflow:visible;min-width:0}table{display:block;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:600px){.top{flex-wrap:wrap}.top-start{flex:1 1 auto}.toolbar{margin-left:auto}}