:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17213a;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.button{border:0;border-radius:9px;padding:10px 14px;background:#526cf6;color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:.15s}.button:hover{background:#405be6}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{background:#fff;color:#33445f;border:1px solid #dbe2ef}.button.quiet{background:#edf1ff;color:#405bd4;padding:7px 9px;font-size:12px}.button.danger{background:#fff0f1;color:#bd4054;padding:7px 9px;font-size:12px}.eyebrow{margin:0 0 7px;color:#5a72f5;font-weight:800;letter-spacing:.13em;font-size:11px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-visual{padding:13vw 11vw;color:#fff;background:radial-gradient(circle at 75% 20%,#4267c8 0,transparent 30%),linear-gradient(145deg,#13203b,#263b75)}.login-visual h1{font-size:clamp(40px,5vw,72px);line-height:1.03;letter-spacing:-.06em;margin:13px 0 22px;max-width:650px}.login-visual p{color:#cbd7fa;max-width:560px;font-size:17px;line-height:1.65}.trust-list{display:grid;gap:12px;margin-top:40px;color:#dbe3ff}.login-card{width:min(420px,calc(100% - 42px));align-self:center;justify-self:center;background:#fff;border:1px solid #e2e7f0;border-radius:18px;padding:38px;box-shadow:0 18px 50px #1b27501a}.mark{display:grid;place-items:center;width:36px;height:36px;background:#526cf6;color:#fff;border-radius:11px;font-size:20px;font-weight:850}.login-card h2{font-size:27px;letter-spacing:-.04em;margin:23px 0 6px}.login-card>p{color:#718099;line-height:1.5;margin:0 0 26px}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#3d4960;font-size:12px;font-weight:750}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #dbe2ee;border-radius:8px;color:#1e2a40;background:#fff;font:inherit;outline:none}textarea{min-height:76px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#617af8;box-shadow:0 0 0 3px #e8ecff}.link-button{display:block;border:0;background:transparent;color:#526cf6;font:inherit;font-weight:700;margin:21px auto 0;cursor:pointer}.shell{display:flex;min-height:100vh}.shell aside{width:248px;background:#15213a;color:#bac5da;position:fixed;inset:0 auto 0 0;padding:18px 13px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;padding:6px 10px 23px;line-height:1.1}.brand .mark{width:34px;height:34px}.brand b{font-size:17px}.tenant-select{background:#24324d;border:1px solid #354561;color:#e1e8f7;border-radius:8px;padding:10px;text-align:left;display:flex;justify-content:space-between;font:inherit;font-size:12px;margin:0 6px 24px;cursor:pointer}nav{display:grid;gap:4px}nav button{border:0;border-radius:8px;background:transparent;color:#b3c0d5;padding:11px 12px;text-align:left;font:inherit;cursor:pointer;display:flex;gap:13px;align-items:center}nav button i{font-style:normal;font-size:16px;width:16px}nav button:hover,nav button.active{background:#2b3a58;color:#fff}.account{border-top:1px solid #33435f;margin-top:auto;padding:16px 9px;display:flex;gap:9px;align-items:center}.account>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#526cf6;color:#fff;font-weight:800;font-size:12px}.account strong{font-size:12px;color:#e5ebf8;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account button{border:0;background:transparent;color:#9eacc4;padding:2px 0;font-size:11px;cursor:pointer}.workspace{margin-left:248px;width:calc(100% - 248px);padding:39px 44px;max-width:1600px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}.page-header h1{margin:0;letter-spacing:-.05em;font-size:30px}.page-header p:not(.eyebrow){margin:7px 0 0;color:#6c798f;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.dashboard-card,.table-card{background:#fff;border:1px solid #e4e8f0;border-radius:13px;box-shadow:0 3px 12px #2d406205}.stat{padding:19px}.stat span{display:block;color:#7c889e;font-size:12px;margin-bottom:10px}.stat strong{font-size:21px;letter-spacing:-.04em}.dashboard-card{padding:26px;margin-top:18px;max-width:720px}.dashboard-card h2{margin:0 0 8px}.dashboard-card p{color:#65728a;line-height:1.6;margin:0 0 20px}.filter-bar{display:flex;gap:10px;margin-bottom:15px}.filter-bar input{max-width:300px}.filter-bar select{max-width:170px}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 15px;border-bottom:1px solid #e6ebf3;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#7c899f}td{padding:14px 15px;border-bottom:1px solid #eef1f5;color:#3b4860;font-size:13px}td strong{color:#202c42}td small{color:#7b879d}tr:last-child td{border:0}code{font-family:SFMono-Regular,Consolas,monospace;color:#4358b6;font-size:12px}.badge{display:inline-flex;border-radius:20px;padding:4px 8px;text-transform:capitalize;font-size:11px;font-weight:750;background:#f0f2f7;color:#6b788e}.badge.active{background:#e5f8f1;color:#158266}.badge.suspended,.badge.inactive,.badge.locked,.badge.disabled{background:#fff0f1;color:#bb4757}.pending{font-size:11px;font-weight:700;color:#a26a10;background:#fff6df;border-radius:20px;padding:4px 8px}.notice{border-left:3px solid #6079f6;background:#f1f4ff;color:#536583;padding:10px 12px;border-radius:0 7px 7px 0;font-size:13px;line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12203c80;z-index:10;padding:20px;display:grid;place-items:center}.modal{background:#fff;width:min(590px,100%);max-height:92vh;overflow:auto;border-radius:14px;padding:23px;box-shadow:0 26px 65px #0e193d4d}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{margin:0;letter-spacing:-.03em;font-size:21px}.icon-button{border:0;border-radius:50%;width:30px;height:30px;background:#f0f3f8;color:#66738a;font-size:20px;cursor:pointer}.form-grid{grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.form-grid fieldset{border:1px solid #dfe5ee;border-radius:8px;padding:10px;display:grid;gap:8px}.form-grid legend{font-size:12px;color:#56637a;font-weight:750;padding:0 4px}.check{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:start;font-weight:600}.check input{width:auto;margin:3px 0}.check small{grid-column:2;color:#7b8799;font-weight:500}.toggle{display:flex;align-items:center;gap:8px}.toggle input{width:auto}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.toast{position:fixed;z-index:30;right:20px;top:20px;background:#17223a;color:#fff;padding:13px 17px;border-radius:9px;box-shadow:0 12px 30px #16244342;max-width:380px}.toast.error{background:#b74154}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.shell aside{transform:translate(-100%)}.workspace{margin-left:0;width:100%;padding:25px 18px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:540px){.stats,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.page-header{align-items:start;flex-direction:column}.filter-bar{flex-direction:column}.filter-bar input,.filter-bar select{max-width:none}.login-card{padding:28px 23px}}.password-input{position:relative;display:flex;align-items:stretch}.password-input input{padding-right:64px}.password-input button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;border-radius:7px;background:#edf1ff;color:#405bd4;padding:5px 8px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.password-input button:hover{background:#dfe6ff}.link-button{display:block;margin:14px auto 0;border:0;background:transparent;color:#405bd4;font:inherit;font-weight:750;cursor:pointer}.link-button:hover{text-decoration:underline}.api-secret{display:block;max-width:100%;overflow-wrap:anywhere;border:1px solid #cfd8ff;border-radius:9px;background:#f5f7ff;color:#253b93;padding:12px;font-size:13px;line-height:1.55}.toggle{display:flex!important;align-items:center;gap:9px;font-weight:700}.toggle input{width:auto!important;min-height:auto!important;accent-color:#526cf6}.notice+.notice{margin-top:10px}
