:root{--blue: #1E4FD8;--blue-dark: #163FB8;--blue-soft: #E8EEFF;--ink: #0E1A33;--muted: #5B6478;--line: #E3E8F2;--ground: #F5F7FB;--surface: #fff;--green: #0E7A4E;--green-soft: #E3F5EC;--amber: #8A5200;--amber-soft: #FFF3DC;--red: #B42318;--red-soft: #FDECEA;--purple: #5B3FC4;--purple-soft: #EFEBFF;--gray-soft: #EEF1F6;--radius: 12px;--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--ground);font-size:14px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;margin:6px 0 18px;display:flex;align-items:center;gap:10px}h2{font-size:15px;margin:26px 0 12px;color:var(--muted);font-weight:600}h3{font-size:15px;margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.cap{text-transform:capitalize}.right{text-align:right;white-space:nowrap}.center{min-height:100%;display:grid;place-items:center}.warn{color:var(--amber)}.shell{display:flex;min-height:100%}.side{width:220px;flex:none;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:0 8px 20px}.brand b{color:#8ea9f2}.brand.big{color:var(--ink);font-size:18px;padding:0 0 8px}.brand.big b{color:var(--blue)}.dot{width:24px;height:24px;border-radius:7px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}.side nav{display:flex;flex-direction:column;gap:2px}.side nav a{color:#c9d3ea;padding:9px 10px;border-radius:8px;font-weight:500}.side nav a:hover{background:#ffffff0f;text-decoration:none}.side nav a.active{background:#8ea9f22e;color:#fff}.who{margin-top:auto;padding:12px 8px 0;border-top:1px solid rgba(255,255,255,.12)}.who .muted{color:#9aa6c0}.link{background:none;border:0;padding:6px 0 0;color:var(--blue);cursor:pointer;font-weight:600}.side .link{color:#8ea9f2}.main{flex:1;min-width:0;padding:26px 32px 60px;max-width:1180px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px}.card.empty{text-align:center;padding:34px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.tile{margin:0;color:inherit}a.tile:hover{border-color:var(--blue);text-decoration:none}.num{font-size:24px;font-weight:700;margin-top:4px}.num.warn{color:var(--red)}.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.chart{margin:0}.chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.bars{display:flex;align-items:flex-end;gap:3px;height:110px}.bar{flex:1;height:100%;display:flex;align-items:flex-end}.bar i{display:block;width:100%;min-height:2px;background:var(--blue);border-radius:3px 3px 0 0;opacity:.85}.bar:hover i{opacity:1;background:var(--blue-dark)}.chart-axis{display:flex;justify-content:space-between;margin-top:6px}.row{display:flex;align-items:center}.row.between{justify-content:space-between;gap:12px}.gap{gap:10px}.wrap{flex-wrap:wrap}.top{margin-top:12px}.grow{flex:1;min-width:200px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2>.card{margin-bottom:16px}input,select,textarea{height:40px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fff;outline:none}textarea{height:auto;padding:10px 12px;width:100%;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px}label.inline{flex-direction:row;align-items:center;gap:8px;font-weight:500}.limits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.btn{height:40px;border-radius:9px;border:0;padding:0 16px;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover:not(:disabled){background:var(--blue-dark)}.btn.plain{background:var(--gray-soft);color:var(--ink)}.btn.plain:hover{background:var(--line)}.btn.danger{background:var(--red-soft);color:var(--red)}.btn.danger:hover:not(:disabled){background:#f9d7d3}.btn.sm{height:32px;padding:0 12px;font-size:13px}.btn.wide{width:100%;margin-top:12px}.chips{display:flex;gap:8px;margin:14px 0 16px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 14px;cursor:pointer;font-weight:600;font-size:13px;text-transform:capitalize}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:0 10px 10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}td.clip{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--gray-soft);color:var(--muted);vertical-align:middle}.tag.pro{background:var(--blue-soft);color:var(--blue)}.tag.business{background:var(--purple-soft);color:var(--purple)}.tag.trial{background:var(--green-soft);color:var(--green)}.tag.bad{background:var(--red-soft);color:var(--red)}.tag.warn{background:var(--amber-soft);color:var(--amber)}dl{display:grid;grid-template-columns:150px 1fr;gap:8px 12px;margin:0}dt{color:var(--muted)}dd{margin:0;word-break:break-word}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.switch-row:first-child{padding-top:0}.switch-row:last-child{border-bottom:0;padding-bottom:0}.ok{background:var(--green-soft);color:var(--green);padding:10px 14px;border-radius:9px;margin-bottom:14px;font-weight:600}.err{background:var(--red-soft);color:var(--red);padding:10px 14px;border-radius:9px;margin-bottom:14px;font-weight:600}.preview-banner{margin-top:14px;padding:10px 14px;border-radius:9px;font-weight:600;background:var(--blue-soft);color:var(--blue-dark)}.preview-banner.warning{background:var(--amber-soft);color:var(--amber)}.signin{min-height:100%;display:grid;place-items:center;padding:24px}.signin-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:28px}.signin-card .btn{height:46px}@media(max-width:860px){.shell{flex-direction:column}.side{width:auto;height:auto;position:static;padding:14px}.side nav{flex-direction:row;flex-wrap:wrap}.who{display:none}.main{padding:18px 16px 40px}.grid2,.charts{grid-template-columns:1fr}.limits{grid-template-columns:1fr 1fr}dl{grid-template-columns:120px 1fr}.switch-row{flex-direction:column;align-items:flex-start}}