*{box-sizing:border-box}html{background:#f2f5f9;color:#071b3b;font-family:Arial,sans-serif}body{margin:0}.brand{align-items:baseline;color:#071b3b;display:flex;font-size:20px;font-weight:800;letter-spacing:-.5px;text-decoration:none}.brand>span{color:#1774eb}.brand small{border-left:1px solid rgba(255,255,255,.22);font-size:10px;letter-spacing:.5px;margin-left:9px;padding-left:9px;text-transform:uppercase}.brand-light{color:#fff}.eyebrow{color:#075ac7;font-size:10px;font-weight:800;letter-spacing:1.4px;margin:0;text-transform:uppercase}.eyebrow-light{color:#84b8ff}.login-page{background:#061a39;min-height:100vh}.login-shell{display:grid;grid-template-columns:1fr 460px;margin:auto;min-height:100vh;width:min(1160px,calc(100% - 48px))}.login-story{align-self:center;color:#fff;padding-right:100px}.login-story .brand{margin-bottom:100px}.login-story h1{font-size:clamp(46px,5.5vw,72px);letter-spacing:-3px;line-height:.96;margin:20px 0 28px}.login-story>p:not(.eyebrow){color:#b6c5d9;font-size:18px;line-height:1.6}.login-card{align-self:center;background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.25);padding:40px}.login-card h2{font-size:34px;margin:10px 0}.login-card>p:not(.eyebrow){color:#637087;line-height:1.5;margin:0 0 26px}.login-card>small{color:#748095;display:block;font-size:11px;line-height:1.5;margin-top:20px}.stack-form{display:grid;gap:18px}.stack-form label{color:#132849;display:grid;font-size:12px;font-weight:800;gap:8px}.stack-form input,.stack-form select{background:#fff;border:1px solid #cfd9e6;border-radius:9px;color:#071b3b;min-height:48px;padding:10px 12px}.stack-form input:focus,.stack-form select:focus{border-color:#075ac7;box-shadow:0 0 0 3px rgba(7,90,199,.12);outline:0}.stack-form button{background:#075ac7;border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;min-height:50px}.stack-form small{color:#748095;font-weight:400}.alert{border-radius:10px;font-size:13px;margin:0 0 20px;padding:13px 15px}.alert-error{background:#fff0ee;color:#992718}.alert-success{background:#e9f7ef;color:#12673e}.control-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#061a39;color:#fff;display:flex;flex-direction:column;padding:28px 18px;position:sticky;top:0;height:100vh}.sidebar>.brand{padding:0 10px 26px}.operator{align-items:center;border-block:1px solid rgba(255,255,255,.1);display:flex;gap:11px;padding:18px 8px}.operator>span{align-items:center;background:#075ac7;border-radius:9px;display:flex;font-size:13px;font-weight:800;height:36px;justify-content:center;width:36px}.operator strong,.operator small{display:block}.operator strong{font-size:12px}.operator small{color:#94a8c1;font-size:10px;margin-top:3px;text-transform:capitalize}.sidebar nav{display:grid;gap:4px;margin-top:22px}.sidebar nav a{align-items:center;border-radius:8px;color:#c7d4e5;display:flex;font-size:12px;font-weight:700;gap:11px;min-height:42px;padding:0 11px;text-decoration:none}.sidebar nav a i{align-items:center;display:flex;font-size:11px;font-style:normal;justify-content:center;width:18px}.sidebar nav a:hover,.sidebar nav a.active{background:#075ac7;color:#fff}.logout-form{border-top:1px solid rgba(255,255,255,.1);margin-top:auto;padding:18px 10px 0}.logout-form button{background:none;border:0;color:#c7d4e5;cursor:pointer;font-size:11px;padding:0}.workspace{padding:50px clamp(28px,5vw,76px)}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:34px}.page-header h1{font-size:42px;letter-spacing:-1.5px;margin:9px 0 0}.role-pill{background:#e6eef9;border-radius:999px;color:#305073;font-size:10px;font-weight:800;padding:8px 11px;text-transform:capitalize}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.metric-grid article,.control-panel{background:#fff;border:1px solid #dbe3ed;border-radius:14px;box-shadow:0 10px 32px rgba(7,27,59,.04)}.metric-grid article{min-height:142px;padding:22px}.metric-grid article>span,.metric-grid article>small{color:#6b788d;display:block;font-size:11px}.metric-grid article>strong{display:block;font-size:36px;margin:18px 0 4px}.metric-grid .metric-warn{background:#fff9e9;border-color:#f0dfae}.intro-panel{align-items:start;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-top:18px;padding:32px}.intro-panel h2{font-size:30px;margin:9px 0}.intro-panel>p{color:#66748a;line-height:1.6;margin:16px 0 0}.table-panel{overflow:hidden}.panel-title{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:22px 24px}.panel-title h2{font-size:20px;margin:0}.panel-title span{color:#6b788d;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;font-size:12px;width:100%}th{background:#f8fafc;color:#627087;font-size:10px;letter-spacing:.4px;text-align:left;text-transform:uppercase}th,td{border-bottom:1px solid #e6ebf1;padding:14px 16px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.empty-state{padding:70px 24px;text-align:center}.empty-state p{color:#748095}.users-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr)}.user-form-panel{padding:26px}.user-form-panel h2{font-size:26px;margin:9px 0 24px}.message-page{align-items:center;display:flex;min-height:100vh}.message-page main{margin:auto;width:min(640px,calc(100% - 36px))}.message-page h1{font-size:54px;margin:14px 0}.message-page p:not(.eyebrow){color:#66748a}.message-page a{color:#075ac7;font-weight:800;text-decoration:none}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.users-grid{grid-template-columns:1fr}.login-story{padding-right:50px}}@media(max-width:800px){.login-shell{grid-template-columns:1fr;padding-block:40px}.login-story{display:none}.login-card{justify-self:center;max-width:480px;width:100%}.control-shell{grid-template-columns:72px 1fr}.sidebar{padding-inline:10px}.sidebar>.brand{font-size:0}.sidebar>.brand>span:first-child{font-size:20px}.sidebar>.brand>span:last-child,.sidebar>.brand small,.operator div,.sidebar nav a{font-size:0}.operator{justify-content:center}.sidebar nav a{justify-content:center}.sidebar nav a i{font-size:12px}.workspace{padding:32px 22px}.intro-panel{grid-template-columns:1fr}.page-header h1{font-size:34px}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.role-pill{display:none}.workspace{padding-inline:14px}.page-header h1{font-size:30px}.control-shell{grid-template-columns:58px 1fr}.sidebar{padding-inline:5px}.table-panel{border-radius:10px}}