:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1b2840;background:#f7f8fc;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #b5acff;outline-offset:2px}svg{flex-shrink:0}button{transition:background .18s,border .18s,color .18s,transform .18s}a{text-decoration:none;color:inherit}.hidden{display:none!important}.boot-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-weight:600;color:#8390a5}.boot-logo{width:58px;height:58px;border-radius:17px;background:#6c55e7;display:grid;place-items:center;color:white;font-weight:800;font-size:25px;position:relative}.boot-logo span{font-size:12px;position:absolute;right:10px;top:8px}
/* Brand */
.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:43px;height:43px;background:linear-gradient(135deg,#8874ff,#5d4ad8);border:1px solid #b7abff55;border-radius:12px;color:#fff;display:grid;place-items:center;box-shadow:0 8px 21px #6b54dd32}.brand-glyph{font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-4px;padding-right:4px;line-height:1}.brand-spark{position:absolute;font-size:9px;right:7px;top:5px;color:#a9efff}.brand-title{display:flex;flex-direction:column;gap:1px}.brand-title strong{font-family:Manrope,sans-serif;font-size:20px;line-height:1.2;font-weight:800;letter-spacing:1.7px}.brand-point{color:#988cff}.brand-title small{font-size:8px;line-height:1.7;letter-spacing:2.2px;font-weight:800;color:#8997b1}.brand-on-dark .brand-title strong{color:#f8f9ff}.brand-on-dark .brand-title small{color:#8695b6}
/* Authentication */
.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(460px,.9fr);min-height:100vh;background:#fff}.auth-visual{position:relative;overflow:hidden;background:#111834;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:38px clamp(35px,5.3vw,90px) 36px}.auth-visual-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 42% at 75% 54%,#3b3779a3,transparent),radial-gradient(ellipse 50% 35% at 10% 0%,#42346c62,transparent),linear-gradient(120deg,#151c3a,#0e152c 73%)}.auth-visual-backdrop:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#e5e2ff09 1px,transparent 1px),linear-gradient(90deg,#e5e2ff09 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,transparent 4%,#000 45%,transparent 100%)}.auth-visual>*:not(.auth-visual-backdrop){position:relative;z-index:1}.auth-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-head-tag{font-size:10px;letter-spacing:1.8px;color:#99a5c2;font-weight:700}.auth-hero{margin:auto 0;max-width:690px;padding:80px 0 25px}.auth-eyebrow{display:flex;align-items:center;gap:12px;font-weight:800;color:#b6adff;letter-spacing:2.1px;font-size:10px}.pulse-dot,.live-mini{display:inline-block;border-radius:50%;width:8px;height:8px;background:#36d6ae;box-shadow:0 0 0 4px #36d6ae1b,0 0 16px #36d6ae3d;flex:none}.muted-dot{background:#9da6c4;box-shadow:none}.auth-hero h1{font-family:Manrope,sans-serif;font-size:clamp(38px,3.55vw,64px);font-weight:800;line-height:1.16;letter-spacing:-2.45px;margin:25px 0 19px}.auth-hero h1 em{font-style:normal;color:#b5a6ff}.auth-hero>p{color:#abb6d2;max-width:555px;line-height:1.85;font-size:15px;margin:0}.auth-graphic{position:relative;margin:37px -20px 25px;height:260px}.auth-graphic svg{width:100%;height:100%;filter:drop-shadow(0 0 12px #8071ff13)}.visual-floating{position:absolute;bottom:12px;left:48%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:11px;padding:11px 15px;background:#1e2b4dbd;color:#e5efff;border:1px solid #515c83;border-radius:9px;box-shadow:0 18px 45px #0006;font-size:9px;letter-spacing:1.4px;font-weight:800}.visual-floating svg{width:16px;height:16px;color:#55d5b8}.auth-highlights{display:flex;gap:17px 28px;flex-wrap:wrap;margin-top:24px}.auth-highlights>div{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:600;color:#c0c9e1}.auth-highlights svg{color:#a89eff}.auth-visual-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8996b7;font-size:9px;letter-spacing:1.5px;font-weight:800}.auth-right{display:flex;flex-direction:column;justify-content:space-between;padding:38px clamp(34px,5vw,88px) 36px}.auth-right-top,.auth-right-foot{display:flex;justify-content:space-between;align-items:center;gap:15px}.auth-right-top .brand{display:none}.edition{font-size:10px;color:#9ba6b5;letter-spacing:1.3px;font-weight:800;margin-left:auto}.edition b{color:#6755d4;font-weight:800;margin-left:8px}.auth-card{width:100%;max-width:430px;margin:0 auto;padding:50px 0}.auth-icon{width:55px;height:55px;border-radius:16px;background:#efecff;color:#6954e1;display:grid;place-items:center;margin-bottom:31px}.small-eyebrow{font-size:10px;font-weight:800;color:#7566e1;letter-spacing:1.9px}.auth-card h2{font-family:Manrope,sans-serif;font-size:clamp(25px,2vw,32px);line-height:1.27;letter-spacing:-1.3px;margin:12px 0}.auth-helper{font-size:13px;color:#8792a8;line-height:1.8;margin:0 0 35px}.auth-card form{display:flex;flex-direction:column}.auth-card label{font-size:12px;color:#334159;font-weight:800;margin-bottom:10px}.input-wrap{margin-bottom:22px}.input-wrap input{width:100%;height:51px;border:1px solid #dfe5ee;border-radius:9px;background:#fbfcff;padding:0 15px;color:#23314a;font-size:13px;transition:border .2s,box-shadow .2s}.input-wrap input:focus{border-color:#806cf5;outline:none;box-shadow:0 0 0 4px #7865f218}.input-wrap input::placeholder{color:#a9b2c2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;font-size:12px;font-weight:800}.btn-primary{background:#6954e5;color:#fff;box-shadow:0 7px 17px #7763e326}.btn-primary:hover{background:#5b46d5;transform:translateY(-1px)}.login-button{width:100%;justify-content:space-between;height:53px;padding:0 18px;margin-top:5px}.form-error{border:1px solid #f5bfcd;background:#fff2f5;color:#b13d5b;border-radius:9px;padding:12px 13px;margin-bottom:16px;font-size:12px;line-height:1.5}.trust-note{display:flex;align-items:center;gap:8px;margin:26px auto 0;color:#8e99ab;font-size:11px;justify-content:center}.trust-note svg{color:#2bab85}.auth-right-foot{font-size:10px;color:#9ba6b7}.auth-right-foot span:last-child{letter-spacing:1.2px;font-size:9px;font-weight:700}.button-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #fff8;border-top-color:#fff;animation:spin .6s linear infinite}
/* Application frame */
.shell{display:flex;min-height:100vh;background:#f6f8fc}.sidebar{width:252px;background:#121a30;color:#a9b6cc;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30;border-right:1px solid #23304a}.sidebar-brand{display:flex;justify-content:space-between;align-items:center;padding:30px 21px 29px}.sidebar-brand .brand-mark{width:40px;height:40px}.sidebar-brand .brand-title strong{font-size:18px}.sidebar-brand .brand-title small{font-size:7.5px}.sidebar-close{display:none}.workspace-box{display:flex;align-items:center;gap:10px;margin:0 15px 36px;padding:11px;border:1px solid #333d56;border-radius:10px;background:#1c2640}.workspace-avatar{height:33px;width:33px;border-radius:9px;display:grid;place-items:center;background:#514697;color:#e9e3ff;font-weight:800;font-size:14px}.workspace-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.workspace-meta strong{font-size:11px;color:#e9edf8;letter-spacing:.5px}.workspace-meta small{font-size:10px;color:#9ca9c1}.workspace-box>svg{color:#71819c}.sidebar-label{padding:0 28px 14px;font-size:9px;font-weight:800;letter-spacing:2px;color:#7484a2}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 11px}.nav-link{width:100%;border:none;outline:none;display:flex;gap:12px;align-items:center;height:43px;padding:0 15px;background:transparent;text-align:left;border-radius:8px;color:#9caac3;font-size:12px;font-weight:700}.nav-link svg{color:#8090ad}.nav-link span{flex:1}.nav-link small{font-size:10px;color:#7d8ca7}.nav-link:hover{background:#222c45;color:#fff}.nav-link.active{background:#6b58d9;color:#fff;box-shadow:0 7px 20px #070e2740}.nav-link.active svg,.nav-link.active small{color:#fff}.sidebar-spacer{flex:1}.sidebar-bottom{padding:16px}.agent-summary{background:#202c44;border:1px solid #35415a;padding:17px;border-radius:11px;margin-bottom:17px}.agent-summary-label{display:flex;align-items:center;gap:9px;font-size:9px;color:#b4bece;font-weight:800;letter-spacing:1.1px}.agent-summary-label .pulse-dot{width:6px;height:6px}.agent-summary strong{font-size:12px;color:#f0f5ff;display:block;margin-top:11px}.agent-summary p{margin:6px 0 0;color:#8c9bb7;font-size:10px}.account-box{padding-top:17px;border-top:1px solid #323d56;display:flex;align-items:center;gap:10px}.account-avatar,.header-avatar{display:grid;place-items:center;border-radius:10px;background:#6256af;color:#fff;font-size:13px;font-weight:800;width:36px;height:36px;flex-shrink:0}.account-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.account-details b{font-size:10px;color:#dbe3f4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-details small{font-size:10px;color:#8999b3}.logout-button,.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#8d9cb8;width:30px;height:30px;border-radius:6px}.logout-button:hover,.icon-button:hover{background:#303c55;color:white}.main-shell{display:flex;flex:1;min-width:0;flex-direction:column}.topbar{height:78px;background:#fff;border-bottom:1px solid #e9edf3;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(21px,3.6vw,53px);gap:20px}.topbar-heading,.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-heading{color:#96a2b4;font-size:12px;font-weight:600}.topbar-heading svg{color:#b5becc}.topbar-heading strong{color:#26324a;font-size:12px}.topbar-actions{gap:19px}.environment-chip{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1.4px;font-size:9px;color:#536078}.environment-chip span{height:6px;width:6px;border-radius:50%;background:#43bf94;box-shadow:0 0 0 4px #43bf941d}.header-divider{height:21px;width:1px;background:#e2e7f0}.btn-refresh{color:#4b5871;background:transparent;gap:8px;padding:10px;border:1px solid transparent}.btn-refresh:hover{background:#f4f6fd;border-color:#e2e7f0}.header-avatar{background:#eeeafd;color:#6853d5;border:1px solid #e1dafa;width:36px;height:36px}.workspace-main{flex:1;width:100%;max-width:1810px;margin:0 auto;padding:40px clamp(21px,3.6vw,53px) 55px}.app-footer{border-top:1px solid #e7ebf3;color:#9ca7b8;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.25px;padding:22px clamp(21px,3.6vw,53px)}.app-footer>span:last-child{display:flex;align-items:center;gap:7px}.footer-divider{padding:0 7px;color:#c0cad8}
/* Overview */
.overline{font-size:9.5px;font-weight:800;color:#7663d5;letter-spacing:2px}.tiny-slash{padding:0 8px;color:#b7becb}.welcome-line,.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.welcome-line h1,.page-intro h1{font-family:Manrope,sans-serif;font-size:clamp(26px,2.6vw,36px);font-weight:800;color:#182640;letter-spacing:-1.4px;line-height:1.25;margin:10px 0 8px}.title-accent{color:#7964ee}.welcome-line p,.page-intro p{font-size:12.5px;color:#8794aa;margin:0;line-height:1.7}.auto-chip{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid #e3e8f0;color:#75839c;font-size:10px;font-weight:700;white-space:nowrap;border-radius:7px;padding:10px 12px}.auto-chip svg{color:#7966ea}.hero-banner{display:flex;align-items:center;justify-content:space-between;position:relative;background:linear-gradient(107deg,#252450,#332d6c 57%,#45458d 100%);border-radius:16px;overflow:hidden;min-height:228px;color:#fff;box-shadow:0 10px 24px #312c6820;margin-bottom:22px}.hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 10%,#a0a1fa35,transparent 56%),linear-gradient(90deg,transparent,#18153f10)}.hero-content{position:relative;z-index:1;padding:34px 41px}.hero-kicker{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1.7px;font-weight:800;color:#c6c5f9}.hero-kicker .pulse-dot{width:7px;height:7px}.hero-content h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.9px;margin:17px 0 9px;font-weight:800}.hero-content p{font-size:12px;line-height:1.8;color:#cacbed;max-width:480px;margin:0}.hero-action{display:flex;align-items:center;gap:10px;padding:0;color:#d8d2ff;font-size:11px;font-weight:800;background:transparent;border:0;margin-top:18px}.hero-action:hover{color:#fff;gap:14px}.hero-visual{position:absolute;right:11px;top:0;bottom:0;width:310px;pointer-events:none}.hero-ring{position:absolute;border:1px solid #a4a2f638;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring1{height:130px;width:130px;background:#bdb7ff0b}.ring2{height:217px;width:217px}.ring3{height:312px;width:312px}.hero-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:77px;width:77px;display:grid;place-items:center;background:#7771d1;border-radius:20px;border:1px solid #bbb0ff8c;color:#fff;box-shadow:0 0 45px #dcd0ff36}.hero-node{position:absolute;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#393c80;border:1px solid #a19fef85;color:#c6c2ff;box-shadow:0 6px 21px #10123266}.node1{top:14px;right:58px}.node2{bottom:12px;left:15px}.node3{right:8px;bottom:38px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:21px}.metric-card{background:#fff;border:1px solid #e7eaf2;border-radius:12px;padding:22px 23px 21px;box-shadow:0 3px 12px #1c2c4c04;min-height:157px}.metric-label-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:11px;color:#758399;font-weight:700}.metric-ico{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;margin-top:-3px}.metric-ico.indigo{background:#eeeaff;color:#725ee8}.metric-ico.teal{background:#e8f8f5;color:#1caf9d}.metric-ico.sky{background:#eaf5ff;color:#4b93d9}.metric-ico.amber{background:#fff5e8;color:#df9c40}.metric-number{font-family:Manrope,sans-serif;font-weight:800;color:#19263e;font-size:33px;line-height:1.3;letter-spacing:-1.7px;margin-top:12px}.metric-detail{display:flex;align-items:center;gap:8px;font-size:10px;color:#96a1b3;margin-top:7px}.metric-detail .live-mini{width:6px;height:6px;box-shadow:none}.middle-dot{color:#c6cdd8}.primary-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(335px,.98fr);gap:20px;margin-bottom:20px}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid #e5eaf2;background:#fff;border-radius:13px;min-width:0;overflow:hidden;box-shadow:0 3px 12px #1c2c4c04}.panel-head{padding:25px 26px 21px;display:flex;justify-content:space-between;align-items:center;gap:13px}.panel-head h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.35px;color:#24314a;margin:7px 0 4px;font-weight:800}.panel-head p{color:#97a3b4;font-size:11px;margin:0}.panel-head .small-eyebrow{font-size:9px;letter-spacing:1.5px}.chart-legend{white-space:nowrap;color:#8591a7;font-size:11px;font-weight:600;display:flex;align-items:center;gap:9px}.chart-legend span{width:7px;height:7px;border-radius:50%;background:#856ef1}.chart-inner{height:255px;padding:0 17px 0 12px}.chart-inner svg{width:100%;height:100%;overflow:visible}.chart-empty{height:255px;display:grid;place-items:center}.panel-foot{height:49px;border-top:1px solid #eff1f5;display:flex;gap:9px;align-items:center;padding:0 26px;font-size:10px;color:#9aa6b7}.panel-foot svg{color:#8b98b0}.foot-spacer{flex:1}.panel-link-icon{width:32px;height:32px;border-radius:8px;border:1px solid #e8eaf2;display:grid;place-items:center;background:#fff;color:#8a79ef}.panel-link-icon:hover{background:#f4f1ff}.node-list{padding:0 25px;min-height:227px}.node-row{display:flex;gap:12px;align-items:center;border-top:1px solid #eff1f5;padding:16px 0}.node-icon,.carrier-badge{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#f0edff;color:#7d68e7}.node-info{display:flex;flex-direction:column;min-width:0;gap:6px;flex:1}.node-info strong{font-size:12px;color:#2b3650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-info span{font-size:10px;color:#a1acbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-info i{font-style:normal;margin:0 3px}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;font-weight:800;text-transform:capitalize;padding:7px 10px;border-radius:7px}.status-dot{height:6px;width:6px;border-radius:50%;background:currentColor}.status.success{background:#eaf9f3;color:#169e76}.status.warning{background:#fff6e6;color:#c18d36}.status.danger{background:#fff0f1;color:#df6479}.status.neutral{background:#eff2f7;color:#78869c}.panel-bottom{border-top:1px solid #eef1f6;padding:17px 25px}.text-action{display:flex;align-items:center;gap:10px;color:#715de5;background:transparent;border:0;padding:0;font-size:11px;font-weight:800}.text-action:hover{gap:13px}.carrier-list{padding:0 25px 9px;min-height:201px}.carrier-row{border-top:1px solid #eff1f6;display:flex;align-items:center;gap:12px;padding:14px 0}.carrier-details{display:flex;flex:1;gap:6px;flex-direction:column}.carrier-details strong{font-size:12px;color:#2a3650}.carrier-details small{font-size:10px;color:#a2adbe}.platform-list{padding:0 25px;min-height:201px}.platform-list>div{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 0;border-top:1px solid #eff1f6;color:#5c6b83;font-size:11px}.platform-list>div>span{display:flex;align-items:center;gap:11px}.platform-list>div>span svg{color:#98a5ba}.platform-list strong{font-weight:800;color:#273650;white-space:nowrap;font-size:10px}.platform-list strong.inline-good,.platform-list strong.inline-bad{display:flex;align-items:center;gap:6px;color:#14a17c}.platform-list strong.inline-bad{color:#e16c7a}.note-bottom{display:flex;align-items:center;gap:9px;font-size:10px;color:#a0acbf}.note-bottom svg{color:#7865e8}
/* Inventory */
.page-intro{margin-bottom:25px}.page-intro p{font-size:13px}.search-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.search-field{height:45px;width:340px;max-width:100%;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #e0e6f0;border-radius:9px;background:#fff;color:#8d9bb2}.search-field:focus-within{border-color:#9c8afa;box-shadow:0 0 0 3px #7b66ec15}.search-field input{flex:1;min-width:0;border:0;outline:none;font-size:12px;color:#283651;background:transparent}.search-field input::placeholder{color:#adb8c7}.readonly-pill{display:flex;align-items:center;gap:8px;border:1px solid #e1e7f1;background:white;border-radius:8px;padding:11px 13px;color:#8591a4;white-space:nowrap;font-size:10px;font-weight:700}.readonly-pill svg{color:#7968e8}.inventory-panel{min-height:365px}.inventory-panel .panel-head{padding:25px 25px 22px}.data-count{color:#96a3b7;font-size:9px;letter-spacing:1.5px;font-weight:800}.data-table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;text-align:left;width:100%;min-width:660px}th{background:#fafbfe;color:#98a4b7;font-size:10px;letter-spacing:1.2px;font-weight:800;text-align:left;padding:16px 25px;border-top:1px solid #eef1f5}td{border-top:1px solid #eff1f5;padding:17px 25px;color:#65738a;font-size:12px;white-space:nowrap}tbody tr:hover{background:#fafbff}.name-cell{display:flex;align-items:center;gap:12px}.name-cell strong{font-weight:800;color:#29364d}.mini-tile{display:grid;place-items:center;height:32px;width:32px;background:#f0edff;color:#7c69e6;border-radius:9px}.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#63728b;font-size:11px}.server-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.server-card{background:#fff;border:1px solid #e5e9f1;border-radius:13px;padding:26px;min-height:310px}.server-card-top{display:flex;align-items:center;justify-content:space-between}.server-card-logo{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;background:#eeeaff;color:#725fe9}.server-card h3{font-family:Manrope,sans-serif;font-size:18px;margin:20px 0 5px;color:#202e47;letter-spacing:-.5px}.server-card>p{font-size:12px;color:#91a0b3;margin:0}.server-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;padding:21px 0 25px}.server-card-meta>div{display:flex;flex-direction:column;gap:8px}.server-card-meta>div span{font-size:10px;color:#9ca8b9}.server-card-meta>div strong{font-size:12px;color:#35425b}.server-card-foot{display:flex;align-items:center;gap:7px;padding-top:17px;border-top:1px solid #edf0f5;font-size:10px;color:#7f8da4}.server-card-foot svg{color:#17a17f}.server-card-foot small{margin-left:auto;font-family:monospace;color:#adb6c6}.empty-view{min-height:210px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:28px;text-align:center}.empty-art{display:grid;place-items:center;width:55px;height:55px;background:#f0edff;border-radius:14px;color:#7c68e9;margin-bottom:16px}.empty-view strong{font-size:13px;color:#2a3852}.empty-view p{font-size:11px;line-height:1.7;color:#9da8bb;max-width:370px;margin:8px 0}.notice{padding:15px 19px;border:1px solid #f1c8ce;border-radius:10px;background:#fff6f7;display:flex;gap:12px;align-items:center;margin-bottom:20px;color:#ab3d57}.notice>svg{flex-shrink:0}.notice div{flex:1;min-width:0}.notice strong{font-size:12px}.notice p{margin:5px 0 0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.notice-action{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #f0d0d6;color:#9b3f58;border-radius:7px;padding:9px;font-size:11px;font-weight:800}.loading-placeholder{min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loading-placeholder strong{color:#35435b;font-size:14px}.loading-placeholder span{font-size:12px;color:#95a2b6}.loader{height:30px;width:30px;border:3px solid #e3ddff;border-top-color:#765feb;border-radius:50%;animation:spin .8s linear infinite}.toast-alert{position:fixed;right:24px;bottom:24px;background:#402f55;color:white;padding:15px 20px;border-radius:10px;z-index:100;box-shadow:0 13px 40px #0004;font-size:12px;max-width:320px}.fatal{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:20px;text-align:center;padding:30px}.fatal>.brand{margin-bottom:25px}.fatal>svg{color:#c77a8f}.fatal h2{margin:0;font-family:Manrope,sans-serif}.fatal p{color:#7c8ba2;font-size:13px}.fatal button{padding:13px 20px}.mobile-toggle,.mobile-backdrop{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1320px){.sidebar{width:231px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-grid{grid-template-columns:minmax(0,1.25fr) minmax(305px,.95fr)}.hero-visual{right:-45px;opacity:.9}.hero-content{padding:30px 34px}.sidebar-brand .brand-title strong{font-size:16px}.sidebar-brand .brand-title small{letter-spacing:1.7px}}
@media(max-width:1050px){.primary-grid,.secondary-grid{grid-template-columns:1fr}.node-list{min-height:unset}.auth-layout{grid-template-columns:1fr 1fr}.auth-visual{padding-left:40px;padding-right:40px}.auth-hero h1{font-size:38px}.auth-head-tag{display:none}.auth-graphic{height:200px}.auth-right{padding-left:45px;padding-right:45px}.auth-right-foot span:last-child{display:none}}
@media(max-width:800px){.sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 30px #15204422}.sidebar.sidebar-open{transform:translateX(0)}.mobile-backdrop.show{display:block;position:fixed;inset:0;background:#11182783;z-index:20}.sidebar-close{display:grid}.mobile-toggle{display:grid;place-items:center;background:transparent;border:0;color:#39465e;margin-right:4px}.topbar{height:67px}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-right{min-height:100vh;padding:26px 7%}.auth-right-top .brand{display:flex}.auth-right-top .brand-title strong{font-size:17px}.auth-right-top .brand-title small{font-size:7px}.auth-card{padding:60px 0}.auth-right-foot span:last-child{display:none}.server-cards{grid-template-columns:1fr}}
@media(max-width:540px){.topbar{padding:0 16px}.workspace-main{padding:27px 15px 37px}.topbar-heading{gap:8px}.topbar-actions{gap:8px}.topbar-heading>span,.topbar-heading>svg{display:none}.environment-chip{font-size:0;gap:0}.environment-chip span{width:7px;height:7px}.header-divider{display:none}.btn-refresh span{display:none}.btn-refresh{padding:7px}.welcome-line,.page-intro{align-items:flex-start}.welcome-line h1,.page-intro h1{font-size:25px}.auto-chip{display:none}.hero-banner{min-height:230px}.hero-content{padding:26px 24px}.hero-content h2{font-size:21px;max-width:245px}.hero-content p{font-size:11px;max-width:240px}.hero-visual{right:-166px;opacity:.45}.metrics-grid{gap:10px}.metric-card{min-height:142px;padding:15px}.metric-ico{height:31px;width:31px}.metric-number{font-size:29px}.metric-label-row{font-size:10px}.metric-detail{font-size:9px;line-height:1.5}.panel-head{padding:20px 18px}.panel-head h3{font-size:14px}.chart-inner{height:220px;padding:0 11px 0 0}.panel-foot{padding:0 15px;font-size:9px}.panel-foot>span:last-child{display:none}.node-list,.carrier-list,.platform-list{padding-left:18px;padding-right:18px}.node-row{gap:8px}.node-icon{height:33px;width:33px}.status{padding:6px 8px;font-size:9px}.node-info strong{font-size:11px}.node-info span{font-size:9px}.platform-list>div{font-size:10px}.platform-list strong{font-size:9px}.app-footer{padding:20px 15px;flex-wrap:wrap;font-size:8px}.search-tools{flex-wrap:wrap}.search-field{width:100%}.readonly-pill{font-size:9px}.auth-right{padding:22px 7%}.edition{font-size:0}.edition b{font-size:10px}.auth-right-foot{font-size:9px}.server-card{padding:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Hide sidebar dismissal on desktop; expose it only in the mobile drawer. */
.sidebar .sidebar-close{display:none}
@media(max-width:800px){.sidebar .sidebar-close{display:grid}}

/* v0.3 operational telemetry presentation */
.live-highlight{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;margin:-1px 0 20px;border:1px solid #dce9ef;border-radius:11px;background:linear-gradient(100deg,#f3fafb,#f6f5ff)}
.live-highlight-text{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-highlight-text strong{font-size:12px;color:#263551}.live-highlight-text>span:last-child{font-size:11px;color:#8190a8}.live-cta{display:inline-flex;align-items:center;gap:9px;background:#302e71;color:white;padding:11px 15px;border:0;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap}.live-cta:hover{background:#4f43a3}
.live-info{border-radius:9px;padding:16px 18px;display:flex;align-items:center;gap:12px;font-size:12px;margin:0 0 18px;line-height:1.6}.live-info.good{background:#eaf7f1;border:1px solid #ccebdd;color:#197857}.live-info.pending{background:#fff8e9;border:1px solid #f4e3b7;color:#9c792e}.data-disclaimer{color:#91a0b3;font-size:11px;line-height:1.7;padding:9px 4px}.calls-metrics{margin-top:8px}.calls-metrics .metric-card{min-height:143px}
@media(max-width:800px){.live-highlight{align-items:flex-start;flex-direction:column}}


/* v0.4 Dialsyx brand update */
:root{--dialsyx-cyan:#1ec0e6;--dialsyx-blue:#1797d3;--dialsyx-purple:#5f00ff;--dialsyx-ink:#211b20;--dialsyx-soft:#eef8fd;--dialsyx-glow:rgba(95,0,255,.16);}
button:focus-visible,input:focus-visible{outline:3px solid rgba(31,192,230,.32)}
.boot-screen{background:linear-gradient(180deg,#f8fbfd,#f4f7fb);color:#4d5b71}.boot-brand-image{width:min(360px,70vw);height:auto;display:block;filter:drop-shadow(0 12px 28px rgba(23,151,211,.10))}
.brand{gap:14px}.brand-media{display:flex;align-items:center;justify-content:center}.brand-image{display:block;height:42px;width:auto;max-width:220px}.brand-title-stack strong{font-family:Manrope,sans-serif;font-size:18px;line-height:1.1;font-weight:800;letter-spacing:-.4px;color:var(--dialsyx-ink)}.brand-title-stack small{font-size:9px;line-height:1.6;letter-spacing:2.1px;font-weight:800;color:#66758d}.brand-on-dark .brand-title-stack strong{color:#fff}.brand-on-dark .brand-title-stack small{color:#9fb4cf}.sidebar-brand .brand-image{height:36px}.auth-right-top .brand-image{height:34px}.fatal .brand-image{height:48px}.auth-visual-backdrop{background:radial-gradient(ellipse 62% 42% at 77% 52%,rgba(95,0,255,.34),transparent),radial-gradient(ellipse 48% 30% at 12% 0%,rgba(30,192,230,.20),transparent),linear-gradient(125deg,#0f1526,#101d32 73%)}.auth-eyebrow,.small-eyebrow{color:var(--dialsyx-cyan)}.auth-hero h1 em{color:#9d78ff}.visual-floating{border-color:rgba(30,192,230,.35)}.visual-floating svg,.auth-highlights svg{color:var(--dialsyx-cyan)}.auth-icon{background:linear-gradient(135deg,rgba(30,192,230,.14),rgba(95,0,255,.10));color:var(--dialsyx-blue)}.input-wrap input:focus{border-color:var(--dialsyx-blue);box-shadow:0 0 0 4px rgba(30,192,230,.12)}.btn-primary{background:linear-gradient(135deg,var(--dialsyx-blue),var(--dialsyx-purple));box-shadow:0 10px 24px rgba(23,151,211,.20)}.btn-primary:hover{background:linear-gradient(135deg,#108abb,#5100d9)}.shell{background:linear-gradient(180deg,#f6fbfe,#f6f8fc 18%,#f6f8fc)}.sidebar{background:linear-gradient(180deg,#0f1526,#13213a);border-right:1px solid #1f304c}.workspace-avatar,.account-avatar,.header-avatar{background:linear-gradient(135deg,var(--dialsyx-blue),var(--dialsyx-purple))}.nav-link.active{background:linear-gradient(135deg,var(--dialsyx-blue),var(--dialsyx-purple));box-shadow:0 10px 24px rgba(31,192,230,.20)}.agent-summary{background:linear-gradient(180deg,#192742,#1b2c48);border-color:#29405d}.environment-chip{color:var(--dialsyx-blue);background:rgba(30,192,230,.08);border-color:rgba(30,192,230,.18)}.environment-chip span,.pulse-dot,.live-mini{background:#22d0d5;box-shadow:0 0 0 4px rgba(34,208,213,.12),0 0 16px rgba(34,208,213,.28)}.muted-dot{background:#a0a9bf;box-shadow:none}.welcome-line .overline,.page-intro .overline,.small-eyebrow{color:var(--dialsyx-blue)}.title-accent,.brand-point{color:var(--dialsyx-cyan)}.hero-banner{background:linear-gradient(135deg,#0f1728,#132645 65%,#1b4f86);box-shadow:0 18px 42px rgba(15,23,40,.12)}.hero-kicker{color:#bdefff}.hero-action,.live-cta{background:linear-gradient(135deg,var(--dialsyx-blue),var(--dialsyx-purple))}.hero-action:hover,.live-cta:hover{background:linear-gradient(135deg,#108abb,#5100d9)}.metric-ico.teal,.metric-ico.sky,.metric-ico.indigo,.metric-ico.amber{background:rgba(30,192,230,.11);color:var(--dialsyx-blue)}.live-highlight{border-color:#d6edf6;background:linear-gradient(100deg,#eefafd,#f5f1ff)}.panel-link-icon,.text-action{color:var(--dialsyx-blue)}.text-action:hover,.panel-link-icon:hover{color:#0f84b7}.status.success{background:#ebfbfa;color:#127d83}.status.warning{background:#f4edff;color:#663de4}.status.danger{background:#fff1f2;color:#cc5868}.status.neutral{background:#eef5fb;color:#61718a}.readonly-pill svg,.note-bottom svg,.search-field:focus-within svg,.carrier-badge{color:var(--dialsyx-blue)}.mini-tile,.empty-art,.server-card-logo{background:linear-gradient(135deg,rgba(30,192,230,.12),rgba(95,0,255,.10));color:var(--dialsyx-blue)}.search-field:focus-within{border-color:rgba(30,192,230,.50);box-shadow:0 0 0 3px rgba(30,192,230,.10)}.chart-legend span{background:linear-gradient(135deg,var(--dialsyx-blue),var(--dialsyx-purple))}.notice{background:#fff8fb;border-color:#f2d8ea;color:#af3c79}.notice-action{color:#9d2d66}.app-footer{background:#fff;border-top:1px solid #e7edf5}.topbar{background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(6px)}


/* v0.4.1 — text-only brand and always-visible sign-out / sidebar layout. */
.brand-wordmark{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}
.brand-wordmark strong{display:block;font-family:Manrope,system-ui,sans-serif;font-size:19px;letter-spacing:-.55px;line-height:1.18;font-weight:800;color:#182541}
.brand-wordmark small{font-size:9px;letter-spacing:1.8px;font-weight:750;color:#7890a9;line-height:1.25}
.brand-on-dark .brand-wordmark strong{color:#fff}
.brand-on-dark .brand-wordmark small{color:#93b4d2}
.sidebar-brand .brand-wordmark strong{font-size:18px;max-width:200px}
.auth-right-top .brand-wordmark strong{font-size:16px}
.boot-brand-text{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:clamp(22px,4vw,32px);letter-spacing:-.8px;color:#182541}
/* Sidebar main nav may scroll independently; footer must never be pushed off screen. */
.sidebar{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.sidebar-brand{flex:0 0 auto;padding:22px 20px 19px;min-height:83px}
.workspace-box{flex:0 0 auto;margin:0 14px 22px;padding:12px 14px}
.workspace-box .workspace-meta{flex:1}
.sidebar-label{flex:0 0 auto;padding-bottom:10px}
.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#405570 transparent;gap:3px;padding-bottom:15px}
.nav-link{flex-shrink:0;height:43px}
.sidebar-spacer{display:none}
.sidebar-bottom{flex:0 0 auto;margin-top:auto;padding:14px 15px 16px;background:#15233a;border-top:1px solid #2b3b57}
.agent-summary{margin-bottom:12px;padding:13px 14px}
.account-box{min-height:53px;padding-top:12px;gap:10px}
.account-details{min-width:0;flex:1}
.account-details b{font-size:10px}
.logout-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;padding:9px 10px;min-width:80px;height:34px;width:auto;border:1px solid #425a79;border-radius:8px;color:#e9f4ff;background:#253855;font-weight:750;font-size:10px;white-space:nowrap}
.logout-button:hover{background:#34628e;border-color:#5999c3;color:white}
.logout-button:focus-visible,.top-logout:focus-visible{outline:2px solid #1ec0e6;outline-offset:3px}
.top-logout{border:1px solid #dce6f0;border-radius:9px;background:#fff;color:#345374;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 13px;font-size:12px;font-weight:750;white-space:nowrap}
.top-logout:hover{background:#edf8fd;color:#127ea8;border-color:#b9e3ef}
/* Button appearance and text readability on the dark hero. */
.hero-action{padding:12px 17px;border-radius:10px;min-height:43px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:12px;font-weight:750;box-shadow:0 8px 20px rgba(47,32,154,.16)}
.hero-action:hover{color:#fff;gap:11px;transform:translateY(-1px)}
/* Hide superfluous sidebar status panel only when vertical space is especially tight. */
@media(max-height:680px){.sidebar-brand{padding-top:14px;padding-bottom:13px;min-height:70px}.workspace-box{margin-bottom:12px}.sidebar-bottom{padding-top:8px;padding-bottom:9px}.agent-summary{display:none}}
@media(max-width:800px){.sidebar{height:100vh;height:100dvh}.auth-right-top .brand-wordmark strong{font-size:17px}.top-logout{padding:9px 11px}.top-logout span{display:none}}
@media(max-width:540px){.top-logout{width:35px;height:35px;padding:0}.topbar-actions{gap:7px}.topbar{gap:8px}.sidebar-brand .brand-wordmark strong{font-size:18px}}

/* v0.4.2: viewport-safe navigation and dependable account actions */
.sidebar{display:flex;flex-direction:column;max-height:100dvh;overflow:hidden}
.sidebar-nav{flex-grow:1;flex-shrink:1;overflow-y:auto;min-height:0;overscroll-behavior-y:contain}
.sidebar-bottom{flex-shrink:0;position:relative;z-index:1;box-shadow:0 -9px 21px rgba(7,14,35,.16)}
.top-logout{display:inline-flex;opacity:1;visibility:visible;flex-shrink:0}
.topbar-actions{flex-shrink:0}
.brand-wordmark{width:100%}
.sidebar-brand .brand-wordmark strong{overflow-wrap:break-word}
@media(max-height:610px){.sidebar-brand{min-height:58px;padding:12px 16px}.workspace-box{padding:8px 11px;margin-bottom:10px}.sidebar-label{padding:0 20px 6px}.nav-link{height:36px}.sidebar-bottom{padding:8px 12px}.agent-summary{display:none}.account-box{padding-top:4px}}
@media(max-width:680px){.top-logout span{display:none}}

/* v0.5 CDR call-history workspace */
.cdr-metrics{margin-bottom:20px}.cdr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 24px 24px}.cdr-toolbar .search-field{width:390px}.cdr-filters{display:flex;gap:6px;flex-wrap:wrap;padding:4px;background:#f3f7fc;border:1px solid #e7edf5;border-radius:11px}.cdr-filter{padding:9px 14px;border:0;border-radius:8px;background:transparent;color:#7a889d;font-size:11px;font-weight:800;transition:background .15s,color .15s}.cdr-filter.selected{background:linear-gradient(110deg,#138bce,#5f00ff);color:#fff;box-shadow:0 6px 18px #1b8fc225}.cdr-filter:hover:not(.selected){color:#0d81bd;background:#e6f2fc}.cdr-panel .panel-head{border-bottom:0}.cdr-panel table{min-width:1050px}.cdr-panel td{white-space:nowrap}.cdr-time{display:flex;flex-direction:column;gap:4px}.cdr-time strong{color:#263550;font-size:12px}.cdr-time small{color:#9ba6b8;font-size:10px}.cdr-channel{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.cdr-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;flex-wrap:wrap;font-size:11px;color:#8290a4}.cdr-pagination>div{display:flex;align-items:center;gap:14px}.cdr-pagination button{border:1px solid #dce6f1;border-radius:7px;background:#fff;color:#217fae;display:flex;gap:5px;align-items:center;padding:8px 11px;font-size:11px;font-weight:700}.cdr-pagination button[disabled]{opacity:.45}.cdr-pagination button:first-child svg{transform:rotate(180deg)}.cdr-empty{padding:0 18px 18px}.cdr-panel .status{white-space:nowrap}
@media(max-width:800px){.cdr-toolbar{padding:0 18px 18px}.cdr-toolbar .search-field{width:100%}.cdr-filters{width:100%;justify-content:flex-start}.cdr-filter{padding:9px 10px;font-size:10px}}

/* v0.6 — SIP User Management */
.mgmt-new{padding:13px 18px;min-height:42px;white-space:nowrap;font-size:12px;box-shadow:0 6px 19px rgba(22,140,203,.12)}
.mgmt-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}
.mgmt-overview>div{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e7ecf4;border-radius:12px;padding:19px 20px;box-shadow:0 8px 22px rgba(25,51,92,.02)}
.mgmt-overview small{font-size:11px;color:#75849c;font-weight:650}.mgmt-overview strong{font-size:30px;font-weight:800;color:#16263e;font-family:Manrope,sans-serif;letter-spacing:-1.2px;line-height:1.2}
.mgmt-overview span{font-size:10px;color:#99a7b9}
.mgmt-banner{border-radius:12px;padding:17px 21px;display:flex;align-items:flex-start;gap:13px;margin:0 0 20px;line-height:1.55}
.mgmt-banner>svg{flex-shrink:0;margin-top:2px}.mgmt-banner>div{flex:1;min-width:0}.mgmt-banner strong{font-size:12px}.mgmt-banner p{font-size:11px;margin:5px 0 0;max-width:860px}
.mgmt-banner.mgmt-pending{border:1px solid #dce8f5;background:linear-gradient(105deg,#f1f8ff,#f8f6ff);color:#35637f}.mgmt-banner.mgmt-connected{border:1px solid #c2eadc;background:#effbf6;color:#1a795b}
.mgmt-chip{font-size:9px;letter-spacing:1px;font-weight:800;background:#fff;border:1px solid #cdddea;padding:8px 12px;border-radius:20px;color:#5383a0;white-space:nowrap}
.mgmt-panel{overflow:hidden}.mgmt-panel-header .panel-head{padding-bottom:18px;border-bottom:none}.mgmt-inventory-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#5e91a8;background:#f0f9fd;border-radius:7px;padding:9px 11px;font-weight:700}
.mgmt-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px 24px;flex-wrap:wrap}.mgmt-tools .search-field{width:295px}
.mgmt-filters{display:flex;gap:4px;background:#f4f7fb;border:1px solid #e8edf4;padding:4px;border-radius:10px;flex-wrap:wrap}
.mgmt-filter{border:0;background:transparent;color:#75849b;padding:9px 12px;font-size:11px;font-weight:750;border-radius:7px;white-space:nowrap}
.mgmt-filter:hover{background:#e8f2fa;color:#197ba7}.mgmt-filter.selected{background:#fff;color:#168cbb;box-shadow:0 2px 9px rgba(31,53,79,.08)}
.mgmt-table{min-width:890px}.mgmt-table th{padding:13px 21px}.mgmt-table td{padding:18px 21px;vertical-align:middle}
.mgmt-table td:first-child .name-cell{margin-bottom:7px}.mgmt-table td:first-child .name-cell strong{font-size:12px}.mgmt-sub{display:block;color:#9aa8ba;font-size:10px;line-height:1.45}
.mgmt-did{font-family:ui-monospace,Menlo,Consolas,monospace;color:#304765;font-weight:650}.mgmt-manage{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:8px;border:1px solid #d6e9f3;background:#f4fbff;color:#1683b1;font-size:11px;font-weight:800;white-space:nowrap}
.mgmt-manage:hover{background:#e5f6fc;border-color:#9ed6eb}
.mgmt-table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 23px;border-top:1px solid #e9edf4;color:#91a2b5;font-size:10px}
.mgmt-operations{margin-top:22px;overflow:hidden}.mgmt-queue-list{padding:0 25px 20px}.mgmt-queue-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eff2f6}.mgmt-queue-icon{color:#2994bf;background:#edf8fc;padding:8px;border-radius:7px;display:grid;place-items:center}
.mgmt-queue-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.mgmt-queue-row b{font-size:12px;text-transform:capitalize;color:#253853}.mgmt-queue-row small{font-size:10px;color:#9aa6b6}
.mgmt-backdrop{position:fixed;inset:0;background:rgba(12,23,42,.52);z-index:99;backdrop-filter:blur(2px)}
.mgmt-drawer{position:fixed;right:0;top:0;bottom:0;max-height:100dvh;width:min(495px,100vw);background:#fff;z-index:100;box-shadow:-24px 0 80px rgba(10,25,50,.16);display:flex;flex-direction:column;overflow-y:auto}
.mgmt-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 28px 22px;border-bottom:1px solid #eaf0f5}.mgmt-drawer-head span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#1b9ac4}.mgmt-drawer-head h2{font-family:Manrope,sans-serif;color:#202f49;font-size:22px;letter-spacing:-.6px;margin:8px 0 0}.mgmt-close{border:1px solid #e8edf4;background:#f7f9fc;border-radius:9px;padding:8px;display:grid;place-items:center;color:#74849b}
.mgmt-drawer-body{display:flex;flex-direction:column;padding:26px 28px;gap:12px}.mgmt-drawer-body>label,.mgmt-operation-select>label{font-size:12px;font-weight:800;color:#354765}
.mgmt-drawer-body>input,.mgmt-drawer-body>select,.mgmt-operation-select select,.mgmt-password-row input{width:100%;min-height:46px;border-radius:9px;border:1px solid #dce6f0;background:#fff;color:#31425d;padding:11px 13px;outline-offset:2px;font-size:12px}
.mgmt-drawer-body input:focus,.mgmt-operation-select select:focus,.mgmt-drawer-body select:focus{border-color:#4ac8e9;outline:3px solid rgba(30,192,230,.14)}
.mgmt-operation-select{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}
.mgmt-identity{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px;border-radius:12px;background:#f8fbfe;border:1px solid #e8eff7;margin-bottom:12px}
.mgmt-identity>span{font-size:11px;color:#8b9bb0}.mgmt-identity strong{font-size:12px;color:#354968}
.mgmt-password-row{display:flex;gap:8px}.mgmt-password-row input{min-width:0;flex:1}.mgmt-secondary{border:1px solid #dbe4ee;border-radius:9px;background:#fff;color:#52718f;padding:10px 13px;font-size:11px;font-weight:800;white-space:nowrap}
.mgmt-secondary:hover{background:#f2f8fc}.mgmt-secondary:disabled{opacity:.45;cursor:not-allowed}
.mgmt-field-help{font-size:11px;color:#899aaf;line-height:1.65}.mgmt-critical{display:flex;gap:11px;border-radius:10px;border:1px solid #f0e1c0;padding:14px;background:#fffbf1;color:#957236;font-size:11px;line-height:1.6}.mgmt-critical svg{flex-shrink:0}
.mgmt-drawer-note{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;padding:14px;border:1px solid #e2eaf3;background:#f8fbfe;border-radius:9px;font-size:11px;color:#77889d;line-height:1.6}.mgmt-drawer-note svg{color:#2895c5;flex-shrink:0}
.mgmt-drawer-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eaf0f5;margin-top:12px;padding-top:20px}.mgmt-drawer-actions .btn{min-height:42px;padding:11px 15px}.mgmt-drawer-actions .btn:disabled{background:#dee8ef;color:#72839d;box-shadow:none}
@media(max-width:1200px){.mgmt-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.mgmt-tools .search-field{width:100%}.mgmt-tools{align-items:flex-start}.mgmt-filters{width:100%}}
@media(max-width:680px){.mgmt-overview{gap:10px}.mgmt-overview>div{padding:16px}.mgmt-overview strong{font-size:25px}.mgmt-banner{flex-wrap:wrap;padding:15px}.mgmt-chip{margin-left:32px}.mgmt-tools{padding:0 16px 18px}.mgmt-filters{justify-content:flex-start}.mgmt-filter{font-size:10px;padding:8px 9px}.mgmt-drawer-head{padding:22px 18px}.mgmt-drawer-body{padding:22px 18px}.mgmt-drawer-actions{flex-wrap:wrap}.mgmt-drawer-actions>button{flex:1}.mgmt-queue-list{padding:0 16px 20px}}

/* Management confirmation styling */
.toast-alert.toast-success{background:#125f67;box-shadow:0 16px 42px rgba(10,110,130,.26)}