:root{--fg:#e8ebf1;--bg:#0e1116;--muted:#9aa4b2;--panel:#151a21;--border:#232a33;--accent:#4c8cff;--wrap:1200px}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,Segoe UI,Roboto,Arial}
.wrapper{max-width:var(--wrap);margin:auto;padding:22px}header.wrapper{padding-top:36px}
h1{margin:0 0 4px;font-size:2rem}.sub{margin:0 0 14px;color:var(--muted)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 12px}
.input{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#0f141b;color:var(--fg);min-width:160px}
.input-search{min-width:320px;flex:1}.button{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#0f141b;color:var(--fg)}
.table-wrap{border:1px solid var(--border);border-radius:14px;overflow:auto;background:var(--panel)}
table{border-collapse:separate;border-spacing:0;width:100%}
thead th{position:sticky;top:0;background:#121823;border-bottom:1px solid var(--border);padding:12px;text-align:left}
tbody td{border-bottom:1px solid #1f2630;padding:12px;vertical-align:top}
a{color:var(--accent)}.footer{color:var(--muted);padding-bottom:56px}