:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;--nav:#101a2d;--line:#e3e7ee;--muted:#7b8597;--blue:#315efb;--green:#1d9560;--red:#c8414b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{width:256px;background:var(--nav);color:#cdd6e7;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:18px 13px;z-index:40}.brand{display:flex;gap:10px;align-items:center;padding:5px 10px 20px}.mark{width:34px;height:34px;border-radius:9px;background:#315efb;display:grid;place-items:center;color:#fff}.brand b{color:#fff;font-size:14px}.brand b span{color:#8996ad;font-weight:500}.brand small{display:block;font-size:9px;color:#718097;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.tenant{display:flex;align-items:center;gap:9px;padding:10px;background:#18253e;border:1px solid #263452;border-radius:8px;margin:0 3px 20px}.tenantmark{width:30px;height:30px;border-radius:7px;background:#2b3c5e;display:grid;place-items:center;font-size:10px;font-weight:800}.tenant>div:nth-child(2){flex:1;min-width:0}.tenant small,.tenant strong{display:block}.tenant small{font-size:9px;color:#7e8ba1}.tenant strong{font-size:10px;color:#edf2fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav{display:flex;flex-direction:column;gap:3px}.nav{height:42px;border:0;border-radius:8px;background:transparent;color:#98a5bb;display:flex;align-items:center;gap:11px;padding:0 12px;text-align:left}.nav svg{width:18px;height:18px}.nav:hover,.nav.active{background:#20304f;color:#fff}.section{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#65738b;font-weight:800;margin:25px 12px 7px}.sidefoot{margin-top:auto}.health{display:flex;gap:9px;padding:10px;border:1px solid #263452;background:#151f35;border-radius:8px;margin-bottom:10px}.health svg{color:#55cc8c}.health b,.health span{display:block}.health b{font-size:10px;color:#dfe6f1}.health span{font-size:9px;color:#8592a8;margin-top:3px}.health i{display:inline-block;width:5px;height:5px;background:#38bd77;border-radius:50%;margin-right:5px}.mini{display:flex;align-items:center;gap:8px;padding:13px 7px 2px;border-top:1px solid #24304a}.mini>div:nth-child(2){flex:1}.mini b,.mini span{display:block}.mini b{font-size:10px;color:#e5ebf5}.mini span{font-size:9px;color:#7c899f;margin-top:2px}main{margin-left:256px;flex:1;min-width:0}header{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:11px;color:#8a94a4}.crumb b{margin:0 8px;color:#c0c6cf}.crumb strong{color:#2b3549}.topuser{display:flex;align-items:center;gap:8px}.topuser>div:nth-child(3) b,.topuser>div:nth-child(3) span{display:block}.topuser>div:nth-child(3) b{font-size:10px}.topuser>div:nth-child(3) span{font-size:9px;color:#8992a2;margin-top:2px}.topuser>svg{width:14px}.icon{border:0;background:transparent;color:#6f7a8e;width:34px;height:34px;border-radius:7px;display:grid;place-items:center;position:relative}.icon:hover{background:#f3f5f8}.icon svg{width:17px}.topuser .icon i{position:absolute;width:6px;height:6px;background:#e14d59;border:1px solid #fff;border-radius:50%;right:6px;top:6px}.avatar{width:31px;height:31px;border-radius:50%;background:#e8edff;color:#3e5bbb;display:grid;place-items:center;font-size:10px;font-weight:800}.content{padding:32px 34px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.heading label,.drawerhead label,.profile+label{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#7e8899}.heading h1{font-size:26px;letter-spacing:-.7px;margin:5px 0}.heading p{margin:0;color:#7b8597;font-size:11px}.primary,.secondary,.danger{height:36px;border-radius:7px;border:1px solid #dce2ea;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:800}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.secondary{background:#fff;color:#465268}.danger{background:#fff;color:#c23d48;border-color:#edc6ca}.primary svg,.secondary svg,.danger svg{width:15px}.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px;display:flex;gap:12px;min-height:100px}.staticon{width:35px;height:35px;border-radius:8px;background:#eff3ff;color:#4a68d8;display:grid;place-items:center}.staticon svg{width:17px}.stat span,.stat small{display:block}.stat span{font-size:9px;color:#7d8798}.stat strong{display:block;font-size:24px;margin:2px 0;letter-spacing:-.5px}.stat small{font-size:9px;color:#929aa8}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panelhead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f4}.panelhead h2{margin:0 0 3px;font-size:14px}.panelhead span{font-size:9px;color:#8992a3}.toolbar{display:flex;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid #edf0f4}.search{height:34px;border:1px solid #dce2ea;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 9px;width:min(400px,100%);color:#8992a2}.search>svg{width:16px}.search input{border:0;outline:0;width:100%;font-size:10px}.search button{border:0;background:transparent;color:#8992a2;display:grid;place-items:center}.search button svg{width:13px}.filters{display:flex;gap:7px}.filters select{height:34px;border:1px solid #dce2ea;border-radius:7px;background:#fff;color:#566176;font-size:10px;padding:0 24px 0 8px}.table{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{height:39px;text-align:left;padding:0 13px;background:#fafbfc;color:#8993a4;font-size:8px;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #edf0f4}td{height:64px;padding:0 13px;border-bottom:1px solid #f0f2f5;font-size:10px}.usercell{display:flex;align-items:center;gap:9px;background:transparent;border:0;text-align:left;padding:0}.usercell b,.usercell span{display:block}.usercell b{font-size:10px;color:#2b3549}.usercell span{font-size:9px;color:#8992a2;margin-top:3px}.usercell:hover b{text-decoration:underline}.role{font-size:9px;font-weight:700;color:#536077}.muted{font-size:9px;color:#7e8797}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.active{color:#188956;background:#eaf8f1}.invited{color:#a96e09;background:#fff5dd}.inactive{color:#788192;background:#eef0f4}.locked{color:#c23e48;background:#fff0f1}.more{border:0;background:transparent;color:#8a93a2;width:30px;height:30px;border-radius:6px}.more:hover{background:#f2f4f7}.pager{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#8992a2;font-size:9px}.pager>div{display:flex;align-items:center;gap:8px}.pager button{width:29px;height:29px;border:1px solid #dfe4eb;background:#fff;border-radius:6px;color:#69758a;display:grid;place-items:center}.pager button:disabled{opacity:.4}.pager svg{width:15px}.pager b{font-size:9px;color:#4e596d}.error{margin:12px 20px;padding:10px;background:#fff0f1;color:#bb3e48;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:10px}.error svg{width:16px}.error span{flex:1}.error button{margin-left:auto;background:transparent;border:0;color:#bb3e48;font-weight:800}.skeleton{height:50px;display:flex;gap:35px;align-items:center;padding:0 20px}.skeleton i{height:9px;width:120px;border-radius:4px;background:#f0f2f5;animation:pulse 1s infinite}.skeleton i:nth-child(2){width:80px}.skeleton i:nth-child(3){width:110px}.skeleton i:nth-child(4){width:65px}@keyframes pulse{50%{opacity:.45}}.empty{height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#8a94a4}.empty div{width:40px;height:40px;border-radius:50%;background:#f1f3f7;display:grid;place-items:center}.empty b{font-size:11px;color:#4a5569}.empty span{font-size:9px}footer{display:flex;justify-content:space-between;padding:17px 2px;color:#929aaa;font-size:9px}.overlay,.drawerOverlay,.modalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e172988}.drawerLayer,.modalLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.drawerOverlay,.modalOverlay{position:absolute;top:0;right:0;bottom:0;left:0}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;overflow:auto;box-shadow:-10px 0 30px #101a2d22}.drawerhead{display:flex;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}.drawerhead h2{margin:4px 0 0;font-size:17px}.profile{text-align:center;padding:26px;border-bottom:1px solid #edf0f4}.bigavatar{width:60px;height:60px;border-radius:50%;margin:auto;background:#e8edff;color:#3e5bbb;display:grid;place-items:center;font-weight:800}.profile h3{font-size:16px;margin:9px 0 3px}.profile>span:not(.status){display:block;font-size:9px;color:#8992a2;margin-bottom:10px}.details{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:18px 23px;border-bottom:1px solid #edf0f4}.details label,.details b{display:block}.details label{font-size:8px;color:#929baa;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.details b{font-size:9px;color:#3c475b;word-break:break-word}.access{padding:18px 23px;border-bottom:1px solid #edf0f4}.access h4{font-size:11px;margin:0 0 10px}.access>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.access>div+div{border-top:1px solid #f0f2f5}.access span{font-size:9px;color:#8a93a2}.access span b{display:block;color:#3a4558;margin-bottom:3px}.access svg{width:18px;color:#2aa16a}.access em{font-size:9px;font-style:normal;color:#188956;font-weight:800}.actions{padding:20px 23px;display:flex;flex-direction:column;gap:8px}.modal{position:absolute;width:min(540px,calc(100% - 28px));left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:11px;box-shadow:0 20px 60px #101a2d40;overflow:hidden}.modalhead{display:flex;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.modalicon{width:37px;height:37px;border-radius:9px;background:#eef3ff;color:#315efb;display:grid;place-items:center}.modalhead>div:nth-child(2){flex:1}.modalhead h2{margin:1px 0 4px;font-size:16px}.modalhead p{margin:0;font-size:9px;color:#8992a2}.modal form{padding:20px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label{font-size:9px;font-weight:800;color:#536075}.formgrid .wide{grid-column:span 2}.formgrid input,.formgrid select{display:block;width:100%;height:35px;margin-top:6px;border:1px solid #dbe1e9;border-radius:7px;padding:0 9px;outline:0;font-size:10px;color:#283348;background:#fff}.formgrid input:focus,.formgrid select:focus{border-color:#7e96f4;box-shadow:0 0 0 3px #315efb10}.note{display:flex;gap:9px;padding:11px;margin-top:17px;border:1px solid #dfe7ff;background:#f5f8ff;border-radius:7px;color:#315efb}.note svg{width:18px;flex:0 0 auto}.note span{font-size:8px;color:#6d7890;line-height:1.45}.note b{display:block;color:#315efb;font-size:9px}.formerror{display:flex;gap:7px;padding:9px;margin-top:11px;background:#fff0f1;color:#bb3e48;font-size:9px;border-radius:6px}.formerror svg{width:15px}.modalactions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:25px;bottom:24px;background:#172033;color:#fff;padding:11px 14px;border-radius:8px;display:flex;gap:8px;align-items:center;font-size:9px;z-index:100;box-shadow:0 10px 30px #101a2d35}.toast svg{width:16px;color:#59d294}.mobileMenu{display:none;border:0;background:transparent}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.search{width:100%}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}main{margin-left:0}.mobileMenu{display:grid}.crumb{display:none}header{padding:0 15px}.content{padding:22px 15px}.heading{align-items:flex-start;gap:12px}.heading h1{font-size:22px}.heading p{line-height:1.5}.stats{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters select,.filters .secondary{flex:1}footer{display:none}}