:root{--navy:#1f3864;--blue:#2e75b6;--lblue:#d9e2f3;--bg:#f4f6f8;--card:#fff;--line:#e3e8ee;--gray:#667085;--red:#c00000;--green:#2e7d32;--amber:#b8860b}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#1a1a1a;font-size:14px}a{color:var(--blue)}.topbar{background:var(--navy);color:#fff;padding:16px 28px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:17px;margin:0;font-weight:700}.topbar .sub{color:#a8c0e0;font-size:12px;margin-top:3px}.brand{display:flex;gap:14px}.brand,.logo-chip{align-items:center}.logo-chip{background:#fff;border-radius:7px;padding:7px 12px;display:inline-flex;box-shadow:0 1px 3px rgba(0,0,0,.15)}.logo-chip img{height:26px;display:block}.login-logo{display:block;height:42px;margin:0 0 18px;max-width:100%}.ms-signin{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;background:#fff;border:1px solid #8c8c8c;border-radius:7px;color:#5e5e5e;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.ms-signin:hover{background:#f5f5f5}.ms-tiles{display:grid;grid-template-columns:9px 9px;grid-gap:2px}.ms-tiles i{width:9px;height:9px;display:block}.or-divider{display:flex;align-items:center;text-align:center;color:var(--gray);font-size:12px;margin:16px 0}.or-divider:after,.or-divider:before{content:"";flex:1 1;border-bottom:1px solid var(--line)}.or-divider span{padding:0 12px}.logo-options{display:flex;gap:12px;flex-wrap:wrap}.logo-opt{background:#fff;border:2px solid var(--line);border-radius:9px;padding:14px 16px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:150px;font-weight:700}.logo-opt img{height:30px;max-width:160px;object-fit:contain}.logo-opt span{font-size:12px;color:var(--gray)}.logo-opt.active,.logo-opt:hover{border-color:var(--blue)}.logo-opt.active{box-shadow:0 0 0 3px rgba(46,117,182,.15)}.logo-opt.active span{color:var(--navy)}.tabs{background:#16294a;display:flex;gap:4px;padding:0 28px}.tab{background:transparent;color:#a8c0e0;border-radius:0;padding:12px 20px;font-size:13px;font-weight:700;border:none;border-bottom:3px solid transparent;cursor:pointer}.tab:hover{color:#fff}.tab.active{color:#fff;border-bottom-color:var(--blue)}.container{max-width:1000px;margin:0 auto;padding:24px 20px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.card h2{font-size:14px;color:var(--navy);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--blue);text-transform:uppercase;letter-spacing:.05em}.card h2 .hint{float:right;font-weight:400;text-transform:none;letter-spacing:0;color:var(--gray);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.stat{background:#fafbfc;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.stat .label{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:.04em}.stat .value{font-size:15px;font-weight:700;margin-top:4px;color:var(--navy)}.stat .value.small{font-size:13px;font-weight:400;color:#333}table{width:100%;border-collapse:collapse}th{background:var(--navy);color:#fff;text-align:left;font-size:12px}td,th{padding:9px 12px}td{border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:none}button{font-family:inherit;font-size:13px;border:none;border-radius:7px;padding:9px 16px;cursor:pointer;font-weight:700}button.primary{background:var(--blue);color:#fff}button.primary:hover{background:#2861a0}button.ghost{background:#eef2f7;color:var(--navy)}button.ghost:hover{background:#e2e8f0}button.danger{background:#fdeaea;color:var(--red)}button.danger:hover{background:#f8d7d7}button.small{padding:5px 10px;font-size:12px;border-radius:6px}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.end{justify-content:flex-end}.spacer{flex:1 1}input[type=email],input[type=number],input[type=password],input[type=text]{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid #cdd5df;border-radius:7px;width:100%}label.field{display:block;margin-bottom:12px}label.field .cap{display:block;font-size:12px;color:var(--gray);margin-bottom:5px;font-weight:700}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{padding-right:60px}.pw-toggle{position:absolute;right:6px;background:transparent;color:var(--blue);font-size:12px;font-weight:700;padding:4px 8px;border-radius:5px}.pw-toggle:hover{background:#eef2f7}.inline{display:flex;gap:10px}.inline,.switch{align-items:center}.switch{display:inline-flex;gap:8px;font-size:13px}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge.on{background:#e2efda;color:var(--green)}.badge.off{background:#f2f2f2;color:var(--gray)}.badge.warn{background:#fff2cc;color:var(--amber)}.badge.err{background:#fdeaea;color:var(--red)}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 22px;border-radius:8px;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:100}.toast.err{background:var(--red)}.toast.ok{background:var(--green)}.logbox{background:#1e1e1e;color:#d4d4d4;font-family:Courier New,monospace;font-size:12px;padding:14px;border-radius:8px;max-height:320px;overflow:auto;white-space:pre-wrap;line-height:1.5}.login-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:12px;padding:34px 32px;width:360px;box-shadow:0 6px 24px rgba(0,0,0,.1)}.login-card h1{color:var(--navy);font-size:19px;margin:0 0 4px}.login-card p{color:var(--gray);font-size:13px;margin:0 0 22px}.muted{color:var(--gray);font-size:12px}