body{font-family:system-ui,Segoe UI,Arial;margin:0;background:#f6f7fb;color:#111}
.wrap{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:16px;margin-top:14px}
label{display:block;margin-top:10px;font-weight:700}
input{width:100%;padding:10px;border-radius:10px;border:1px solid #ccc}
button{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid #ccc;background:#111;color:#fff;cursor:pointer}
.err{display:none;background:#ffe9e9;border:1px solid #ffb5b5;padding:10px;border-radius:10px;margin-bottom:10px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tabs{display:flex;gap:8px;margin-top:12px}
.tab{background:#eee;color:#111;border:1px solid #ddd}
.tab.active{background:#111;color:#fff;border-color:#111}
table{width:100%;border-collapse:collapse;margin-top:12px}
th,td{border-bottom:1px solid #eee;padding:10px;text-align:left;font-size:14px;vertical-align:top}
.actions button{background:#0b6; border-color:#0b6}
.actions button:disabled{opacity:.5;cursor:not-allowed}