:root{color-scheme:dark;--bg: #0b1220;--bg-soft: #121a2b;--card: #162033;--line: #243049;--text: #e8eefc;--muted: #93a0bb;--accent: #3ee0a2;--accent-2: #5aa9ff;--danger: #ff6b7a;--warn: #f5c16c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top right,#16324d 0%,var(--bg) 42%);color:var(--text);font-family:Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0a101ce0;border-right:1px solid var(--line);padding:24px 18px}.brand{font-weight:700;letter-spacing:.04em;margin-bottom:28px}.brand span{color:var(--accent)}nav{display:grid;gap:8px}nav a{padding:10px 12px;border-radius:10px;color:var(--muted)}nav a.active,nav a:hover{background:#1b2940;color:var(--text)}.main{padding:28px}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.header p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.card strong{display:block;font-size:28px;margin-top:8px}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.online,.completed,.Accepted{background:#163d31;color:var(--accent)}.offline,.failed,.pending{background:#3a2430;color:var(--danger)}.active,.Charging,.Preparing{background:#2d2614;color:var(--warn)}.Available{background:#163d31;color:var(--accent)}.log-in{color:var(--accent-2)}.log-out{color:var(--accent)}pre{margin:0;max-width:520px;white-space:pre-wrap;word-break:break-word;color:var(--muted);font-size:12px}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}}.linkish.svelte-12qhfyh{margin-top:18px;background:none;border:0;color:#93a0bb;text-align:left;padding:10px 12px;cursor:pointer;font:inherit}.linkish.svelte-12qhfyh:hover{color:#e8eefc}