:root{--bg: #f4f6f8;--card: #ffffff;--ink: #1a2332;--muted: #5b6573;--faint: #8b95a3;--line: #e3e7ec;--line-strong: #cfd6de;--brand: #1e4d7b;--brand-soft: #e8f0f7;--pos: #1a7a45;--neg: #c0392b;--warn: #b7791f;--warn-bg: #fbf3e0;--ok-bg: #e8f6ee;--nav: 252px;--font: "Satoshi", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--shadow: 0 1px 2px rgba(26, 35, 50, .05), 0 1px 3px rgba(26, 35, 50, .04);--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.neg{color:var(--neg)}.pos{color:var(--pos)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shell{display:grid;grid-template-columns:var(--nav) 1fr;min-height:100%}.nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--card);border-right:1px solid var(--line);padding:20px 16px}.nav__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.nav__logo{width:36px;height:36px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.04em}.nav__product{font-weight:700;font-size:14px;line-height:1.2}.nav__club{font-size:12px;color:var(--muted);margin-top:2px}.nav__links{display:flex;flex-direction:column;gap:4px;flex:1}.nav__links svg{flex-shrink:0;opacity:.7}.nav__links a.active svg{opacity:1}.nav__links a,.nav__search{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;color:var(--muted);border:0;background:none;cursor:pointer;width:100%;text-align:left}.nav__links a:hover,.nav__search:hover{background:var(--bg);color:var(--ink)}.nav__links a.active{background:var(--brand-soft);color:var(--brand)}.nav__count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--warn-bg);color:var(--warn);font-size:12px;font-weight:700;display:grid;place-items:center}.nav__search span:last-child{margin-left:auto;font-size:11px;color:var(--faint);font-weight:500}.nav__user{padding:12px 8px 0;border-top:1px solid var(--line)}.nav__mail{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__out{margin-top:8px;font-size:13px;font-weight:600;color:var(--brand);background:none;border:0;cursor:pointer;padding:0}.main{min-width:0}.page{padding:28px 32px 48px;max-width:1080px}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.pagehead h1{font-size:26px;font-weight:700;letter-spacing:-.03em}.pagehead p{margin-top:6px;color:var(--muted);font-size:15px;max-width:42em}.pagehead select{height:36px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);padding:0 10px;font-size:13px;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.kpi span{display:block;font-size:12px;font-weight:600;color:var(--muted)}.kpi strong{display:block;margin-top:8px;font-size:22px;letter-spacing:-.03em}.kpi em{display:block;margin-top:6px;font-size:13px;color:var(--faint);font-style:normal}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel__h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px}.panel__h a{font-size:13px;font-weight:600;color:var(--brand);text-decoration:none}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 18px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}.table th{font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:0}.table a{text-decoration:none}.table a:hover{color:var(--brand)}.table .r{text-align:right}.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600;background:var(--bg);color:var(--muted)}.pill.ok{background:var(--ok-bg);color:var(--pos)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.action{display:block;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;box-shadow:var(--shadow)}.action:hover{border-color:var(--brand)}.action strong{display:block;font-size:15px}.action p{margin-top:4px;font-size:13px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:9px;font-weight:700;font-size:14px;text-decoration:none;border:0;cursor:pointer}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{background:var(--card);color:var(--brand);border:1px solid var(--line-strong)}.empty{text-align:center;padding:64px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.empty h2{font-size:20px;margin-bottom:8px}.empty p{color:var(--muted);margin-bottom:20px}.work{display:grid;grid-template-columns:minmax(0,1.15fr) 380px;gap:16px;align-items:start}.list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}.row:hover{background:var(--bg)}.row.on{background:var(--brand-soft)}.row .who{display:block;font-weight:600;font-size:14px}.row .zw{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspect{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:sticky;top:16px}.inspect h2{font-size:18px;margin:4px 0 8px}.search{width:100%;height:40px;border:1px solid var(--line-strong);border-radius:8px;padding:0 12px;font-size:14px;margin:12px 0}.cats{display:flex;flex-direction:column;gap:2px;max-height:48vh;overflow:auto}.cat{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border:0;background:none;cursor:pointer;text-align:left;font-size:14px;border-radius:8px}.cat:hover{background:var(--bg)}.cat small{color:var(--faint)}.reports{display:flex;flex-direction:column;gap:8px}.report{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.report:hover{border-color:var(--brand)}.report strong{display:block;font-size:15px}.report>div span{font-size:13px;color:var(--muted)}.gate{min-height:100%;display:grid;place-items:center;padding:24px}.login{width:min(100%,420px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px}.login h1{font-size:22px;margin:12px 0 6px}.login p{color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:18px}.login label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.login input{width:100%;height:44px;border:1px solid var(--line-strong);border-radius:9px;padding:0 12px;font-size:16px;margin-bottom:14px}.err{color:var(--neg);font-size:14px;margin-top:10px}.pal-back{position:fixed;inset:0;background:#1a233259;z-index:40;display:grid;align-items:start;justify-items:center;padding-top:12vh}.pal{width:min(520px,92vw);background:var(--card);border-radius:12px;box-shadow:0 20px 50px #1a23322e;overflow:hidden}.pal input{width:100%;height:48px;border:0;border-bottom:1px solid var(--line);padding:0 16px;font-size:16px}.pal button{display:block;width:100%;text-align:left;padding:12px 16px;border:0;background:none;cursor:pointer;font-size:14px}.pal button:hover,.pal button.on{background:var(--bg)}@media(max-width:900px){.shell{grid-template-columns:1fr}.nav{position:static;flex-direction:row;flex-wrap:wrap;height:auto}.nav__links{flex-direction:row;flex-wrap:wrap}.kpis,.actions,.work{grid-template-columns:1fr}.page{padding:20px 16px 40px}}