:root{--background:#f6f3ec;--panel:#fffdf8;--panel-strong:#f0e7d7;--text:#17211a;--muted:#657061;--line:#dfd7c8;--green:#1f7a54;--blue:#1f5c99;--gold:#c57a1b;--shadow:0 16px 50px #31281814}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);background:radial-gradient(circle at 0 0,#1f7a5424,#0000 32rem),linear-gradient(135deg,#f9f6ee 0%,#efe7d8 48%,#f7f4ef 100%);margin:0;font-family:IBM Plex Sans,Aptos,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.login-shell{align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{box-shadow:var(--shadow);background:#fffdf8eb;border:1px solid #dfd7c8e6;border-radius:8px;width:100%;max-width:460px;margin:0 auto;padding:28px}.login-panel h1{margin:8px 0 12px;font-size:clamp(30px,6vw,46px);line-height:.98}.login-forms,.login-form{gap:12px;display:grid}.login-form{margin-top:20px}.login-form label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:800;display:grid}.login-form input{border:1px solid var(--line);color:var(--text);font:inherit;text-transform:none;background:#f6f3ecdb;border-radius:8px;min-height:44px;padding:10px 12px}.login-status{color:var(--green);background:#1f7a541a;border:1px solid #1f7a5438;border-radius:8px;margin:18px 0 0;padding:10px 12px;font-size:13px;font-weight:800}.login-error{color:#9d3d55;background:#9d3d551a;border-color:#9d3d5540}.ghost-button{border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:0 0;border-radius:8px;width:100%;min-height:42px;padding:10px 14px;font-weight:800}.logout-form{justify-content:flex-end;max-width:1480px;margin:0 auto;padding:18px 28px 0;display:flex}.logout-form button{border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:#fffdf8c2;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.dashboard-shell{min-height:100vh;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;max-width:1480px;margin:0 auto 22px;display:flex}.topbar h1{letter-spacing:0;margin:6px 0 10px;font-size:clamp(30px,4vw,54px);line-height:.95}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.muted,.panel-header p,.metric-card small,.table-row small,.product-row small{color:var(--muted)}.status-pill{border:1px solid var(--line);background:#fffdf8c2;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:700;display:flex}.status-pill span{background:var(--green);border-radius:999px;width:8px;height:8px;display:block;box-shadow:0 0 0 5px #1f7a5424}.kpi-grid,.grid-12{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;max-width:1480px;margin:0 auto 16px;display:grid}.metric-card,.panel{box-shadow:var(--shadow);background:#fffdf8e0;border:1px solid #dfd7c8e6;border-radius:8px}.metric-card{grid-column:span 3;min-height:138px;padding:18px}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800;display:block}.metric-card strong{letter-spacing:0;margin:14px 0 8px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(30px,4vw,46px);display:block}.panel{padding:18px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.panel-header h2{margin:0 0 4px;font-size:19px;line-height:1.1}.panel-header p{margin:0;font-size:13px}.chart{height:360px}.chart-small{height:230px}.chart-placeholder{background:linear-gradient(90deg, #1f7a5414, #1f5c9914), var(--panel-strong);border-radius:8px;width:100%;height:100%;animation:1.3s ease-in-out infinite pulse}.mini-metrics{background:var(--panel-strong);border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:14px;display:flex}.mini-metrics span{color:var(--muted);font-size:13px;font-weight:700}.mini-metrics strong{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.table-list,.product-list{gap:8px;display:grid}.table-row,.product-row{background:#f6f3ecb3;border:1px solid #dfd7c8b3;border-radius:8px;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.table-row{grid-template-columns:30px 1fr auto}.product-row{grid-template-columns:30px 50px 1fr auto}.rank{color:var(--muted);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:13px}.table-row strong,.product-row strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.table-row small,.product-row small{margin-top:4px;font-size:12px;display:block}.table-row b,.product-row b{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:14px}.product-image{background:#efe7d8;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.legend-list{gap:8px;display:grid}.legend-list span{color:var(--muted);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.legend-list i{border-radius:999px;width:10px;height:10px;display:block}.legend-list b{color:var(--text);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.chart-tooltip{color:#fffdf8;background:#17211aeb;border:1px solid #ffffff29;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.chart-tooltip strong,.chart-tooltip span{font-size:12px}.empty-state{color:var(--muted);margin:16px 0 0}.campaign-shell{padding-top:0}.compact-topbar h1{font-size:clamp(26px,3vw,42px)}.campaign-form{gap:12px;display:grid}.campaign-form label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:800;display:grid}.campaign-form input,.campaign-form select,.campaign-form textarea{border:1px solid var(--line);color:var(--text);font:inherit;text-transform:none;background:#f6f3ecdb;border-radius:8px;min-height:42px;padding:10px 12px}.campaign-form textarea{resize:vertical;min-height:82px}.campaign-form .checkbox-label{text-transform:none;flex-direction:row;align-items:center;gap:10px;line-height:1.25;display:flex}.checkbox-label input{accent-color:var(--green);width:18px;min-height:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.primary-button,.campaign-actions button{background:var(--text);border:1px solid var(--text);color:var(--panel);cursor:pointer;font:inherit;border-radius:8px;min-height:42px;padding:10px 14px;font-weight:800}.campaign-list{gap:10px;display:grid}.broadcast-shell{min-height:auto}.broadcast-status{min-height:190px}.broadcast-result{border:1px solid #1f7a5438;border-radius:8px;gap:16px;padding:16px;display:grid}.broadcast-success{background:#1f7a541a}.broadcast-error{background:#9d3d551a;border-color:#9d3d5540}.broadcast-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.broadcast-metrics span{color:var(--muted);text-transform:uppercase;background:#fffdf8b3;border:1px solid #dfd7c8b3;border-radius:8px;gap:6px;padding:12px;font-size:12px;font-weight:800;display:grid}.broadcast-metrics b{color:var(--text);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:22px}.campaign-row{background:#f6f3ecb3;border:1px solid #dfd7c8b3;border-radius:8px;grid-template-columns:56px minmax(0,1.6fr) minmax(180px,.7fr) 120px;align-items:start;gap:14px;padding:12px;display:grid}.campaign-main{gap:5px;min-width:0;display:grid}.campaign-title-line{align-items:center;gap:8px;display:flex}.campaign-main strong,.campaign-main a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.campaign-main a{color:var(--green);font-weight:800}.campaign-main p,.campaign-main small{color:var(--muted);margin:0;font-size:12px}.status-badge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.status-active{color:var(--green);background:#1f7a5424}.status-draft,.status-paused{color:var(--gold);background:#c57a1b24}.status-finished{color:var(--muted);background:#56616f24}.campaign-metrics{gap:7px;display:grid}.campaign-metrics span{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.campaign-metrics b{color:var(--text);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.campaign-actions{gap:6px;display:grid}.campaign-actions button{color:var(--text);background:0 0;min-height:34px;padding:7px 10px}.error-shell{align-items:center;min-height:100vh;padding:24px;display:flex}.error-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:640px;margin:0 auto;padding:26px}.skeleton-block{min-height:120px;animation:1.3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.62}50%{opacity:1}}@media (max-width:980px){.dashboard-shell{padding:18px}.topbar{gap:12px;display:grid}.metric-card,.span-4,.span-5,.span-7,.span-8{grid-column:span 12}.metric-card{min-height:118px}.campaign-row{grid-template-columns:56px minmax(0,1fr)}.campaign-metrics,.campaign-actions{grid-column:2}}@media (max-width:620px){.kpi-grid,.grid-12{gap:12px}.product-row{grid-template-columns:24px 44px 1fr}.product-row b{grid-column:3}.chart{height:300px}.form-grid,.campaign-row{grid-template-columns:1fr}.campaign-metrics,.campaign-actions{grid-column:auto}}