:root{color-scheme:dark;--bg:#0a0f16;--panel:#101927;--line:#263448;--text:#e8eef6;--muted:#9daec4;--blue:#79c0ff;--green:#83dcba;--amber:#f3bf70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}header{border-bottom:1px solid var(--line);padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:22px;letter-spacing:2px;font-weight:800;text-decoration:none;color:var(--text)}.brand span{display:block;font-size:10px;letter-spacing:1.8px;font-weight:500;color:var(--muted);margin-top:5px}main{max-width:1500px;margin:auto;padding:36px 4%}h1{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0}h2{margin:0;font-size:21px}p{margin:10px 0}.muted,.footer{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px}.login{max-width:650px;margin:6vh auto;padding:clamp(24px,5vw,55px)}.login form{margin-top:30px;display:grid;gap:12px}.login h1{font-size:46px}.intro,.tools{display:flex;justify-content:space-between;align-items:center;gap:18px}button,input,select,textarea{font:inherit;border-radius:8px;border:1px solid #3b506b;padding:10px 14px;background:#142237;color:var(--text)}button{cursor:pointer;font-weight:600}button:hover{border-color:var(--blue);color:var(--blue)}button:disabled{cursor:wait;opacity:.55}button[type=submit],#add{background:var(--blue);color:#071522;border-color:var(--blue)}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.stat{padding:20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#15253b,#101927)}.stat strong{font-size:32px;display:block;color:var(--blue)}.stat span{font-size:13px;color:var(--muted)}nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}nav button{background:transparent;border-color:transparent;color:var(--muted);font-size:13px;padding:9px 12px}nav button[aria-current=page]{background:#1d3451;color:var(--blue)}.records{padding:24px}.filters{display:flex;gap:12px;margin-top:22px}.filters input{flex:1;min-width:120px}.tools p{font-size:13px}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:var(--muted);font-weight:600;white-space:nowrap}th,td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}td{max-width:330px;min-width:110px;overflow-wrap:anywhere}td a{color:var(--blue)}td button{padding:5px 10px;font-size:12px}.pill{display:inline-block;border:1px solid #415570;border-radius:99px;padding:3px 9px;font-size:12px}.pill.good{color:var(--green);border-color:#347760}.pill.attention{color:var(--amber);border-color:#8a6a3b}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.footer{font-size:12px;padding:15px 0}#notice{padding:13px 4%;background:#19354c;border-bottom:1px solid #3b6283}#notice.error,#form-error{color:#ffb3ac}#identity{font-size:12px;color:var(--muted);margin-right:12px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:26px;width:min(720px,94vw);max-height:90vh}dialog::backdrop{background:#020810bd}#fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}#fields label{display:grid;gap:5px;font-size:13px;color:var(--muted)}#fields .wide{grid-column:1/-1}textarea{min-height:95px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}pre{white-space:pre-wrap;word-break:break-word;font:14px/1.6 ui-sans-serif,system-ui}#document{width:min(1000px,94vw)}[hidden]{display:none!important}@media(max-width:750px){.stats{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.filters input{width:100%;flex-basis:100%}.records{padding:16px}.intro{align-items:flex-start}.intro button{margin-top:20px}#fields{grid-template-columns:1fr}.tools{align-items:flex-start}header{padding:17px 5%}.brand{font-size:17px}#identity{display:none}.login h1{font-size:34px}}

.sync-tools{padding:18px 24px;margin:22px 0}.sync-tools p{font-size:13px}.sync-tools .filters{margin-top:12px}.sync-tools button{font-size:12px}