:root{--bg:#eef1f6;--surface:hsla(0,0%,100%,.72);--fg:#1d1d1f;--fg-2:#3a3a3c;--muted:#6e6e73;--meta:#8e8e93;--border:rgba(60,60,67,.13);--border-soft:rgba(60,60,67,.09);--accent:#007aff;--owner:#0a84ff;--operator:#5e5ce6;--success:#248a3d;--warn:#b46300;--danger:#d70015;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono","Menlo",monospace;--radius:22px;--radius-sm:14px;--elev:0 6px 20px rgba(0,0,0,.08)}*{box-sizing:border-box}html{min-width:320px;background:radial-gradient(1200px 620px at 6% -10%,rgba(0,122,255,.18),transparent 60%),radial-gradient(1000px 520px at 100% 0,rgba(94,92,230,.16),transparent 56%),radial-gradient(900px 520px at 50% 120%,rgba(52,199,89,.12),transparent 56%),var(--bg);background-attachment:fixed}body{margin:0;min-height:100dvh;color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);backdrop-filter:blur(34px) saturate(180%);-webkit-backdrop-filter:blur(34px) saturate(180%);padding:16px 14px;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:12px;padding:6px 10px 12px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#007aff,#5e5ce6);box-shadow:var(--elev)}.brand strong{display:block;font-size:15px;font-weight:760}.brand small{color:var(--muted);font-size:11.5px}.nav-label{padding:12px 12px 6px;color:var(--meta);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nav{display:grid;grid-gap:2px;gap:2px}.nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 11px;border-radius:var(--radius-sm);color:var(--fg-2);font-size:14px;font-weight:560}.nav a:hover{background:hsla(240,3%,49%,.08)}.nav a.active{background:rgba(0,122,255,.12);color:var(--accent);font-weight:680}.nav a .ic{width:22px;text-align:center}.profile{margin-top:auto;padding:14px 10px 4px;border-top:1px solid var(--border)}.profile small{color:var(--muted)}.shell{min-width:0}.topbar{min-height:60px;position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:11px 32px;background:rgba(238,241,246,.72);border-bottom:1px solid var(--border);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.topbar h1{font-size:18px;margin:0;font-weight:720}.topbar .sub{font-size:12px;color:var(--muted)}.content{max-width:1320px;margin:auto;padding:30px 32px 60px}.page-head{margin-bottom:20px}.page-head h2{font-size:29px;margin:0 0 6px;font-weight:780;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);max-width:640px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;color:var(--owner);background:rgba(10,132,255,.12);margin-bottom:14px}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--elev);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.kpi-label{font-size:12px;color:var(--muted);font-weight:560}.kpi-value{font:700 23px/1.15 var(--mono);letter-spacing:-.03em;margin-top:10px}.kpi-note{font-size:11.5px;color:var(--muted);margin-top:8px}.positive{color:var(--success)}.negative{color:var(--danger)}.warning{color:var(--warn)}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.status.ok{color:var(--success);background:rgba(52,199,89,.15)}.status.warn{color:var(--warn);background:rgba(255,159,10,.16)}.acc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.acc-name{font-weight:700;font-size:16px}.banner{border-radius:16px;padding:14px 16px;margin-bottom:18px;font-size:13px;background:rgba(255,159,10,.12);border:1px solid rgba(255,159,10,.35);color:#8a5300}.mini-list{display:grid;grid-gap:8px;gap:8px;font-size:13px;margin-top:10px}.mini-list b{font-family:var(--mono)}.section-title h3{font-size:16px;margin:0 0 14px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:16px 12px 40px}.kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}