@font-face{font-family:Manrope;src:url('fonts/Manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/Manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{font:13px/1.45 Manrope,Inter,system-ui,sans-serif;color:#1b303b;background:#f7f9fa}
body{background:#f7f9fa}header{border-color:#dce4e8}header .wrap{min-height:58px}
.wrap{max-width:1320px;padding:0 26px}main.wrap{padding-bottom:40px}h1{font-size:1.65rem;letter-spacing:-.04em;margin:22px 0 12px;font-weight:600}h2{font-size:1.05rem;letter-spacing:-.02em}p{margin:4px 0 12px}.muted,.subtle{color:#5c737f}
.tabs{margin:18px 0 18px;border-bottom:1px solid #d5e0e5;gap:2px}.tabs button,.tabs button[aria-selected="false"]{background:transparent;color:#57717e;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 16px;font-weight:600}.tabs button[aria-selected="true"]{color:#124b68;border-bottom-color:#124b68}
button{background:#184d66;border-color:#184d66;border-radius:3px;padding:7px 10px;font-size:12px;font-weight:600;line-height:1.35}button:hover{filter:brightness(.94)}.secondary{color:#184d66;border-color:#adc1cc;background:#fff}.danger{color:#a23636;border-color:#e1baba;background:#fff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #5791ae;outline-offset:2px}
select,input,textarea{font:inherit;border-radius:3px;padding:7px 9px;border-color:#c3d1d8}.toolbar{margin:12px 0;gap:8px}.toolbar input[type=search]{min-width:220px}.toolbar select{max-width:220px}.stats{gap:8px}.stat{padding:10px 14px;border-color:#dae3e8}.stat span{color:#6a7f88;font-size:11px}.stat strong{font-size:1.5rem;line-height:1.2;font-weight:600;margin-top:2px}
.table-wrap{margin:10px 0 12px;border-color:#dae3e8;max-height:65vh}.records{min-width:850px;font-size:12px}.records th,.records td{padding:9px 11px;border-color:#edf1f3}.records th{position:sticky;top:0;background:#f0f5f7;color:#546c78;font-size:11px;z-index:1}.records td small{font-size:10px}.records .row-actions{min-width:145px;white-space:nowrap}.row-actions button{margin:0 4px 4px 0;padding:5px 7px}.records details{min-width:130px}.records summary{font-weight:600}.records details span{font-size:11px}
.list{gap:8px;margin:12px 0 45px}.card{border-color:#dae3e8;padding:14px 16px;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.card-head{gap:8px}.card-head h2{font-size:1.12rem}.tag{background:#eaf1f4;font-size:10px;padding:3px 7px}.card dl{display:grid;grid-template-columns:88px 1fr;gap:3px 12px;margin:10px 0;font-size:11px}.card dt{color:#70858f}.card dd{white-space:pre-wrap}.card aside{padding-left:17px}.card aside label{font-size:10px;margin:9px 0 3px}.card aside select,.card aside input,.card aside textarea{padding:6px 8px}.card aside button{margin:5px 5px 3px 0}.card aside h2{border-top:1px solid #e7edf0;padding-top:12px;margin-top:10px}.card .history{margin-top:8px;font-size:10px}.card .history div{padding:5px 0}.card .actions{margin:10px 0 0}
.compact-details{border-top:1px solid #e7edf0;margin-top:8px;padding-top:6px}.compact-details summary{color:#245671;cursor:pointer;font-weight:600;font-size:11px}.compact-details dl{margin:8px 0}.status{min-height:0;margin:5px 0;font-size:11px}.email-log{font-size:11px;color:#617984;margin-top:7px}.empty{padding:20px;color:#6a7c84;background:white;border:1px solid #dae3e8}
dialog{width:min(520px,calc(100vw - 28px));border:1px solid #c6d5dd;box-shadow:0 18px 55px #1b303b30;padding:22px;background:white;color:#1b303b}dialog::backdrop{background:#132e3c86}dialog form{display:grid;gap:10px}dialog label{display:grid;gap:4px;font-size:11px;font-weight:600}dialog input,dialog textarea{width:100%}dialog textarea{min-height:130px;resize:vertical}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.dialog-sub{font-size:11px;color:#607784}.email-status{font-size:11px;min-height:1em}
@media(max-width:760px){.wrap{padding:0 14px}.stats{grid-template-columns:repeat(2,1fr)}.card{grid-template-columns:1fr}.card aside{padding:10px 0 0;border-left:0;border-top:1px solid #e3ebee}.toolbar input[type=search]{width:100%}.records{min-width:780px}}
