\
:root{--b:#ddd;--r:14px;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;background:#0b0b0b;color:#eee;}
.wrap{max-width:1100px;margin:0 auto;padding:18px;}
a{color:inherit;}
.card{background:#141414;border:1px solid #262626;border-radius:var(--r);padding:16px;margin:14px 0;}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.tab{background:#1a1a1a;border:1px solid #2b2b2b;color:#eee;border-radius:999px;padding:8px 12px;cursor:pointer;}
.tab.active{border-color:#fff;}
.row{display:flex;gap:10px;flex-wrap:wrap;}
.pill{display:inline-block;background:#1a1a1a;border:1px solid #2b2b2b;border-radius:999px;padding:6px 10px;text-decoration:none;}
input,select,button,textarea{background:#0f0f0f;border:1px solid #2b2b2b;color:#eee;border-radius:10px;padding:8px 10px;}
button{cursor:pointer;}
table{width:100%;border-collapse:collapse;}
th,td{border-bottom:1px solid #2b2b2b;padding:8px;text-align:left;}
.muted{color:#aaa;}
.err{color:#ff6b6b;}
.warn{color:#ffcc66;}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;}
.col6{grid-column:span 6;}
.col12{grid-column:span 12;}
hr{border:0;border-top:1px solid #2b2b2b;margin:12px 0;}
.small{font-size:12px;color:#aaa;}