:root{--bg:#f4f7f8;--panel:#ffffff;--ink:#16343a;--muted:#71848a;--brand:#18a3a8;--brand2:#0f7e84;--line:#dbe5e7;--nav:#12343a;--ok:#2f9d74;--warn:#d89035;--danger:#cc5d66}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#12343a,#0d2b31);color:#e9f5f5;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 20px}.brand img{width:154px;filter:brightness(0) invert(1)}.nav{display:grid;grid-gap:6px;gap:6px}.nav a{padding:11px 12px;border-radius:10px;color:#cfe1e3;font-weight:600;font-size:14px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.11);color:#fff}.rexa{margin-top:18px;border:1px solid rgba(255,255,255,.14);background:rgba(24,163,168,.16);padding:13px;border-radius:12px}.main{min-width:0}.topbar{height:68px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search{flex:1 1;max-width:760px;position:relative}.search input{width:100%;border:1px solid var(--line);background:#f8fbfb;padding:11px 14px;border-radius:12px;outline:none}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(24,163,168,.12)}.top-actions{margin-left:auto;display:flex;gap:8px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:700;color:var(--ink)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.content{padding:24px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.page-head h1{font-size:28px;margin:0}.page-head p{margin:4px 0 0;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px rgba(20,54,61,.04)}.kpi{padding:17px}.kpi .label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.kpi .value{font-size:28px;font-weight:800;margin-top:8px}.kpi .delta{font-size:12px;margin-top:6px;color:var(--ok)}.grid2{display:grid;grid-template-columns:2fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.chart-card{padding:18px;min-height:320px}.card-title{font-weight:800;margin-bottom:4px}.card-sub{font-size:12px;color:var(--muted);margin-bottom:14px}.table-card{margin-top:14px;overflow:hidden}.toolbar{display:flex;gap:8px;align-items:center;padding:12px;border-bottom:1px solid var(--line);background:#fbfdfd}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff}.table-wrap{overflow:auto;max-height:calc(100vh - 250px)}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px;font-size:13px}th{position:-webkit-sticky;position:sticky;top:0;background:#f6f9fa;color:#5f747a;text-align:left;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.04em;z-index:2}td,th{padding:10px}td{border-bottom:1px solid #edf2f3;white-space:nowrap}tbody tr:hover{background:#f3fbfb}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.pill.teal{background:#ddf6f5;color:#087a7f}.pill.red{background:#fde9eb;color:#a33e47}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#d9f0ef,transparent 35%),#eef4f5}.login-card{width:min(430px,92vw);padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px rgba(15,50,58,.12)}.login-card img{width:180px;display:block;margin:0 auto 20px}.field{display:grid;grid-gap:7px;gap:7px;margin-top:14px}.field label{font-size:12px;font-weight:800;color:#61767b}.field input{border:1px solid var(--line);border-radius:10px;padding:11px 12px}.full{width:100%}@media(max-width:1050px){.shell{grid-template-columns:86px 1fr}.brand img{width:54px}.nav a{font-size:0;text-align:center}.kpis{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}.sidebar{display:none}.content{padding:14px}.kpis{grid-template-columns:1fr 1fr}.topbar{padding:0 12px}.page-head{align-items:flex-start;gap:10px}.page-head h1{font-size:23px}}