:root{--bg:#f4f6f8;--panel:#fff;--text:#17202a;--muted:#718096;--line:#e7ebef;--brand:#1f6f5f;--brand2:#e8f4f0;--danger:#b42318;--warn:#b54708;--good:#067647;--shadow:0 1px 2px #1018280a,0 8px 24px #1018280a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{color:#e9f0ef;z-index:30;background:#111b1a;flex-direction:column;width:248px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 22px;display:flex}.brand-mark{color:#153f37;background:#d7f5ea;border-radius:12px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand small{color:#839c97;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.nav{padding-right:2px;overflow:auto}.nav-group{margin:6px 0 19px}.nav-label{color:#66827d;text-transform:uppercase;letter-spacing:.12em;padding:0 10px 7px;font-size:10px;font-weight:700}.nav-item{color:#9fb1ae;border-radius:9px;align-items:center;gap:11px;margin:2px 0;padding:9px 10px;font-size:13px;display:flex}.nav-item:hover{color:#fff;background:#172624}.nav-item.active{color:#e9fff8;background:#1d3732}.nav-item span{text-align:center;width:18px}.sidebar-footer{border-top:1px solid #253532;margin-top:auto;padding-top:15px}.admin-chip{align-items:center;gap:10px;min-width:0;margin:0 2px 12px;display:flex}.avatar{background:#27443f;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.admin-chip strong,.admin-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:145px;display:block;overflow:hidden}.admin-chip strong{font-size:12px}.admin-chip small{color:#78928d;margin-top:2px;font-size:10px}.main-content{max-width:1640px;margin-left:248px;padding:34px 38px 60px}.mobile-menu-button{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.035em;margin:2px 0 6px;font-size:28px}.page-header p,.panel-head p{color:var(--muted);margin:0;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-size:10px;font-weight:800}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:18px;padding:18px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.panel-head:empty{display:none}.panel-head h2{margin:0 0 3px;font-size:15px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--line);min-height:106px;box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:16px;position:relative;overflow:hidden}.metric-card span{color:var(--muted);font-size:11px;font-weight:650;display:block}.metric-card strong{letter-spacing:-.03em;margin:9px 0 2px;font-size:25px;display:block}.metric-card small{color:var(--muted);font-size:10px}.tone-good{border-top:3px solid #44b78b}.tone-warn{border-top:3px solid #f79009}.tone-accent{border-top:3px solid #4f8f80}.toolbar{flex-wrap:wrap;align-items:end;gap:9px;margin-bottom:14px;display:flex}.field{flex-direction:column;gap:5px;min-width:150px;display:flex}.field.grow{flex:1;min-width:220px}.field label{text-transform:uppercase;letter-spacing:.06em;color:#6f7b84;font-size:10px;font-weight:700}.input,.select,.textarea{width:100%;color:var(--text);background:#fff;border:1px solid #d8dee3;border-radius:8px;outline:none;padding:9px 10px;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:#6aa597;box-shadow:0 0 0 3px #337e6c1a}.textarea{resize:vertical;min-height:95px}.primary-button,.secondary-button,.danger-button,.ghost-button{border:0;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:700}.primary-button{background:var(--brand);color:#fff}.primary-button:hover{background:#195b4f}.secondary-button{color:#245f52;background:#edf3f1}.danger-button{color:var(--danger);background:#fff0ee;border:1px solid #ffd0cb}.ghost-button{color:#78928d;background:0 0;border:1px solid #2d403c}.full{width:100%}.button-row{flex-wrap:wrap;gap:8px;display:flex}.table-wrap{margin:0 -18px -18px;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:800px}.data-table th{color:#68747d;text-align:left;text-transform:uppercase;letter-spacing:.07em;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:#f8f9fa;padding:10px 14px;font-size:9px}.data-table td{vertical-align:middle;border-bottom:1px solid #eef1f3;padding:11px 14px;font-size:11px}.data-table tr:hover td{background:#fbfcfc}.table-link{color:#196f5e;font-weight:700}.badge{color:#5e6870;white-space:nowrap;background:#eef1f3;border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:750;display:inline-flex}.badge-good{color:var(--good);background:#e9f8f0}.badge-bad{color:var(--danger);background:#fff0ee}.badge-warn{color:var(--warn);background:#fff4e8}.state-box{min-height:160px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.error-state{color:#8a2c25}.spinner{border:3px solid #dbe8e4;border-top-color:var(--brand);border-radius:50%;width:25px;height:25px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{color:var(--muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;display:flex}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.info-item{border:1px solid var(--line);border-radius:9px;padding:11px}.info-item small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;display:block}.info-item strong{word-break:break-word;margin-top:5px;font-size:12px;display:block}.json-preview{color:#c8e6de;background:#101918;border-radius:9px;max-height:300px;margin:0;padding:13px;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.bar-list{flex-direction:column;gap:12px;display:flex}.bar-row{grid-template-columns:minmax(180px,1fr) 4fr 80px;align-items:center;gap:12px;font-size:11px;display:grid}.bar-track{background:#edf1f0;border-radius:999px;height:9px;overflow:hidden}.bar-fill{background:#3d8877;border-radius:999px;min-width:2px;height:100%}.bar-value{text-align:right;color:var(--muted)}.login-page{background:#0e1816;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:radial-gradient(circle at 20% 30%,#234c44 0,#0000 33%),linear-gradient(145deg,#101c19,#132825);flex-direction:column;justify-content:space-between;padding:10vh 8vw;display:flex}.login-hero h1{letter-spacing:-.055em;max-width:620px;margin:20px 0;font-size:50px;line-height:1.02}.login-hero p{color:#9eb4af;max-width:560px;line-height:1.7}.login-kicker{text-transform:uppercase;letter-spacing:.15em;color:#75ad9f;font-size:11px}.login-aside{background:#f7f8f8;place-items:center;padding:32px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(390px,100%);padding:28px;box-shadow:0 20px 60px #0000001f}.login-card h2{margin:0 0 6px;font-size:24px}.login-card>p{color:var(--muted);margin:0 0 22px;font-size:12px}.login-form{flex-direction:column;gap:14px;display:flex}.login-error{color:var(--danger);background:#fff0ee;border-radius:8px;padding:9px;font-size:11px}.section-tabs{gap:6px;margin-bottom:14px;display:flex;overflow:auto}.tab{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px}.tab.active{color:#fff;background:#172624;border-color:#172624}.notice{color:#245d51;background:#eef7f4;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:11px}.danger-notice{color:#912018;background:#fff1ef}.modal-shade{z-index:60;background:#0e19176b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(620px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 30px 80px #00000038}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.span-2{grid-column:span 2}.switch-row{border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.switch{background:#d8dddc;border:0;border-radius:999px;width:42px;height:23px;padding:3px;transition:all .2s}.switch span{background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;display:block}.switch.on{background:#3b8876}.switch.on span{transform:translate(19px)}.mobile-menu-button,.sidebar-backdrop{display:none}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.cards-3,.info-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:none}.sidebar-backdrop{z-index:20;background:#00000059;border:0;display:block;position:fixed;inset:0}.mobile-menu-button{z-index:45;border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px;display:block;position:fixed;top:15px;right:16px}.main-content{margin-left:0;padding:66px 15px 40px}.page-header{flex-direction:column;align-items:flex-start}.metric-grid,.cards-2,.cards-3,.info-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.login-page{grid-template-columns:1fr}.login-hero{display:none}.bar-row{grid-template-columns:1fr}.bar-value{text-align:left}.table-wrap{margin:0 -18px -18px}}.analytics-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.range-picker{border:1px solid var(--line);background:#eef2f1;border-radius:9px;padding:3px;display:flex}.range-button{color:#63706d;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:750}.range-button.active{color:#184f45;background:#fff;box-shadow:0 1px 3px #00000014}.trend-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:18px;padding:16px}.trend-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.trend-head small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;display:block}.trend-head strong{margin-top:4px;font-size:20px;display:block}.trend-head span{color:var(--muted);font-size:9px}.trend-svg{width:100%;height:150px;margin-top:8px;display:block;overflow:visible}.chart-line{stroke:#2f806f;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-grid{stroke:#e8eeec;stroke-width:1px}.economy-bars{flex-direction:column;gap:12px;margin:4px 0 16px;display:flex}.economy-row{grid-template-columns:120px 1fr 110px;align-items:center;gap:10px;font-size:10px;display:grid}.economy-row>strong{text-align:right}.economy-track{background:#edf1f0;border-radius:999px;height:9px;overflow:hidden}.economy-track i{background:#3d8877;border-radius:999px;height:100%;display:block}.economy-track.cost i{background:#f79009}.spaced{margin-top:12px}.funnel-list{flex-direction:column;gap:17px;display:flex}.funnel-row{grid-template-columns:minmax(180px,1.1fr) 3fr minmax(270px,1.4fr);align-items:center;gap:15px;display:grid}.funnel-title strong,.funnel-title span{display:block}.funnel-title span{color:var(--muted);margin-top:3px;font-size:9px}.funnel-stats{color:var(--muted);white-space:nowrap;justify-content:flex-end;gap:12px;font-size:9px;display:flex}.funnel-stats strong{color:var(--text)}.analytics-table{min-width:1400px}@media (max-width:900px){.funnel-row{grid-template-columns:1fr}.funnel-stats{white-space:normal;flex-wrap:wrap;justify-content:flex-start}.economy-row{grid-template-columns:1fr}.economy-row>strong{text-align:left}}