:root{--bg:#0f172a;--panel:#1e293b;--panel-light:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--border:#334155;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--sidebar-w:240px}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;z-index:200;height:56px;background:var(--panel);border-bottom:1px solid var(--border);align-items:center;padding:0 16px;gap:12px}.mobile-topbar h1{font-size:16px;color:#fff;flex:1 1}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;padding:6px;cursor:pointer;border-radius:8px}.hamburger:hover{background:var(--panel-light)}.hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:299}.sidebar-overlay.open{display:block}.sidebar{width:var(--sidebar-w);flex-shrink:0;transition:transform .25s ease}.sidebar h1{margin-bottom:4px}.sidebar a{display:block}.main{min-width:0}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border)}table{min-width:600px}.table-wrap table{border-radius:0;border:none;min-width:640px}td,th{white-space:nowrap}td{white-space:normal;word-break:break-word}.btn,button{white-space:nowrap}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}input::placeholder{color:var(--muted)}.error{padding:10px 14px;background:rgba(239,68,68,.08);border-radius:8px;border-left:3px solid var(--red)}.login-wrapper{padding:16px}@media (max-width:900px){.main{padding:24px 20px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card .value{font-size:22px}}@media (max-width:768px){.mobile-topbar{display:flex}.layout{padding-top:56px}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:300;transform:translateX(-100%);padding-top:72px;overflow-y:auto;width:var(--sidebar-w)}.sidebar.open{transform:translateX(0);box-shadow:4px 0 32px rgba(0,0,0,.5)}.main{padding:16px;width:100%}.page-title{font-size:20px;margin-bottom:16px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.grid[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{min-width:100px}.col-hide-mobile{display:none}.login-card{padding:28px 20px}.card [style*="display: grid"],.card>form{grid-template-columns:1fr!important}}@media (max-width:480px){.grid{grid-template-columns:1fr}.card .value{font-size:20px}.page-title{font-size:18px}.btn,button{font-size:13px;padding:8px 12px}.badge{font-size:11px;padding:2px 8px}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--panel);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar h1{font-size:18px;margin-bottom:24px;color:#fff}.sidebar a{padding:10px 12px;border-radius:8px;color:var(--muted);transition:background .15s}.sidebar a.active,.sidebar a:hover{background:var(--panel-light);color:#fff}.main{flex:1 1;padding:32px;overflow:auto}.page-title{font-size:24px;margin-bottom:24px;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.card .label{color:var(--muted);font-size:13px;margin-bottom:8px}.card .value{font-size:28px;font-weight:700;color:#fff}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:12px;overflow:hidden}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}th{color:var(--muted);text-transform:uppercase}.badge,th{font-weight:600;font-size:12px}.badge{display:inline-block;padding:3px 10px;border-radius:999px}.badge.active{background:rgba(34,197,94,.15);color:var(--green)}.badge.trial{background:rgba(245,158,11,.15);color:var(--amber)}.badge.disabled,.badge.suspended{background:rgba(239,68,68,.15);color:var(--red)}.btn,button{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .15s}.btn:hover,button:hover{background:var(--accent-hover)}button.ghost{background:var(--panel-light)}input{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:380px}.login-card h1{margin-bottom:8px;color:#fff}.login-card p{color:var(--muted);margin-bottom:24px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;color:var(--muted)}.error{color:var(--red);margin-bottom:16px;font-size:13px}