:root{font-family:DM Sans,sans-serif;color:#1d2d47;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aad2f5;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:264px;flex:none;background:#fff;border-right:1px solid #e8edf4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.sidebar-logo{padding:29px 26px 35px}.logo{display:flex;align-items:center;gap:12px;color:#172a46;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1.1px;line-height:1.08}.logo-light{color:#257ac4}.logo small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:800;color:#8d9baf;margin-top:6px}.logo-square{width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,#0d589c,#3a98dd);color:#fff;display:grid;place-items:center;box-shadow:0 6px 17px #247ec02a}.nav-group-label,.subhead,.overline,.eyebrow{color:#9ba9bb;font-size:10px;font-weight:800;letter-spacing:2px}.nav-group-label{padding:0 27px;margin:0 0 16px}.sidebar nav{padding:0 11px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:thin}.nav-item{border:0;background:transparent;color:#69788e;display:flex;align-items:center;gap:13px;padding:12px 15px;text-align:left;border-radius:10px;font-size:13px;font-weight:700;position:relative;transition:.15s;white-space:nowrap;width:100%}.nav-item svg{flex:none}.nav-item:hover{background:#f1f6fc;color:#276da9}.nav-item.selected{background:#e9f3fc;color:#176bb2}.nav-selected{position:absolute;right:6px;top:9px;bottom:9px;width:3px;background:#2185d3;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:15px 11px 21px}.sidebar-help{background:linear-gradient(145deg,#f2f8fe,#e6f2fe);padding:16px;border-radius:14px;margin:17px 9px 0;color:#266db0;display:flex;flex-direction:column;gap:7px}.sidebar-help strong{font-size:12px}.sidebar-help small{line-height:1.5;font-size:11px;color:#7592af}.app-area{flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid #e9eef5;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumb{color:#95a2b4;font-size:12px;display:flex;align-items:center;gap:10px}.breadcrumb span{color:#c7d0dc}.breadcrumb strong{color:#364967;font-weight:700}.top-right{display:flex;align-items:center;gap:15px}.top-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:#1a9d76;background:#e9f8f1;padding:7px 11px;border-radius:30px;font-weight:700}.avatar{width:37px;height:37px;border-radius:50%;background:#d6eaff;color:#176fb4;font-weight:800;display:grid;place-items:center}.user-label{display:flex;flex-direction:column;gap:1px;min-width:100px}.user-label strong{font-size:12px}.user-label small{font-size:10px;color:#9ba8ba}.icon-btn{background:none;border:0;color:#8291a5;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px}.icon-btn:hover{background:#eef5fb;color:#2679b9}.mobile-menu{display:none}.content{padding:39px 45px 75px;max-width:1530px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}.section-head h1{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.3px;font-weight:800;color:#142840;margin:8px 0 7px}.section-head p{color:#8b99ad;font-size:13px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:800;padding:11px 15px;white-space:nowrap;transition:.15s}.btn.primary{color:#fff;background:#287bc0;box-shadow:0 4px 13px #1c7dc124}.btn.primary:hover{background:#1767a9}.btn.secondary{color:#50647e;background:#fff;border-color:#e2e9f1}.btn.secondary:hover{background:#eff6fd}.btn.wide{width:100%}.portal-banner{background:linear-gradient(110deg,#0b2d56,#16548a 70%,#267db7);color:#fff;padding:30px 38px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:30px}.portal-banner:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:#ffffff12;right:-75px;top:-133px}.portal-banner .overline{color:#a5dcff}.portal-banner h2{font-family:Manrope;font-size:23px;letter-spacing:-.8px;margin:12px 0 8px}.portal-banner p{font-size:12px;color:#bdd6ea;margin:0}.banner-orb{width:102px;height:102px;background:#ffffff17;border:1px solid #ffffff30;border-radius:25px;display:grid;place-items:center;transform:rotate(-9deg);position:relative;z-index:1}.portal-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.portal-controls>div{display:flex;flex-direction:column;gap:10px}.select-shell,.search-shell{background:#fff;border:1px solid #e3eaf2;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 16px;height:49px;color:#7e94ae;min-width:0}.select-shell select,.search-shell input{min-width:0;border:0;flex:1;background:transparent;color:#334967;outline:0;font-size:13px}.select-shell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.search-shell input::placeholder{color:#a5b0c0}.items-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.items-heading h3{font-size:17px;margin:0 0 4px;font-weight:800;color:#283d55}.items-heading p{margin:0;color:#98a6b7;font-size:12px}.count-pill{background:#e7f1fa;color:#2677bb;border-radius:20px;font-size:11px;font-weight:800;padding:7px 13px}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{background:#fff;border:1px solid #e8eef6;border-radius:15px;padding:23px;transition:.18s;box-shadow:0 6px 25px #19335105}.app-card:hover{transform:translateY(-2px);box-shadow:0 10px 27px #18385511}.app-card.unavailable{opacity:.65}.app-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-symbol,.table-icon{background:#edf5fc;color:#2d79bd;display:grid;place-items:center;border-radius:12px;width:51px;height:51px}.app-card h3{font-size:17px;letter-spacing:-.5px;margin:0 0 7px}.app-card p{font-size:12px;line-height:1.65;color:#8899ac;min-height:40px}.app-card-foot{border-top:1px solid #eff3f8;display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;gap:8px}.app-card-foot small{font-size:10px;color:#9baabd;display:flex;gap:5px;align-items:center}.launch-btn{border:none;display:flex;align-items:center;gap:5px;color:#1b77c0;font-size:11px;font-weight:800;background:#eaf4fe;padding:9px 11px;border-radius:7px}.launch-btn:hover{background:#d9ecff}.status{display:inline-flex;align-items:center;gap:7px;border-radius:30px;font-size:10px;font-weight:800;padding:6px 10px;white-space:nowrap}.status.ok{background:#e8f7ef;color:#21966d}.status.off{background:#fff1ec;color:#c87958}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{padding:22px;border-radius:15px;background:#fff;border:1px solid #e8edf4}.stat-upper{display:flex;align-items:center;justify-content:space-between;color:#91a0b1;font-size:12px;font-weight:700}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px}.stat-icon.blue{background:#e9f4ff;color:#307cbb}.stat-icon.purple{background:#f3ebff;color:#9271c0}.stat-icon.orange{background:#fff2e3;color:#d38b2d}.stat-icon.green{background:#e6f7ed;color:#38a67a}.stat-value{font-family:Manrope;font-weight:800;font-size:31px;letter-spacing:-1.4px;margin:9px 0}.stat-footer{font-size:10px;color:#a7b0bb;display:flex;align-items:center;gap:5px}.dashboard-bottom{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-top:23px}.panel{background:#fff;border:1px solid #e8eef4;padding:26px;border-radius:15px}.panel h3{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:15px}.panel h3 svg{color:#2d7fba}.panel p{color:#94a0b2;font-size:12px}.big-highlight{font-family:Manrope;font-weight:800;font-size:56px;color:#2476b8;line-height:1}.panel .btn{margin-top:15px}.activity-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f3f8}.activity-row:last-child{border:0}.activity-icon{width:31px;height:31px;background:#e9f4ff;color:#2879bb;border-radius:10px;display:grid;place-items:center}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:12px}.activity-row small{font-size:10px;color:#99a8b8;margin-top:4px}.table-wrap{border:1px solid #e7edf5;background:#fff;border-radius:15px;overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table-wrap th{font-size:10px;font-weight:800;letter-spacing:1px;color:#8b9bab;background:#f8fafc;padding:16px 22px}.table-wrap td{padding:15px 22px;border-top:1px solid #eff2f6;color:#56667b;font-size:12px;max-width:380px}.table-wrap tr:hover td{background:#fbfdff}.table-name{display:flex;align-items:center;gap:11px;color:#223850}.table-name strong{font-weight:800}.table-name small{display:block;color:#9ba8b8;font-size:11px;font-weight:500;margin-top:4px}.table-icon{width:35px;height:35px;border-radius:10px}.table-user-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#2d78b8;background:#e2f1fc;font-weight:800}.table-actions{display:flex;align-items:center;gap:8px}.link-btn{color:#267bbb;background:transparent;border:0;padding:5px;display:inline-flex;gap:6px;align-items:center;font-weight:800;font-size:11px}.link-btn:hover{color:#0c4c82;text-decoration:underline}.truncate-url{display:block;max-width:220px;text-overflow:ellipsis;overflow:hidden}.role{border-radius:20px;background:#eef3f8;color:#6f7d92;padding:6px 10px;font-size:10px;font-weight:700}.role.admin{background:#f0e9ff;color:#8663b5}.empty{text-align:center;padding:65px 20px;color:#9badc0;display:flex;flex-direction:column;align-items:center;gap:9px}.empty strong{color:#4e6280;font-size:14px;margin-top:9px}.empty span{font-size:12px}.info-strip{display:flex;align-items:center;gap:11px;background:#eef6ff;color:#3879b3;border:1px solid #dbeafd;padding:15px 18px;border-radius:10px;margin:-10px 0 20px;font-size:12px;line-height:1.5}.profile-card{background:#fff;padding:30px;border:1px solid #e8edf4;border-radius:15px;display:flex;align-items:center;gap:19px}.profile-avatar{width:70px;height:70px;background:#dbeeff;color:#2b7fbd;font-size:26px;font-weight:800;border-radius:50%;display:grid;place-items:center}.profile-card h2{font-size:20px;margin:0 0 5px}.profile-card p{font-size:12px;color:#99a7b9;margin:0}.profile-panel{margin-top:20px;max-width:600px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b203f99;display:flex;align-items:center;justify-content:center;padding:20px;z-index:40;overflow:auto}.modal{background:#fff;width:min(100%,530px);max-height:93vh;overflow:auto;border-radius:16px;box-shadow:0 28px 88px #071b3550}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6;padding:22px 25px}.modal-head h2{font-size:19px;margin:0;letter-spacing:-.7px}.editor{padding:22px 25px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#566980}.field input,.field select,.field textarea{border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#293d56;padding:12px 13px;width:100%;outline:none;min-height:44px;font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3d8bca;box-shadow:0 0 0 3px #2675b51a}.field.checkbox-field{display:flex;flex-direction:row;align-items:center;gap:9px}.field.checkbox-field input{width:18px;min-height:auto;height:18px;accent-color:#2779b6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf1f6;padding-top:20px;margin-top:4px}.inline-error{background:#fff1f0;border:1px solid #ffd4d1;padding:11px 13px;border-radius:8px;color:#bb4b47;font-size:12px}.top-error{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;cursor:pointer}.toast{position:fixed;right:25px;bottom:25px;z-index:60;background:#13395b;color:#fff;box-shadow:0 15px 35px #19345047;padding:15px 19px;display:flex;gap:10px;align-items:center;border-radius:11px;font-size:12px;font-weight:700;max-width:340px}.secret-view{padding:25px;display:flex;flex-direction:column;gap:18px}.secret-view p{font-size:12px;color:#728397;line-height:1.6}.secret-view label{font-size:12px;font-weight:800;color:#50647d;display:flex;flex-direction:column;gap:8px}.secret-view code{word-break:break-all;background:#f1f6fc;padding:12px;border-radius:8px;font-weight:500;color:#236aab}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-left{background:linear-gradient(145deg,#0c1e36,#0c345c 78%,#095a89);padding:50px 8%;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-left .logo{color:#fff}.login-left .logo-light{color:#9cd4ff}.login-left .logo small{color:#b8cadd}.login-brand{position:relative;z-index:1}.login-copy{margin:auto 0;position:relative;z-index:1}.login-copy .eyebrow{color:#7dc7f4}.login-copy h1{font:800 clamp(35px,4vw,62px)/1.17 Manrope,sans-serif;letter-spacing:-2px;margin:26px 0}.login-copy h1 em{font-style:normal;color:#7dccf7}.login-copy p{max-width:430px;color:#b0c9de;line-height:1.8;font-size:15px}.login-features{display:flex;flex-direction:column;gap:18px;margin-top:42px}.login-features span{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#dfecf8}.login-features svg{color:#83caf3}.login-foot{font-size:11px;color:#7491ac;position:relative;z-index:1}.glow{position:absolute;border-radius:50%;filter:blur(6px);pointer-events:none}.glow-one{width:420px;height:420px;background:#2094c61c;right:-180px;top:22%}.glow-two{width:300px;height:300px;background:#0d86b126;left:-130px;bottom:-90px}.login-right{display:grid;place-items:center;padding:45px}.login-card{max-width:410px;width:100%}.login-icon{width:63px;height:63px;display:grid;place-items:center;border-radius:19px;background:#e8f4fc;color:#2680c0;margin-bottom:30px}.login-card .overline{color:#2782bf}.login-card h2{font-family:Manrope;font-size:30px;letter-spacing:-1px;margin:10px 0}.login-card>p{font-size:13px;color:#94a2b2;margin-bottom:32px;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:20px}.login-card .field input{min-height:52px}.input-with-icon{border:1px solid #dce5ef;border-radius:9px;display:flex;align-items:center}.input-with-icon:focus-within{border-color:#3d8bca}.input-with-icon input{border:0!important;box-shadow:none!important}.input-with-icon .icon-btn{margin-right:8px}.login-card .btn{padding:16px;margin-top:8px}.login-support{font-size:11px;color:#9eacbd;text-align:center;border-top:1px solid #e9eff5;padding-top:23px;margin-top:32px}.loading-screen{height:100vh;display:flex;justify-content:center;align-items:center;gap:15px;color:#245981;font-weight:800;background:#f6f9fd}.loading-mark{width:54px;height:54px;border-radius:16px;background:#e3f3ff;display:grid;place-items:center}@media(max-width:1260px){.apps-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:30px 28px}.sidebar{width:244px}}@media(max-width:860px){.sidebar{position:fixed;left:-270px;transition:left .2s;box-shadow:9px 0 40px #13254115}.sidebar.mobile-open{left:0}.mobile-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b203f65;z-index:8}.mobile-menu{display:grid}.sidebar-logo{display:flex;align-items:center;justify-content:space-between}.topbar{padding:0 20px}.top-badge,.user-label{display:none}.login-page{grid-template-columns:1fr}.login-left{display:none}.login-right{min-height:100vh}.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:540px){.content{padding:24px 16px}.section-head{align-items:flex-start;flex-direction:column}.section-head h1{font-size:23px}.portal-controls,.apps-grid,.stats-grid{grid-template-columns:1fr}.portal-banner{padding:24px}.portal-banner h2{font-size:19px}.banner-orb{display:none}.topbar{height:64px}.table-wrap th,.table-wrap td{padding:13px}.modal-backdrop{padding:10px}.items-heading{align-items:flex-start;gap:10px}.count-pill{flex:none}}
