:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#10213a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.brand{display:flex;flex-direction:column;justify-content:center;padding:10vw;color:white;background:radial-gradient(circle at 20% 20%,#1677ff,transparent 35%),#071b35}.mark{font-size:5rem;color:#32c5ff;line-height:1}h1{font-size:clamp(3rem,6vw,6rem);margin:.5rem 0;letter-spacing:-.07em}h1 span{color:white}h1{color:#31c4ff}.brand p{font-size:1.3rem;color:#c6d8ef}.panel{align-self:center;width:min(430px,calc(100% - 48px));margin:auto;padding:42px;background:white;border:1px solid #dce6f3;border-radius:20px;box-shadow:0 25px 80px #0b2b5017}.eyebrow{color:#0678f9;font-size:.78rem;font-weight:800;letter-spacing:.12em}h2{font-size:2rem;letter-spacing:-.04em;margin:12px 0}.muted,small{color:#667991}small{display:block;margin-top:18px}.primary,button{width:100%;display:block;margin-top:28px;padding:14px;border:0;border-radius:10px;color:white;background:#0b78f6;font-size:1rem;text-align:center;text-decoration:none;cursor:pointer}button:disabled{opacity:.65;cursor:wait}form{grid-gap:18px;gap:18px;margin-top:26px}form,label{display:grid}label{grid-gap:7px;gap:7px;font-weight:650;font-size:.9rem}input{color:#10213a;outline:none}input,select{width:100%;padding:13px 14px;border:1px solid #cbd7e7;border-radius:9px;font:inherit}select{background:white}input:focus{border-color:#0b78f6;box-shadow:0 0 0 3px #0b78f61c}form button{margin-top:4px}.auth-panel{width:min(480px,calc(100% - 48px))}.text-link{display:inline-block;margin-top:20px;color:#086bd7}.error{color:#a51d2d;background:#fff1f2;padding:12px;border-radius:8px}.hint{color:#667991;font-size:.85rem;margin:-8px 0 0}.centered{grid-template-columns:1fr;padding:40px 0}.setup-panel{width:min(560px,calc(100% - 48px))}.qr{display:block;width:240px;height:240px;margin:24px auto;border-radius:12px}.manual-key{display:block;overflow-wrap:anywhere;margin-top:12px;background:#eef4fb}.manual-key,.success{padding:12px;border-radius:8px}.success{color:#087443;background:#e9f9f0}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:20px 0}.recovery-codes code{padding:10px;background:#eef4fb;border-radius:6px;text-align:center}@media (max-width:760px){main{grid-template-columns:1fr}.brand{min-height:40vh;padding:48px 28px}.panel{margin:36px auto}}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{display:flex;flex-direction:column;padding:28px 20px;background:#071b35;color:white}.app-logo{color:#31c4ff;font-size:1.8rem;font-weight:800;text-decoration:none;letter-spacing:-.06em}.app-logo span{color:white}nav{display:grid;grid-gap:6px;gap:6px;margin-top:44px}nav a{color:#c6d8ef;padding:11px 12px;border-radius:8px;text-decoration:none}nav a:hover{background:#ffffff12;color:white}.account{margin-top:auto;display:grid;grid-gap:4px;gap:4px;padding:12px;border-top:1px solid #ffffff20}.account small{margin:0}.app-content{padding:52px}.workspace{max-width:1050px;margin:0 auto}.workspace h2{font-size:2.2rem}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:28px 0}.summary-grid article,.workspace-card{padding:24px;background:white;border:1px solid #dce6f3;border-radius:14px}.summary-grid article{display:grid;grid-gap:10px;gap:10px}.summary-grid span{color:#667991}.summary-grid strong{font-size:1.2rem}.workspace-card{margin:24px 0}.inline-form{grid-template-columns:2fr 1fr auto;align-items:end}.inline-form button{margin:0;width:auto;white-space:nowrap}.inline-form p{grid-column:1/-1}.table-wrap{overflow-x:auto;background:white;border:1px solid #dce6f3;border-radius:14px}table{width:100%;border-collapse:collapse}td,th{padding:15px 18px;text-align:left;border-bottom:1px solid #e7edf5}th{color:#667991;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.admin-actions{display:flex;align-items:center;gap:8px}.admin-actions select{min-width:130px;padding:8px}.admin-actions button{width:auto;margin:0;padding:9px 11px}.admin-actions small{margin:0}.secondary{color:#17304f;background:#e8eef6}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-button{width:auto;margin:0;padding-inline:20px}.filter-bar{grid-template-columns:2fr 1fr 1fr auto;align-items:end;margin:24px 0}.filter-bar button{width:auto;margin:0}.row-link{color:#0b68c7;font-weight:700;text-decoration:none}td small{display:block;margin-top:4px}.department-form{grid-template-columns:1fr auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.danger{background:#bd2738}.status{padding:7px 11px;border-radius:999px;font-size:.85rem;font-weight:700}.status.active{color:#087443;background:#e9f9f0}.status.suspended{color:#a51d2d;background:#fff1f2}.timeline{display:grid;grid-gap:18px;gap:18px}.timeline div{display:grid;grid-gap:4px;gap:4px;padding-left:16px;border-left:2px solid #1a8fff}.timeline span{color:#667991;font-size:.9rem}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.profile-card{color:inherit;text-decoration:none;padding:22px;background:white;border:1px solid #dce6f3;border-radius:14px}.profile-card:hover{border-color:#1a8fff}.profile-card h3{margin:18px 0 6px}.small-button{width:auto;margin:0;padding:8px 10px}.access-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.access-list div{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:12px;gap:12px;padding:14px;border:1px solid #e0e9f4;border-radius:10px}.access-list em,.access-list span{color:#667991;font-size:.9rem;font-style:normal}.access-list .actual-active{color:#087443;font-weight:700}.access-list .actual-inactive{color:#a51d2d;font-weight:700}.integration-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:28px}.integration-card{padding:24px;background:white;border:1px solid #dce6f3;border-radius:14px}.integration-heading{display:flex;gap:14px;align-items:center}.integration-heading h3{margin:0 0 10px}.provider-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:white;font-size:1.3rem;font-weight:800}.provider-mark.microsoft{background:#1267d5}.provider-mark.google{background:#168a50}.integration-card ul{min-height:138px;padding-left:20px;color:#52677f;line-height:1.8}.security-note{padding:13px;color:#37536f;background:#eef6ff;border-radius:9px;font-size:.88rem}.integration-action{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.integration-action button{margin:0}.integration-action small{margin-top:2px}.integration-action .primary{margin:0}.sync-action{display:grid;justify-items:end;grid-gap:7px;gap:7px}.sync-action small{margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:22px 0}.page-link{padding:9px 14px;border-radius:8px;text-decoration:none}.dashboard-summary{grid-template-columns:repeat(3,1fr)}.dashboard-summary article strong{font-size:1.65rem}.dashboard-columns a,.dashboard-summary a,.quick-links a{color:#086bd7;text-decoration:none}.dashboard-columns{display:grid;grid-template-columns:1.25fr .75fr;grid-gap:20px;gap:20px}.alert-list{margin:16px 0 0;padding-left:22px;color:#8d2633;line-height:1.8}.quick-links{display:grid;grid-gap:10px;gap:10px}.quick-links a{padding:12px;border:1px solid #dce6f3;border-radius:9px}@media (max-width:900px){.filter-bar,.integration-grid,.profile-grid{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}}@media (max-width:600px){.dashboard-summary,.department-form,.filter-bar,.form-grid,.integration-grid,.profile-grid{grid-template-columns:1fr}.department-form button,.filter-bar button{width:100%}.title-row{align-items:flex-start;flex-direction:column}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}aside{min-height:auto}.account,nav{margin-top:22px}.app-content{padding:28px 18px}.inline-form,.summary-grid{grid-template-columns:1fr}.inline-form button{width:100%}}