:root{font-family:system-ui,Arial,sans-serif}body{margin:0;background:#0b0b0b;color:#f2f2f2}.container{max-width:1100px;margin:0 auto;padding:18px}.nav{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #222;position:sticky;top:0;background:#0b0b0b}.brand{font-weight:800;letter-spacing:.5px;color:#0f6}.navRow{display:flex;gap:10px;flex-wrap:wrap}.navLink{color:#ddd;text-decoration:none;padding:6px 10px;border-radius:10px;background:#131313;border:1px solid #1f1f1f}.navLink.active{border-color:#0f6;color:#0f6}.card{background:#121212;border:1px solid #232323;border-radius:16px;padding:14px;margin:12px 0}h2{margin:0 0 10px}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:10px 0}label{display:grid;gap:6px;font-size:14px}input,select{padding:10px;border-radius:10px;border:1px solid #2a2a2a;background:#0d0d0d;color:#f2f2f2}.btn{padding:10px 12px;border-radius:12px;border:1px solid #00ff66;background:#0d0d0d;color:#0f6;cursor:pointer}.btn:hover{filter:brightness(1.1)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.ok{color:#0f6}.muted{color:#aaa}.tableWrap{overflow:auto;border-radius:12px;border:1px solid #232323;margin-top:12px}