:root{--bg:#0b0f14;--panel:#111822;--muted:#7b8da8;--text:#e8eef8;--accent:#36a2ff;--accent2:#25d366;--warn:#ffb020;--danger:#ff5252;--border:#1f2a3a}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:12px}
.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.row{display:flex;gap:8px;flex-wrap:wrap}.col{flex:1;min-width:210px}h1,h2,h3{margin:.2em 0 .5em}
label{display:block;font-size:.95rem;color:var(--muted);margin-bottom:6px}input,select,button,textarea{border:1px solid var(--border);background:#0e1520;color:var(--text);border-radius:12px;padding:12px 14px;font-size:1rem}
button{cursor:pointer}button.primary{background:var(--accent);color:#001428;border:none}button.green{background:var(--accent2);color:#001408;border:none}button.warn{background:var(--warn);color:#201400;border:none}button.ghost{background:transparent;border:1px dashed var(--border);color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:14px 12px;border-bottom:1px solid var(--border)}
th{position:sticky;top:0;background:#0e1622;text-align:left;font-size:1rem}th .sort{font-size:.9rem;color:var(--muted);margin-left:6px}.header-actions{display:flex;gap:6px;margin-top:6px}.header-actions button{padding:6px 10px;font-size:.9rem;border-radius:10px}
button,input,select,textarea{min-height:46px}.small{font-size:.95rem;color:var(--muted)}.list{max-height:520px;overflow:auto;margin-top:8px}.list .item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:#0e1622}