/* Simple clean dark UI */
:root { --bg:#0f1115; --panel:#141821; --text:#e7e9ee; --muted:#aab0bd; --pri:#4f46e5; --ok:#10b981; --warn:#f59e0b; --err:#ef4444; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,Helvetica,sans-serif}
a{color:var(--pri);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:960px;margin:40px auto;padding:0 16px}
.card{background:var(--panel);border:1px solid #202739;border-radius:14px;box-shadow:0 10px 20px rgba(0,0,0,.25);padding:22px}
h1,h2{margin:0 0 12px} .muted{color:var(--muted)} .row{display:flex;gap:12px;flex-wrap:wrap}
.input{width:100%;padding:12px 14px;border:1px solid #293143;background:#0b0e13;color:var(--text);border-radius:12px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid #32405e;background:#1b2436;color:#fff;cursor:pointer}
.btn.primary{background:var(--pri);border-color:#3b34b4} .btn.success{background:var(--ok);border-color:#0e9f6e}
.btn.warn{background:var(--warn)} .btn.err{background:var(--err)}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #243048}
.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.logo{display:flex;align-items:center;gap:10px} .logo img{height:32px;border-radius:8px}
footer{margin:40px 0;color:var(--muted);text-align:center}
form{margin:0}
.alert{padding:10px 12px;border-radius:10px;margin:10px 0}
.alert.ok{background:rgba(16,185,129,.12);border:1px solid #10b981}
.alert.err{background:rgba(239,68,68,.12);border:1px solid #ef4444}
small.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;color:#cbd5e1}
hr{border:0;border-top:1px solid #243048;margin:16px 0}
nav a{margin-right:12px}