:root{--bg:#0b0b0d;--panel:#15151a;--text:#e9e9ef;--muted:#b7b7c2;--accent:#E63946;--ok:#19c37d;--warn:#ffb300;--err:#ff4d4f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.app-wrap{display:flex;min-height:100vh}.nav{width:240px;background:var(--panel);padding:18px 14px;border-right:1px solid #222}
.brand{font-weight:800;margin-bottom:14px}.accent{color:var(--accent)}.nav ul{list-style:none;padding:0;margin:0}
.nav a{display:block;padding:10px 8px;color:var(--text);text-decoration:none;border-radius:10px}.nav a:hover{background:#1e1e25}
.whoami{margin-top:auto;color:var(--muted);font-size:12px;padding-top:12px}main.content{flex:1;padding:24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:var(--panel);padding:18px;border-radius:14px;border:1px solid #222}
.card h3{margin:0 0 8px}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer}
.btn.secondary{background:#2a2a33}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #2a2a33}
th{text-align:left;color:#ddd}input,select,textarea{background:#0f0f14;border:1px solid #2a2a33;color:var(--text);padding:10px;border-radius:10px;width:100%}
form.inline>*{margin-right:8px}.row{display:flex;gap:12px;flex-wrap:wrap}.col{flex:1 1 240px}.muted{color:var(--muted)}.qr{background:#0f0f14;border:1px dashed #2a2a33;border-radius:12px;padding:10px;display:inline-block}
.big{font-size:28px;font-weight:800}