*{box-sizing:border-box}html,body,#root{color:#f5f5f7;background:#08080a;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}.loading,.loading-panel{color:#8f8f98;place-items:center;min-height:100vh;display:grid}.auth-shell{background:radial-gradient(circle at 50% 0,#dc232d24,#0000 40%),#08080a;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#111114;border:1px solid #29292f;border-radius:24px;width:min(430px,100%);padding:32px;box-shadow:0 30px 100px #0008}.brand-mark{color:#e23743;background:#dc233018;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.eyebrow,.section-kicker{letter-spacing:.16em;color:#e23743;font-size:10px;font-weight:800}.auth-card h1{margin:8px 0;font-size:28px}.auth-card p{color:#92929a;margin:0 0 24px;line-height:1.6}.auth-card label,.modal label{color:#c9c9ce;gap:7px;margin-top:14px;font-size:12px;font-weight:700;display:grid}.auth-card input,.period-controls input,.feedback-filters input,.feedback-filters select,.modal select,.modal textarea{color:#f4f4f5;background:#0f0f12;border:1px solid #2a2a30;border-radius:11px;outline:0;width:100%;padding:10px 12px}.auth-card input:focus,.period-controls input:focus,.feedback-filters input:focus,.feedback-filters select:focus,.modal select:focus,.modal textarea:focus{border-color:#dc233099;box-shadow:0 0 0 3px #dc233014}.primary{color:#fff;cursor:pointer;background:#dc2330;border:0;border-radius:11px;padding:11px 15px;font-weight:800}.primary:hover{background:#c91f2b}.primary:disabled{opacity:.55}.full{width:100%}.error{color:#ff9ca3;background:#dc233012;border:1px solid #dc233038;border-radius:11px;padding:11px 13px;font-size:12px}.app{background:radial-gradient(circle at 50% -10%,#dc23300d,#0000 35%);min-height:100vh}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#0b0b0ddd;border-bottom:1px solid #242429;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(18px,4vw,54px);display:flex;position:sticky;top:0}.topbar h1{margin:4px 0 0;font-size:20px}.top-actions{align-items:center;gap:12px;display:flex}.top-actions a{color:#b9b9c0;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.icon-button{color:#c9c9ce;cursor:pointer;background:#111114;border:1px solid #2a2a30;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.content{width:min(1440px,100% - 36px);margin:auto;padding:28px 0 55px}.period{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.period h2,.card-head h2{margin:5px 0 0;font-size:18px}.period-controls{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.period-controls button:not(.icon-button),.toggle button{color:#898991;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:700}.period-controls button.active,.toggle button.active{color:#fff;background:#dc2330;box-shadow:0 7px 20px -12px #dc2330}.period-controls input{width:135px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{background:#121215;border:1px solid #26262c;border-radius:17px;align-items:center;gap:12px;padding:17px;display:flex;box-shadow:inset 0 1px #ffffff06}.metric-icon{color:#e23743;background:#dc233012;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric small{color:#909099;font-size:10px;display:block}.metric strong{letter-spacing:-.02em;margin-top:3px;font-size:21px;display:block}.metric em{color:#777780;margin-top:3px;font-size:10px;font-style:normal;display:block}.card{background:#111114;border:1px solid #26262c;border-radius:19px;margin-top:14px;overflow:hidden}.card-head{border-bottom:1px solid #232329;justify-content:space-between;align-items:center;gap:14px;padding:19px 20px;display:flex}.toggle{background:#0d0d10;border:1px solid #292930;border-radius:11px;padding:3px;display:flex}.chart{background:linear-gradient(#ffffff02,#0000);align-items:flex-end;gap:3px;height:270px;padding:22px 20px 28px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:2px;height:100%;display:flex;position:relative}.bar{background:#dc2330;border-radius:5px 5px 2px 2px;width:55%;max-width:18px;min-height:4px;box-shadow:0 0 18px #dc233028}.chart-col span{color:#66666e;white-space:nowrap;font-size:9px;position:absolute;bottom:-19px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:700px;font-size:12px}th{color:#777780;border-bottom:1px solid #232329;padding:12px 20px;font-size:10px;font-weight:700}td{color:#bfc0c5;border-bottom:1px solid #1f1f24;padding:13px 20px}td strong{color:#ededf0;font-size:12px;display:block}td small{color:#777780;margin-top:3px;font-size:10px;display:block}.money{color:#ededf0;text-align:right;font-weight:700}.badge{color:#aaaab2;background:#202025;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge.plan{color:#ff7f88;background:#dc233014}.badge.active,.badge.resolved{color:#72d5a5;background:#52b78816}.badge.canceled,.badge.problem{color:#ff8f97;background:#dc233014}.badge.reviewing{color:#e6c65c;background:#c9a22716}.badge.new{color:#ff8f97;background:#dc233014}.badge.suggestion{color:#e6c65c;background:#c9a22716}.badge.praise{color:#72d5a5;background:#52b78816}.count{color:#e23743;margin-left:6px;font-size:10px;font-weight:700}.feedback-filters{flex-wrap:wrap;gap:7px;display:flex}.feedback-filters select{width:auto}.feedback-filters input{width:130px}.feedback-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #202025;grid-template-columns:1fr auto;gap:6px 15px;padding:16px 20px;display:grid}.feedback-item:hover{background:#17171b}.feedback-item strong{font-size:12px}.feedback-item small{color:#777780;margin-top:3px;font-size:10px;display:block}.feedback-item p{color:#c9c9ce;white-space:nowrap;text-overflow:ellipsis;grid-column:1/2;margin:3px 0 0;font-size:12px;line-height:1.5;overflow:hidden}.feedback-item .badge{grid-area:1/2/3;align-self:center}.empty-cell{text-align:center;color:#777780;padding:45px 20px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal{background:#111114;border-left:1px solid #2a2a30;width:min(520px,100%);height:100%;padding:24px;overflow:auto;box-shadow:-30px 0 80px #0008}.modal-head{border-bottom:1px solid #28282e;justify-content:space-between;align-items:flex-start;padding-bottom:17px;display:flex}.modal-head h2{margin:9px 0 0;font-size:20px}.message{color:#e1e1e5;white-space:pre-wrap;border-bottom:1px solid #28282e;padding:18px 0;font-size:14px;line-height:1.7}.meta{grid-template-columns:1fr 1fr;gap:16px;padding:18px 0;display:grid}.meta span{text-transform:uppercase;letter-spacing:.08em;color:#777780;font-size:9px}.meta strong{color:#dddde1;text-transform:none;letter-spacing:0;word-break:break-word;margin-top:5px;font-size:11px;display:block}.modal textarea{resize:vertical;min-height:100px}.modal label,.modal .primary{margin-top:15px}.loading-panel{min-height:300px}@media (width<=1050px){.metrics{grid-template-columns:1fr 1fr}.period{flex-direction:column;align-items:flex-start}}@media (width<=650px){.content{width:calc(100% - 20px);padding-top:18px}.topbar{height:auto;min-height:70px;padding:13px 14px}.topbar h1{font-size:16px}.top-actions a{display:none}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric strong{font-size:16px}.metric-icon{width:32px;height:32px}.period-controls{width:100%}.period-controls button:not(.icon-button){flex:1}.period-controls input{width:calc(50% - 4px)}.card-head{flex-direction:column;align-items:flex-start}.toggle{width:100%}.toggle button{flex:1}.feedback-filters{width:100%}.feedback-filters select,.feedback-filters input{flex:1;min-width:0}.feedback-item{grid-template-columns:1fr}.feedback-item .badge{grid-area:auto/1;justify-self:start}.feedback-item p{grid-column:1}.chart{height:220px}.meta{grid-template-columns:1fr}.modal{width:100%}}.topbar{height:auto;min-height:86px;padding-top:15px;padding-bottom:15px}.topbar p{color:#777780;margin:5px 0 0;font-size:11px}.hero-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.hero-row h2,.section-title h2{letter-spacing:-.03em;margin:6px 0 3px;font-size:25px}.hero-row p{color:#85858e;margin:0;font-size:12px}.overview-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.mini-card{background:linear-gradient(135deg,#141417,#101013);border:1px solid #26262c;border-radius:16px;align-items:center;gap:12px;padding:15px 16px;display:flex}.mini-card small{color:#85858e;font-size:10px;display:block}.mini-card strong{margin-top:2px;font-size:20px;display:block}.mini-card em{color:#66666e;margin-top:2px;font-size:9px;font-style:normal;display:block}.alerts{margin-top:16px}.section-title{margin-bottom:10px}.section-title h2{font-size:16px}.alert-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.alert{color:#e6c65c;background:#18160f;border:1px solid #6d5a20;border-radius:14px;align-items:flex-start;gap:11px;padding:14px;display:flex}.alert.danger{color:#ff8f97;background:#180f11;border-color:#6d252b}.alert strong,.alert span{display:block}.alert strong{color:#eee;font-size:12px}.alert span{color:#8e8e96;margin-top:3px;font-size:10px}.two-col{grid-template-columns:1.5fr 1fr;gap:14px;display:grid}.two-col>.card{margin-top:14px}.card-note,.muted{color:#777780;font-size:10px}.plan-box{padding:20px}.plan-row{margin-bottom:19px}.plan-row>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.plan-row strong{font-size:12px}.plan-row span{color:#777780;font-size:10px}.progress{background:#202025;border-radius:99px;height:7px;overflow:hidden}.progress i{background:#dc2330;border-radius:99px;height:100%;display:block}.plan-total{border-top:1px solid #25252b;justify-content:space-between;margin-top:4px;padding-top:15px;display:flex}.plan-total span{color:#777780;font-size:10px}.plan-total strong{font-size:19px}.quick-stats{border-top:1px solid #25252b;grid-template-columns:repeat(3,1fr);display:grid}.quick-stats>div{border-right:1px solid #25252b;padding:15px 18px}.quick-stats>div:last-child{border-right:0}.quick-stats small,.feedback-summary small{color:#777780;font-size:9px;display:block}.quick-stats strong,.feedback-summary strong{margin-top:4px;font-size:17px;display:block}.health-list{padding:7px 20px 14px}.health-row{border-bottom:1px solid #202025;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 0;display:grid}.health-row:last-child{border-bottom:0}.health-row span{color:#bfc0c5;font-size:11px}.health-row strong{font-size:11px}.health-row i{border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.health-row .ok{color:#72d5a5;background:#52b78816}.health-row .bad{color:#ff8f97;background:#dc233014}.feedback-summary{grid-template-columns:repeat(4,1fr);padding:18px;display:grid}.feedback-summary>div{border-right:1px solid #25252b;padding:8px 12px}.feedback-summary>div:last-child{border-right:0}.feedback-summary strong{font-size:22px}.metrics{margin-bottom:0}.card{box-shadow:0 15px 45px #00000014}.chart-card{min-height:345px}.chart{height:280px}.section-kicker{font-size:9px}.period-controls .icon-button{flex:none}.period-controls input{height:35px}.error{margin-bottom:12px}@media (width<=1050px){.overview-grid{grid-template-columns:1fr 1fr}.alert-grid,.two-col{grid-template-columns:1fr}.hero-row{flex-direction:column;align-items:flex-start}.hero-row .period-controls{width:100%}}@media (width<=650px){.overview-grid{grid-template-columns:1fr 1fr}.mini-card{padding:12px}.mini-card strong{font-size:17px}.hero-row h2{font-size:21px}.feedback-summary{grid-template-columns:1fr 1fr}.feedback-summary>div:nth-child(2){border-right:0}.feedback-summary>div{border-bottom:1px solid #25252b}.two-col{gap:0}.two-col>.card{margin-top:10px}.health-row{grid-template-columns:1fr auto}.health-row i,.health-row strong{grid-column:2}.quick-stats{grid-template-columns:1fr}.quick-stats>div{border-bottom:1px solid #25252b;border-right:0}.quick-stats>div:last-child{border-bottom:0}.topbar p{display:none}}