:root{--bg:#f4f7f9;--nav:#10293b;--teal:#088b88;--teal2:#e8f7f5;--ink:#142b3c;--muted:#607484;--stroke:#dce6eb;--danger:#ab314b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#087d7a;text-decoration:none}a:hover{text-decoration:underline}header{height:73px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:24px}.brand{font-weight:850;letter-spacing:-.06em;font-size:31px;color:white}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.17em;color:#a6cdd6}.topuser{font-size:13px;display:flex;gap:20px;align-items:center}.topuser button{background:transparent;border:1px solid #547180;color:#fff;cursor:pointer;padding:7px 12px;border-radius:7px}.layout{display:flex;min-height:calc(100vh - 73px)}aside{width:235px;background:white;border-right:1px solid var(--stroke);padding:26px 16px;flex-shrink:0}.aside-caption{text-transform:uppercase;letter-spacing:.12em;color:#8293a1;font-size:11px;padding:14px 13px 8px}.navlink{display:block;padding:11px 13px;margin-bottom:3px;color:#3e5665;border-radius:8px;font-size:14px}.navlink:hover{background:var(--teal2);text-decoration:none}.main{width:min(1200px,100%);padding:36px clamp(18px,4vw,60px);margin:auto;align-self:flex-start}.eyebrow{text-transform:uppercase;color:var(--teal);font-weight:700;letter-spacing:.12em;font-size:12px}h1{letter-spacing:-.04em;margin:5px 0 10px;font-size:clamp(26px,3vw,37px)}h2{font-size:18px;letter-spacing:-.02em;margin:0 0 18px}p{line-height:1.5}p.sub{color:var(--muted);margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.panel{background:white;border:1px solid var(--stroke);border-radius:13px;padding:23px;box-shadow:0 4px 18px #123c5410}.tile span{display:block;color:#647b89;font-size:13px}.tile strong{display:block;margin-top:14px;font-size:27px;letter-spacing:-.05em}.tile .foot{margin-top:13px;font-size:12px;color:#718896}.panel{margin:23px 0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 17px}.formgrid .full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:650;color:#496171;margin-bottom:6px}input,select,textarea{border:1px solid #cddbe1;border-radius:8px;padding:12px;width:100%;font:inherit;color:#253d4e;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #8fd6d0;border-color:var(--teal)}button,.button{border:0;background:var(--teal);color:#fff;padding:11px 18px;border-radius:8px;font-weight:650;cursor:pointer;display:inline-block;text-align:center;font-size:13px}.button:hover,button:hover{background:#066e6c;color:white;text-decoration:none}.button.ghost{background:#edf5f5;color:#087a76}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.hint{background:#edf8f7;color:#416665;padding:13px 16px;border-radius:9px;font-size:13px;line-height:1.5}.warning{background:#fff4e7;color:#815625;padding:13px 16px;border-radius:9px;font-size:13px;line-height:1.5}.error{background:#fff0f1;color:#a12742;padding:13px;border-radius:8px;margin:15px 0}.badge{display:inline-block;font-size:11px;background:#e1f3f0;color:#0b7870;font-weight:700;border-radius:20px;padding:5px 9px}.badge.gray{background:#eef0f4;color:#60717d}.tablewrap{overflow:auto;border:1px solid var(--stroke);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;white-space:nowrap}th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#6c8391;background:#f7fafb}th,td{padding:13px;border-bottom:1px solid #eaf0f2}tr:last-child td{border-bottom:0}td a{font-weight:650}.split{display:flex;gap:22px;align-items:center;justify-content:space-between}.muted{color:var(--muted)}.loginbody{min-height:100vh;display:grid;place-items:center;background:linear-gradient(125deg,#102a3e 12%,#0a6b70 100%);padding:20px}.login{width:min(440px,100%);background:white;padding:37px;border-radius:17px;box-shadow:0 18px 50px #071b3250}.login h1{margin:0 0 7px}.login button{width:100%;margin-top:12px}.login .brand{color:#10293b;font-size:38px}.login .brand small{color:#5e8992}.login label{margin-top:16px}.login .muted{font-size:13px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.small{font-size:12px}@media(max-width:860px){header{padding:0 15px}.layout{display:block}aside{width:100%;display:flex;flex-wrap:wrap;padding:7px}.aside-caption{display:none}.navlink{padding:9px}.main{padding:20px 14px}.grid,.grid.two{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.split{display:block}}
/* LDM 1.1: new accessible light public login and status strips */
.staging-strip{border:1px solid #d6e8e5;background:#eaf7f4;color:#30655b;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:650;margin-bottom:25px}
.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);align-items:center;width:min(1160px,100%);gap:60px}
.v11login{background:linear-gradient(135deg,#f5faf9,#e9f3f3);min-height:100vh;color:#173142}
.v11login .auth-intro h1{font-size:clamp(32px,4.8vw,60px);line-height:1.13;letter-spacing:-.05em;margin:30px 0 22px}
.v11login .auth-intro p{max-width:470px;color:#4f6c76;font-size:19px;line-height:1.55}
.auth-brand{font-weight:900;font-size:39px;letter-spacing:-.05em;color:#087e7a;margin-bottom:45px}
.auth-brand span{font-weight:650;display:block;color:#698a92;font-size:11px;letter-spacing:.12em}
.auth-features{display:grid;gap:16px;margin:35px 0;color:#355e65;font-size:16px}
.auth-features strong{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:9px;background:#d3ebe7;color:#087c74;margin-right:12px}
.auth-intro>small{color:#6b858c}
.v11login .login{box-shadow:0 22px 70px #123b4230;border:1px solid #dbe8e5;padding:42px;width:100%}
.v11login .login h1{font-size:30px;margin-top:26px}
.v11login .login input{margin-bottom:5px}
.deadline{font-weight:800;color:#ac3144;background:#fff4f3}
@media(max-width:800px){.auth-page{grid-template-columns:1fr;gap:18px}.auth-intro{display:none}.v11login .login{max-width:475px;margin:auto;padding:28px}}