body{font-family:-apple-system,"Segoe UI",Arial,Helvetica,sans-serif;color:#17212b;letter-spacing:0}
main{padding:24px}h2{font-size:17px;margin:0}button,input,select,textarea{font:inherit;box-sizing:border-box}
button{min-height:40px;padding:9px 13px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#24313f;font-weight:600;cursor:pointer}
button:hover{background:#edf2f7}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.toolbar,.list-heading,.dialog-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:4px}.tabs button[aria-selected=true],button.primary{background:#183a59;color:#fff;border-color:#183a59}
.filters{display:grid;grid-template-columns:minmax(160px,1fr) 190px auto;gap:14px;align-items:end;padding:20px 0;border-bottom:1px solid #e5e9f0}
label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#475569}input,select,textarea{width:100%;min-height:40px;border:1px solid #cbd5df;border-radius:5px;background:#fff;padding:9px;color:#17212b}
.list-heading{padding:20px 0 12px}.list-heading span,.muted{color:#64748b;font-size:13px}.empty{padding:28px 0;color:#64748b}#status{padding:12px 0;font-size:14px}#status:empty{display:none}#status.error{color:#b42318}#status.success{color:#087f5b}
table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid #e5e9f0;overflow-wrap:anywhere;vertical-align:top}th{font-size:12px;color:#64748b;background:#f8fafc}td strong{display:block;margin-bottom:5px}td p{margin:7px 0 0}td a{color:#174f85}td button{font-size:13px;white-space:normal}th:first-child{width:23%}th:last-child{width:19%}.state{display:inline-block;font-size:12px;color:#92400e;background:#fffbeb;padding:3px 6px;border-radius:4px}
dialog{border:1px solid #d8dee6;border-radius:8px;max-width:480px;width:calc(100% - 32px);box-sizing:border-box;padding:24px;color:#17212b}dialog::backdrop{background:rgba(15,23,42,.4)}dialog label{margin:16px 0}.dialog-actions{justify-content:flex-end;margin-top:20px}dialog p{overflow-wrap:anywhere}dialog [hidden]{display:none}
@media(max-width:680px){main{padding:16px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.tabs{width:100%}.tabs button{flex:1;font-size:13px}.toolbar>button{margin-left:auto}table,tbody,tr,td{display:block;width:100%;box-sizing:border-box}thead{display:none}tr{border:1px solid #d8dee6;border-radius:6px;margin:0 0 12px;padding:10px}td{border:0;padding:7px}td::before{content:attr(data-label);display:block;color:#64748b;font-size:12px;margin-bottom:5px}td button{width:100%}}