:root{--nav:#111d36;--blue:#1769e0;--ink:#172033;--muted:#748198;--line:#e6ebf2;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}.hidden{display:none!important}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-brand{background:linear-gradient(135deg,#0d1d39,#105fbf);color:#fff;padding:10vh 9vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:550px;height:550px;border:80px solid #ffffff0a;border-radius:50%;right:-280px;top:-100px}.logo{width:62px;height:62px;border-radius:17px;background:linear-gradient(135deg,#2789f6,#00b6d9);display:grid;place-items:center;font-weight:800;font-size:23px;box-shadow:0 14px 30px #07142e66}.login-brand h1{font-size:42px;margin:24px 0 2px}.login-brand>span{font-size:12px;letter-spacing:5px;color:#91b7e5}.login-brand p{max-width:440px;font-size:16px;line-height:1.8;color:#bad0eb;margin-top:45px}.login-card{width:min(420px,80%);margin:auto}.login-card>small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:2px}.login-card h2{font-size:30px;margin:12px 0 8px}.login-card>p{color:#8894a6;margin-bottom:34px}.login-card label{display:block;font-size:12px;font-weight:650;margin:18px 0}.login-card input{display:block;width:100%;height:48px;border:1px solid #dce2eb;border-radius:10px;margin-top:8px;padding:0 14px;font-size:14px;outline:none}.login-card input:focus{border-color:#2b7ee8;box-shadow:0 0 0 3px #2b7ee818}.login-card>button{height:49px;width:100%;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1769df,#2789ef);font-weight:700;display:flex;justify-content:center;gap:20px;align-items:center;cursor:pointer;box-shadow:0 10px 24px #1769e02f}.secure{text-align:center;margin-top:20px;color:#9aa5b5;font-size:10px}.secure:first-letter{color:#15a86b}.error{min-height:22px;color:#dc4658;font-size:11px}.app{display:flex;min-height:100vh}.app>aside{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--nav),#0c172c);color:#fff;display:flex;flex-direction:column}.side-brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #ffffff13}.logo.small{width:38px;height:38px;border-radius:10px;font-size:15px;box-shadow:none}.side-brand b{font-size:20px}.side-brand span{display:block;font-size:8px;letter-spacing:2.4px;color:#8fa3c4;margin-top:3px}.org{margin:18px 13px 8px;padding:12px;border:1px solid #ffffff13;border-radius:10px;background:#ffffff0b;display:flex;align-items:center;gap:10px;font-weight:800;font-size:11px}.org>div{font-weight:400}.org b,.org small{display:block}.org b{font-size:11px}.org small{font-size:8px;color:#7f93b4;margin-top:4px}.app nav{padding:5px 12px;flex:1}.app nav p{font-size:8px;letter-spacing:1.5px;color:#60769a;font-weight:800;margin:20px 12px 8px}.app nav button{width:100%;height:43px;border:0;border-radius:9px;background:transparent;color:#aebbd0;display:flex;align-items:center;gap:12px;padding:0 14px;cursor:pointer}.app nav button.active,.app nav button:hover{background:linear-gradient(90deg,#1d69d9,#2f7ce5);color:#fff}.app nav button span{text-align:left}.app nav button i{margin-left:auto;background:#f25164;color:#fff;border-radius:10px;padding:2px 6px;font-size:8px}.api-status{padding:16px 21px;border-top:1px solid #ffffff13;display:flex;align-items:center;gap:10px}.api-status>i{width:8px;height:8px;border-radius:50%;background:#24ce87;box-shadow:0 0 0 4px #24ce8720}.api-status b,.api-status small{display:block;font-size:9px}.api-status small{color:#7387a8;margin-top:3px}.app>main{margin-left:250px;width:calc(100% - 250px)}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}header>div{font-size:11px;color:#97a2b2}header section{display:flex;align-items:center;gap:10px}header section b,header section small{display:block}header section b{font-size:11px}header section small{font-size:8px;color:#8d99aa;margin-top:3px}.avatar{width:36px;height:36px;border-radius:10px;background:#2378df;color:#fff;display:grid;place-items:center;font-weight:700}.notify,#logout{border:1px solid var(--line);background:#fff;border-radius:9px;width:37px;height:37px;position:relative}.notify i{position:absolute;top:-5px;right:-4px;background:#ef5263;color:#fff;border-radius:8px;padding:2px 5px;font-size:8px}.content{padding:27px 30px;max-width:1600px;margin:auto}.hero{background:linear-gradient(120deg,#0e5aca,#1c88e6);color:#fff;border-radius:16px;padding:27px 31px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 28px #1769e02b}.hero small{font-size:8px;letter-spacing:1.7px;opacity:.75}.hero h1{font-size:24px;margin:10px 0 7px}.hero p{font-size:11px;opacity:.75}.today{text-align:center;border-left:1px solid #ffffff42;padding-left:30px}.today span,.today small{display:block;font-size:8px}.today b{display:block;font-size:34px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;align-items:center;gap:14px}.metric-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:20px}.metric-icon.blue{background:#e9f2ff;color:#176bd7}.metric-icon.cyan{background:#e5f8fb;color:#00a6c3}.metric-icon.green{background:#e7f8ef;color:#12a268}.metric-icon.orange{background:#fff1e5;color:#e88927}.metric span,.metric b,.metric small{display:block}.metric span{font-size:9px;color:#8b96a7}.metric b{font-size:24px;margin:3px 0}.metric small{font-size:8px;color:#a0a9b6}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #12204408}.panel-head{padding:18px 21px;display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:14px;margin:0}.panel-head p{font-size:9px;color:#929dad;margin:5px 0 0}.panel-head button{border:0;background:none;color:var(--blue);font-size:9px;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;background:#fafbfd;color:#98a2b2;font-size:8px;padding:10px 13px;border-block:1px solid #edf0f4}td{padding:13px;border-bottom:1px solid #eef1f4;color:#5e6b7e}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faff}td b,td small{display:block}td b{color:#273448}td small{font-size:8px;color:#9aa4b3;margin-top:4px}td code{font-size:9px;color:#176ad5;background:#edf4ff;border-radius:5px;padding:4px 6px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:700;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.s-provisioning{color:#96700c;background:#fff5d8}.s-submitted,.s-under_review{color:#176bd5;background:#e9f3ff}.s-need_more_info{color:#d66b1a;background:#fff0e3}.s-approved,.s-active{color:#0f9b60;background:#e7f8ef}.s-suspended,.s-expired{color:#d3485b;background:#ffebef}.page-title{display:flex;align-items:center;justify-content:space-between;margin:3px 0 21px}.page-title h1{font-size:24px;margin:0 0 6px}.page-title p{font-size:10px;color:#8793a5;margin:0}.page-title>button{border:0;background:#176bdf;color:#fff;border-radius:9px;padding:11px 15px;font-size:10px}.specialties{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.specialties article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;position:relative}.specialties article>div{width:40px;height:40px;background:#eaf3ff;color:#176bd5;border-radius:11px;display:grid;place-items:center;font-size:18px;margin-bottom:13px}.specialties b,.specialties span{display:block}.specialties b{font-size:12px}.specialties span{font-size:8px;color:#929cac;margin-top:5px}.specialties em{position:absolute;right:12px;top:13px;background:#e7f8ef;color:#109861;font-size:7px;padding:4px 6px;border-radius:8px;font-style:normal}.backdrop{position:fixed;inset:0;background:#08132688;z-index:20;display:flex;justify-content:flex-end}.drawer{width:420px;height:100%;background:#fff;padding:32px;position:relative;box-shadow:-18px 0 45px #07132628;overflow:auto}.drawer .close{position:absolute;right:22px;top:20px;border:0;width:32px;height:32px;border-radius:8px;font-size:20px}.drawer>small{font-size:8px;letter-spacing:1.4px;color:#8995a7}.drawer h2{font-size:21px;margin:12px 0 7px}.drawer>code{display:block;color:#176ad5;margin-bottom:12px}.drawer hr{border:0;border-top:1px solid var(--line);margin:22px 0}.info{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eef1f4}.info span{font-size:10px;color:#8a96a7}.info b{font-size:10px;text-align:right}.drawer-actions{display:grid;gap:9px;margin-top:24px}.drawer-actions button{border:0;background:#176bdf;color:#fff;border-radius:9px;padding:12px;font-size:10px;font-weight:700}.drawer-actions button.warn{background:#fff1e5;color:#d66c1b}.drawer-actions button.approve{background:#11a269}.toast{position:fixed;right:24px;bottom:24px;background:#12223d;color:#fff;padding:13px 18px;border-radius:10px;font-size:10px;opacity:0;transform:translateY(20px);transition:.2s;z-index:40}.toast.show{opacity:1;transform:none}.toast.bad{background:#b52f43}.empty{background:#fff;border:1px solid var(--line);border-radius:13px;padding:45px;text-align:center}.empty b,.empty span{display:block}.empty span{font-size:10px;color:#8b96a7;margin-top:8px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.specialties{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:40px 0}.app>aside{width:70px}.side-brand{padding:0 15px}.side-brand>div:last-child,.org>div,.app nav p,.app nav button span,.api-status>div{display:none}.org{padding:7px;margin:10px}.app nav{padding:4px}.app nav button{justify-content:center;padding:0;font-size:18px}.app>main{margin-left:70px;width:calc(100% - 70px)}header{padding:0 14px}header section>div:not(.avatar){display:none}.content{padding:17px 13px}.hero{padding:22px}.hero h1{font-size:18px}.today{display:none}.metrics{grid-template-columns:1fr}.specialties{grid-template-columns:repeat(2,1fr)}.drawer{width:100%}}