@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0c0c0e;--bg-2: #16161a;--bg-3: #22222b;--border: #272730;--text: #ffffff;--text-dim: #9494a6;--accent: #ff7a00;--accent-dim: #e66e00;--danger: #ef4444;--warn: #f59e0b;--sidebar-bg: #050507;--sidebar-text: #ffffff;--sidebar-dim: #71717a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}h1,h2,h3{font-family:Playfair Display,Georgia,serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--accent);color:#fff;border:0;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit}button:hover{background:var(--accent-dim)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.ghost:hover{background:var(--bg-3)}button.danger{background:var(--danger);color:#fff}input,select,textarea{background:var(--bg-2);color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:8px;font-family:inherit;font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:20px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}@media (max-width: 768px){.layout{grid-template-columns:1fr}}.sidebar{background:var(--sidebar-bg);padding:24px 16px}.sidebar h1{font-size:18px;margin-bottom:24px;color:var(--accent)}.sidebar nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--sidebar-text);margin-bottom:4px}.sidebar nav a.active,.sidebar nav a:hover{background:#ff7a002e;text-decoration:none}.sidebar .userbox{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.sidebar .userbox .who{color:var(--sidebar-dim);font-size:12px;margin-bottom:8px}.sidebar button.ghost{color:var(--sidebar-text);border-color:#fff3}.sidebar button.ghost:hover{background:#ffffff14}.main{padding:32px;overflow-y:auto}.main h2{margin-bottom:20px;font-size:26px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kpi{padding:16px}.kpi-label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.kpi-value{font-size:28px;font-weight:700}.kpi-sub{font-size:12px;color:var(--text-dim);margin-top:4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge.green{background:#2e7d4f;color:#fff}.badge.yellow{background:var(--warn);color:#fff}.badge.red{background:var(--danger);color:#fff}.badge.gray{background:var(--bg-3);color:var(--text-dim)}.badge.pink{background:var(--accent);color:#fff}.tag{display:inline-block;background:#ff7a001a;color:var(--accent);padding:2px 8px;border-radius:12px;font-size:11px;margin-right:4px}.login-box{max-width:420px;margin:80px auto;padding:32px;background:var(--bg-2);border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 32px #0000004d}.login-box h1{color:var(--accent);margin-bottom:8px;font-size:26px}.login-box p{color:var(--text-dim);margin-bottom:24px}.login-box .links{margin-top:16px;text-align:center;font-size:13px;color:var(--text-dim)}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;color:var(--text-dim);font-size:12px;font-weight:500}.field .hint{font-size:11px;color:var(--text-dim);margin-top:4px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;background:#c9383814;border:1px solid var(--danger);color:var(--danger)}.alert.info{background:#d44d7214;border-color:var(--accent);color:var(--accent-dim)}.alert.warn{background:#b8860b14;border-color:var(--warn);color:var(--warn)}.alert.success{background:#2e7d4f14;border-color:#2e7d4f;color:#2e7d4f}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.plan-card{position:relative;display:flex;flex-direction:column;gap:12px}.plan-card.current{border:2px solid var(--accent)}.plan-card .price{font-size:32px;font-weight:700;font-family:Playfair Display,serif}.plan-card .price small{font-size:13px;color:var(--text-dim);font-family:Inter,sans-serif;font-weight:400}.plan-card ul{list-style:none;color:var(--text-dim);font-size:13px;display:grid;gap:6px}.plan-card .current-label{position:absolute;top:-10px;right:16px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px}.usage-bar{height:10px;background:var(--bg-3);border-radius:6px;overflow:hidden}.usage-bar>div{height:100%;background:var(--accent);border-radius:6px;transition:width .3s}.usage-bar>div.hot{background:var(--danger)}