:root{font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#203349;background:#f3f6f9;--blue:#175ec6;--muted:#667b90}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:248px;background:#132d48;color:#fff;padding:35px 23px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}aside small{color:#a7bdd3;margin-top:7px;font-size:12px}.brand{font-size:38px;font-weight:850;margin-bottom:14px;letter-spacing:-5px}.brand span{color:#64d9cb}nav{margin-top:42px;display:grid;gap:9px}nav button{background:#213d59;border:0;color:white;text-align:left}.aside-bottom{margin-top:auto;font-size:12px;color:#bfd0e1}.aside-bottom button{margin-top:12px}main{margin-left:248px;padding:40px 42px;max-width:1800px;width:calc(100% - 248px)}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:32px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#53718d}h1{font-size:30px;margin:9px 0 5px;letter-spacing:-.8px}h2{font-size:21px;margin:8px 0 14px}h3{margin:0 0 6px}p{margin:8px 0 20px;color:var(--muted)}.live{background:#e1eee9;color:#226653;padding:7px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.panel,.card,.stat{background:white;border:1px solid #dce5ee;border-radius:14px;padding:26px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.stat strong{display:block;font-size:30px;color:#163e6b}.stat small{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px}.cards{display:grid;gap:16px}.card{cursor:pointer;transition:border .2s}.card:hover{border-color:#3685db}.card-head{display:flex;justify-content:space-between;gap:20px}.badge{font-size:11px;display:inline-block;background:#edf2f7;border-radius:20px;padding:5px 10px;white-space:nowrap;align-self:flex-start}.badge.ACTIVE,.badge.SUCCESS,.badge.FRESH,.badge.SENT{background:#e1f5ec;color:#226b48}.badge.FAILED,.badge.STALE,.badge.UNKNOWN{background:#fff0ed;color:#a53f24}.metrics{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px;font-size:13px}.metrics small{display:block;color:#7a8d9f;font-size:11px}button{font:inherit;border:1px solid #cbd8e5;border-radius:8px;background:white;color:#21446b;padding:10px 16px;cursor:pointer}button:hover{filter:brightness(.96)}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd7e4;border-radius:7px;background:#fff;color:#21374e;font:inherit}input[type=checkbox]{width:auto}label{display:block;font-size:13px;font-weight:600;margin-bottom:15px}label input,label select{margin-top:6px}label small{display:block;color:var(--muted);font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e6edf4;padding-top:20px;margin-top:25px}.steps{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}.step{font-size:12px;color:#697d91;padding:8px 10px}.step.on{background:#dfeaff;border-radius:7px;color:#175ec6;font-weight:700}.muted{color:var(--muted);font-size:12px}.tablewrap{overflow:auto;max-height:580px;border:1px solid #e0e7ee;border-radius:8px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:12px;text-align:left;border-bottom:1px solid #e3eaf2;vertical-align:top}th{position:sticky;top:0;background:#edf3f8;z-index:1;color:#44637f;font-weight:650}td input{font-size:12px;padding:7px;min-width:90px}.address{min-width:230px;max-width:360px}.fias{min-width:255px}.error{color:#a84127}.hint{background:#edf5ff;border-left:3px solid #3987dc;padding:14px;margin:16px 0;font-size:13px}.warning{background:#fff6e8;border-color:#dda657}#notice{position:sticky;top:10px;z-index:5;background:#ffefdd;border:1px solid #e8bf8d;border-radius:8px;padding:12px;margin-bottom:15px}footer{font-size:11px;color:#8191a2;margin-top:45px}dialog{border:1px solid #cad9e8;border-radius:15px;max-width:95vw;width:1100px;max-height:85vh;padding:25px}dialog::backdrop{background:#102a4677}.search-results{display:grid;gap:6px;margin:8px 0}.search-results button{font-size:12px;text-align:left}pre{white-space:pre-wrap;font-size:12px;background:#f1f5f9;padding:15px;border-radius:7px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar input{max-width:420px}.source{font-size:11px;letter-spacing:1px;color:#387397;font-weight:700}[hidden]{display:none!important}@media(max-width:900px){aside{width:68px;padding:18px 8px}aside>b,aside>small,.aside-bottom,nav{display:none}.brand{font-size:30px;margin:auto auto 0;margin-top:0}main{margin-left:68px;width:calc(100% - 68px);padding:25px 18px}header .live{display:none}.stats,.grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:24px}h1{font-size:25px}.panel{padding:18px}}
@media(max-width:900px){nav{display:grid;margin-top:22px;gap:12px}nav button{font-size:0;text-align:center;padding:8px 3px}#home::before{content:'▦';font-size:24px}#new::before{content:'+';font-size:24px}.aside-bottom{display:block;font-size:0}.aside-bottom #identity{display:none}.aside-bottom #logout{font-size:0;padding:8px;width:100%}#logout::before{content:'↪';font-size:22px}.section-head{flex-wrap:wrap}.metrics{gap:14px}.card-head{gap:8px}.card{padding:19px}.toolbar input{max-width:100%}}
.send-now{background:#087c62;color:#fff;border-color:#087c62;font-size:14px;font-weight:750;letter-spacing:.45px;min-width:205px;padding:13px 19px}.send-now:disabled{background:#e9eef3;color:#60768a;border-color:#dae4ed;cursor:not-allowed;opacity:1}.card-actions{display:flex;gap:12px;margin:20px 0 9px;flex-wrap:wrap}.integration-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:21px;margin-bottom:25px;border-bottom:1px solid #dde6ef}.integration-toolbar>div{flex:1;min-width:190px}.server-url{font-size:12px;overflow-wrap:anywhere;margin:5px 0;color:#607c94}.card{cursor:default}.metrics>div{overflow-wrap:anywhere;max-width:100%}@media(max-width:900px){.card-actions>*{width:100%}.integration-toolbar>.send-now{width:100%}.steps{gap:1px}.step{font-size:11px;padding:6px}.server-url{max-width:200px}}

/* Staff entry: a single primary action with native navigation on Android. */
body.login-screen aside,body.login-screen main>header,body.login-screen footer{display:none}
body.login-screen main{margin:0;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:radial-gradient(ellipse at top,#e4f4ef,#f4f7fb 65%)}
.login-panel{width:100%;max-width:470px;box-sizing:border-box;padding:40px 32px;text-align:center;border-radius:24px;box-shadow:0 16px 50px #183b5020}
.login-mark{margin:0 auto 24px;width:68px;height:68px;background:#087e69;color:white;border-radius:20px;font-size:42px;font-weight:800;line-height:68px}.login-mark span{font-size:22px;vertical-align:super}
.login-panel h2{font-size:28px}.login-panel p{line-height:1.6;color:#516576}
.staff-signin{display:flex;align-items:center;justify-content:center;gap:14px;background:#087e69;color:#fff!important;text-decoration:none;border-radius:14px;padding:18px 14px;margin:28px 0 18px;font-size:17px;font-weight:700;min-height:56px;box-sizing:border-box;box-shadow:0 5px 14px #087e6930}
.staff-signin:hover{background:#066452}.staff-signin:focus-visible{outline:3px solid #194fcb;outline-offset:4px}.login-panel .login-hint{font-size:13px}.login-screen #notice{max-width:470px}
@media(max-width:600px){body.login-screen main{padding:18px}.login-panel{padding:30px 22px}.staff-signin{font-size:16px}.login-panel h2{font-size:26px}}
