:root{color-scheme:dark;--bg:#0d1117;--panel:#151b23;--panel-2:#1f2630;--text:#f2f5f8;--muted:#9ba7b4;--line:#2a3441;--accent:#2dd4bf;--danger:#fb7185}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:16px 24px}.brand{display:grid;grid-gap:2px;gap:2px}.brand strong{font-size:16px}.brand span,.muted{color:var(--muted);font-size:13px}.nav{display:flex;gap:8px}.button,.nav a{align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer;display:inline-flex;min-height:38px;padding:0 12px}.button:hover,.nav a:hover{border-color:var(--accent)}.main{margin:0 auto;max-width:1120px;padding:28px 24px}.stack{display:grid;grid-gap:16px;gap:16px}.grid{display:grid;grid-gap:12px;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.input{background:#0b1017;border:1px solid var(--line);border-radius:6px;color:var(--text);min-height:42px;padding:0 12px;width:100%}.login{display:grid;min-height:100vh;place-items:center;padding:24px}.login form{max-width:380px;width:100%}.title-row{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}@media (max-width:720px){.title-row,.topbar{align-items:flex-start;flex-direction:column}.nav{flex-wrap:wrap}}