:root{
  --nav:#0b1f3a;--nav-soft:#102a4d;--blue:#0b66e4;--blue-dark:#0857c4;--ink:#17233a;--text:#44516a;--muted:#7a879a;--line:#e4e9f0;--line-2:#edf0f4;--bg:#f6f8fb;--white:#fff;--green:#15945c;--red:#cf3f4b;--amber:#b77912;--shadow:0 8px 24px rgba(23,35,58,.06);--radius:14px;--sidebar:244px;--sidebar-collapsed:76px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;flex:0 0 auto}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--nav);color:#dbe6f4;border-right:1px solid rgba(255,255,255,.07);padding:18px 12px 16px;display:flex;flex-direction:column;z-index:40;transition:width .2s ease,transform .2s ease}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:46px;padding:0 7px 12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:34px;height:28px;object-fit:contain}.brand-copy{display:grid;min-width:0;line-height:1.1}.brand-copy strong{font-size:15px;font-weight:650;color:#fff}.brand-copy span{font-size:10px;color:#8fa5bf;margin-top:3px}.sidebar-toggle{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:transparent;color:#b9c8da;display:grid;place-items:center;transition:.15s}.sidebar-toggle:hover{background:rgba(255,255,255,.08);color:#fff}.workspace-chip{margin:7px 3px 13px;padding:10px 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);display:grid;gap:3px;min-width:0}.workspace-chip small{font-size:9px;letter-spacing:.6px;font-weight:600;color:#7f96b2}.workspace-chip b{font-size:11px;font-weight:550;color:#eaf1f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{height:40px;border:0;background:transparent;color:#aebdd0;text-align:left;border-radius:9px;padding:0 11px;font-weight:500;display:flex;align-items:center;gap:11px;transition:.15s;white-space:nowrap}.nav-item .ui-icon{width:18px;height:18px}.nav-label{overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:rgba(255,255,255,.055);color:#eef4fb}.nav-item.active{background:#fff;color:#0b5fd4}.sidebar-foot{margin-top:auto;padding:12px 10px 2px;border-top:1px solid rgba(255,255,255,.08)}.line-label{font-size:9px;color:#7f96b2;margin-bottom:5px}.sidebar-foot a{display:block;color:#eef4fb;font-weight:550;text-decoration:none;font-size:12px}.mini-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#8fa5bf;margin-top:8px}.mini-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .workspace-chip,.app-shell.sidebar-collapsed .sidebar-foot,.app-shell.sidebar-collapsed .nav-label{display:none}.app-shell.sidebar-collapsed .sidebar-head{justify-content:center;padding-left:0;padding-right:0}.app-shell.sidebar-collapsed .brand{display:none}.app-shell.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:0;position:relative}.app-shell.sidebar-collapsed .nav-item:hover::after{content:attr(data-label);position:absolute;left:58px;top:50%;transform:translateY(-50%);padding:6px 8px;border-radius:7px;background:#172a45;color:#fff;font-size:11px;white-space:nowrap;box-shadow:var(--shadow);z-index:60}.main{grid-column:2;min-width:0}.topbar{height:68px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);padding:0 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:25}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.page-kicker{font-size:10px;color:#8a96a8;font-weight:550;margin-bottom:2px}.topbar h1{font-size:19px;line-height:1.2;margin:0;font-weight:620;letter-spacing:-.2px}.top-actions{display:flex;align-items:center;gap:8px}.telephony-pill,.status-select,.profile-btn{height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#4a5a72}.telephony-pill{font-size:11px;font-weight:500}.telephony-pill i,.status-select i{width:7px;height:7px;border-radius:50%;background:#a2acb9}.telephony-pill.ready i,.status-select i{background:var(--green)}.telephony-pill.warn i{background:var(--amber)}.status-select{font-size:11px;font-weight:550}.profile-btn{padding:3px 8px 3px 4px}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eef4fd;color:#0b63dc;font-weight:650}.profile-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:102px}.profile-copy b{font-size:11px;font-weight:600;color:var(--ink)}.profile-copy small{font-size:9px;color:#8a95a6;margin-top:2px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu{display:none}.content{padding:24px 26px 38px;max-width:1600px;margin:0 auto}.loading-card{height:84px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);display:grid;place-items:center;color:var(--muted);font-size:12px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 1px rgba(20,32,50,.015);overflow:hidden}.card-head{min-height:62px;padding:15px 18px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{font-size:14px;margin:0;font-weight:610;color:#1c2940}.card-head p{font-size:10px;color:#8a96a6;margin:4px 0 0;line-height:1.4}.card-body{padding:17px 18px}.grid-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;min-height:106px;box-shadow:0 1px 1px rgba(20,32,50,.015)}.stat-head{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:10px;color:#7d899a;font-weight:550}.stat-icon{width:28px;height:28px;border:1px solid #e6ebf2;border-radius:8px;display:grid;place-items:center;color:#58708e;background:#fafbfd;font-size:14px}.stat-icon .ui-icon{width:14px;height:14px}.stat-value{font-size:25px;font-weight:620;line-height:1;margin-top:14px;letter-spacing:-.4px;color:#13223a}.stat-sub{font-size:9px;color:#96a0af;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px}.platform-summary,.org-overview{display:grid;gap:12px;margin-bottom:14px}.platform-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.org-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px;display:grid;gap:4px}.platform-summary small{font-size:9px;color:#8a95a5;font-weight:550}.platform-summary b{font-size:17px;font-weight:610;color:#18283f}.platform-summary span{font-size:9px;color:#97a0ae}.stat.compact{min-height:auto}.stat.compact .stat-value{font-size:20px;margin-top:8px}.quick-dial{padding:17px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.btn{min-height:36px;border:1px solid #dce2ea;background:#fff;color:#35445d;border-radius:9px;padding:0 12px;font-size:11px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.btn:hover{background:#f8fafc}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-dark)}.btn.danger{color:#b53642;border-color:#ecd4d7;background:#fff}.btn.wide{width:100%}.search{height:38px;min-width:290px;border:1px solid #dfe5ed;border-radius:9px;padding:0 12px;background:#fff;color:var(--ink);outline:none;font-size:11px}.search:focus,input:focus,select:focus,textarea:focus{border-color:#8cb9ef!important;box-shadow:0 0 0 3px rgba(11,102,228,.08);outline:none}.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{font-size:9px;text-transform:none;letter-spacing:.01em;color:#8b96a6;font-weight:600;text-align:left;padding:10px 14px;background:#fbfcfd;border-bottom:1px solid var(--line-2);white-space:nowrap}.data-table td{font-size:10.5px;color:#58667b;padding:11px 14px;border-bottom:1px solid #f0f2f5;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.data-table small{font-size:9px;color:#97a1af}.primary-text{font-weight:560;color:#26364f}.badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:560;background:#f1f3f6;color:#6f7b8d}.badge.online,.badge.completed,.badge.active{background:#eaf7f0;color:#087a4b}.badge.away,.badge.queued,.badge.trial{background:#fff6e4;color:#94620e}.badge.busy,.badge.failed,.badge.suspended{background:#fff0f1;color:#b13742}.badge.inbound,.badge.outbound,.badge.in_progress,.badge.ringing,.badge.super_admin,.badge.admin,.badge.supervisor,.badge.agent{background:#edf4fd;color:#0b5fcf}.empty{min-height:120px;display:grid;place-items:center;align-content:center;gap:5px;padding:24px;text-align:center}.empty b{font-size:12px;font-weight:590;color:#34445d}.empty span{font-size:10px;color:#919ba9;max-width:380px;line-height:1.5}.agent-list{display:grid}.agent-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f5}.agent-row:last-child{border-bottom:0}.agent-avatar{width:31px;height:31px;border-radius:9px;background:#f0f4fa;color:#445978;display:grid;place-items:center;font-size:10px;font-weight:620}.agent-meta{display:grid;gap:2px;min-width:0;flex:1}.agent-meta b{font-size:10.5px;font-weight:580}.agent-meta span{font-size:9px;color:#8b96a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence{width:7px;height:7px;border-radius:50%;background:#9ba5b4}.presence.online{background:var(--green)}.presence.busy{background:var(--red)}.presence.away{background:var(--amber)}.metric-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #f0f2f5}.metric-line:last-child{border-bottom:0}.metric-line span{font-size:10px;color:#7e8999}.metric-line b{font-size:10.5px;font-weight:560;text-align:right}.force-banner{margin-bottom:13px;padding:10px 12px;border:1px solid #eedcae;background:#fffaf0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#705419}
/* Dialer */
.dialer-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;align-items:start}.dialer-main{padding:22px}.dialer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.dialer-heading h2{font-size:18px;font-weight:610;margin:0 0 5px}.dialer-heading p{font-size:10px;color:#8793a4;margin:0}.dialer-status{display:inline-flex;align-items:center;gap:7px;color:#5d6b7f;font-size:10px}.dialer-status i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.dialer-status.ready i{background:var(--green)}.country-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:9px;margin-bottom:9px}.dial-country,.dial-number input{height:46px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#22324a;font-size:13px}.dial-country{padding:0 12px}.dial-number{position:relative}.dial-number input{width:100%;padding:0 13px}.number-caption{font-size:9.5px;color:#8b96a5;margin:2px 0 14px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px}.key{height:48px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;color:#26364e;font-size:15px;font-weight:520;transition:.12s}.key:hover{background:#f7f9fc;border-color:#d8e0e9}.key.backspace{font-size:0}.key.backspace .ui-icon{margin:auto;width:17px;height:17px}.call-btn{width:100%;height:44px;border:0;border-radius:10px;background:#0a9a60;color:#fff;font-size:12px;font-weight:600;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}.call-btn:hover{background:#078452}.call-btn:disabled{opacity:.6;cursor:not-allowed}.provider-note{margin-top:11px;padding:10px 11px;border:1px solid #e5e9ef;border-radius:9px;background:#fafbfd;color:#758197;font-size:9.5px;line-height:1.5}.softphone{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.softphone-head{padding:18px;border-bottom:1px solid var(--line-2)}.softphone-label{font-size:9px;color:#8b96a5;margin-bottom:4px}.softphone-number{font-size:17px;font-weight:600;color:#1e2d44}.softphone-status{font-size:9.5px;color:#7d8999;margin-top:5px;display:flex;align-items:center;gap:6px}.softphone-status i{width:6px;height:6px;border-radius:50%;background:var(--amber)}.softphone-status.ready i{background:var(--green)}.softphone-body{padding:16px 18px}.softphone-section{font-size:9px;color:#8d98a7;margin-bottom:9px}.softphone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.softphone-grid button{height:58px;border-radius:10px;border:1px solid #e3e8ef;background:#fff;color:#53637a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px}.softphone-grid .ui-icon{width:17px;height:17px}.softphone-grid button:hover{background:#f8fafc}.softphone-footer{padding:13px 18px;background:#fbfcfd;border-top:1px solid var(--line-2);font-size:9px;line-height:1.5;color:#8793a4}.caller-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.caller-summary div{border:1px solid #e8ecf1;border-radius:9px;padding:10px}.caller-summary span{display:block;font-size:8.5px;color:#939dab;margin-bottom:4px}.caller-summary b{font-size:10px;font-weight:560;color:#33445c}.quick-dial .country-row{grid-template-columns:150px 1fr}.quick-dial .keypad{max-width:none}.quick-dial .key{height:40px;font-size:13px}
/* Forms / modal */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}.field label{display:grid;gap:6px;font-size:10px;font-weight:550;color:#55637a}.field input,.field select,.field textarea,form>label>input{width:100%;min-height:40px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;padding:9px 11px;color:#28374e;font-size:11px;font-weight:400}.field textarea{min-height:86px;resize:vertical}.hint{font-size:9px;color:#929cab;line-height:1.45;margin-top:5px}.modal-wrap[hidden],.status-menu[hidden]{display:none}.modal-wrap{position:fixed;inset:0;z-index:100;padding:18px;overflow:auto}.modal-backdrop{position:fixed;inset:0;background:rgba(10,20,35,.34)}.modal{position:relative;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;margin:0 auto;background:#fff;border-radius:14px;box-shadow:0 22px 65px rgba(7,20,40,.18);border:1px solid #e1e6ed}.modal-head{min-height:64px;padding:15px 18px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h3{font-size:14px;font-weight:610;margin:0}.modal-head p{font-size:9.5px;color:#8a96a7;margin:4px 0 0}.modal-close{width:31px;height:31px;border:1px solid #e1e6ed;background:#fff;border-radius:8px;color:#738095;font-size:19px;line-height:1}.modal-body{padding:18px}.modal-foot{padding:12px 18px;border-top:1px solid var(--line-2);display:flex;justify-content:flex-end;gap:8px;background:#fbfcfd}.form-section-title{display:grid;gap:2px;margin-bottom:12px}.form-section-title b{font-size:11px;font-weight:600}.form-section-title span{font-size:9px;color:#8b96a5}.form-section-title.divided{margin-top:19px;padding-top:17px;border-top:1px solid #eef1f4}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:5px}.permission-check{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #e4e9f0;border-radius:9px;background:#fff;cursor:pointer}.permission-check input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--blue)}.permission-check span{display:grid;gap:2px}.permission-check b{font-size:9.5px;font-weight:560}.permission-check small{font-size:8px;color:#929cab}.check-line{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e3e8ef;border-radius:9px;background:#fafbfd}.check-line input{width:15px!important;height:15px!important;margin:0!important;accent-color:var(--blue)}
/* Remaining app modules */
.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.queue-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.queue-title h2{font-size:14px;font-weight:600;margin:4px 0}.queue-title p{font-size:9px;color:#8b96a5;margin:0}.eyebrow{font-size:8px;letter-spacing:.08em;color:#8793a4;font-weight:600}.tabs{display:flex;gap:3px;border:1px solid #e1e6ed;border-radius:9px;padding:3px;background:#fff}.tab{height:30px;border:0;background:transparent;border-radius:7px;padding:0 11px;font-size:10px;font-weight:550;color:#68758a}.tab.active{background:#eef4fd;color:#0b5fcf}.org-filter{max-width:230px}.count-pill{font-size:9px;color:#6e7a8d;background:#f3f5f8;border-radius:999px;padding:5px 8px}.actions-cell{white-space:nowrap}.row-action{border:0;background:transparent;color:#0b63dc;font-size:9.5px;font-weight:550;padding:5px 6px;border-radius:6px}.row-action:hover{background:#eef5fd}.danger-text{color:#b23b45}.roles-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.role-list{padding:11px 15px 15px;display:grid;gap:9px}.role-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.role-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.role-card-head>div{display:grid;gap:2px}.role-card-head b{font-size:11px;font-weight:590}.role-card-head span{font-size:8.5px;color:#929baa}.permission-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.permission-tags span{font-size:8.5px;color:#657287;background:#f5f7f9;border-radius:999px;padding:4px 6px}.role-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:8px;padding-top:7px;border-top:1px solid #f0f2f5}.access-line{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #f0f2f5}.access-line:last-child{border:0}.access-line b{font-size:10px;font-weight:580}.access-line span{font-size:9px;line-height:1.45;color:#8893a3}.settings-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.settings-nav{padding:8px;height:max-content}.settings-nav button{width:100%;height:36px;border:0;border-radius:8px;background:transparent;color:#66748a;text-align:left;padding:0 10px;font-size:10px;font-weight:550}.settings-nav button.active{background:#eef4fd;color:#0b5fcf}.split-panel,.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ivr-flow{display:grid;gap:8px}.ivr-node{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e5e9ef;border-radius:9px}.ivr-key{width:30px;height:30px;border-radius:8px;background:#f2f5f9;color:#48607d;display:grid;place-items:center;font-size:10px;font-weight:600}.ivr-node>div{display:grid;gap:2px}.ivr-node b{font-size:10px;font-weight:580}.ivr-node span{font-size:9px;color:#8793a4}.report-chart{height:235px;padding:20px 16px 14px;display:flex;align-items:flex-end;gap:8px;overflow-x:auto}.bar-wrap{height:100%;min-width:28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bar{width:18px;max-height:180px;background:#4c8ee6;border-radius:5px 5px 2px 2px}.bar-label{font-size:8px;color:#8b96a5}.status-menu{position:fixed;right:150px;top:58px;width:150px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 35px rgba(15,30,55,.12);padding:5px;z-index:80}.status-menu button{width:100%;height:34px;border:0;background:#fff;border-radius:7px;text-align:left;padding:0 10px;font-size:10px;color:#4a5a71;display:flex;align-items:center;gap:8px}.status-menu button:hover{background:#f6f8fb}.status-menu i{width:7px;height:7px;border-radius:50%}.s-online{background:var(--green)}.s-busy{background:var(--red)}.s-away{background:var(--amber)}.s-offline{background:#9ca6b4}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:8px}.toast{min-width:250px;max-width:390px;background:#1c2b42;color:#fff;border-radius:10px;padding:11px 13px;font-size:10px;box-shadow:0 12px 32px rgba(14,27,48,.18)}.toast.success{background:#176f4e}.toast.error{background:#a23b43}.drawer-backdrop,.mobile-bottom{display:none}
/* Authentication */
.auth-page{background:#f7f9fc;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 470px}.auth-brand{padding:52px clamp(38px,6vw,86px);display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-right:1px solid var(--line)}.auth-logo-row{display:flex;align-items:center;gap:12px}.auth-logo{width:46px;height:38px;object-fit:contain}.auth-wordmark{display:grid;line-height:1.05}.auth-wordmark strong{font-size:17px;font-weight:630;color:#11223d}.auth-wordmark span{font-size:10px;color:#8793a4;margin-top:4px}.auth-brand-copy{max-width:560px}.auth-brand-copy h1{font-size:34px;line-height:1.16;letter-spacing:-.8px;margin:0 0 14px;font-weight:590;color:#13243e}.auth-brand-copy p{font-size:13px;line-height:1.65;color:#69778c;margin:0;max-width:520px}.auth-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;max-width:560px}.auth-point{border-top:1px solid var(--line);padding-top:12px}.auth-point b{display:block;font-size:10px;font-weight:590;color:#33455f}.auth-point span{display:block;font-size:9px;color:#919baa;margin-top:3px}.auth-number{font-size:10px;color:#8995a6}.auth-number strong{display:block;color:#20334f;font-size:13px;font-weight:580;margin-top:4px}.auth-card{display:grid;place-items:center;padding:34px;background:#f7f9fc}.auth-card-inner{width:min(360px,100%)}.mobile-brand{display:none}.auth-card h2{font-size:22px;font-weight:610;margin:0 0 6px;letter-spacing:-.25px}.auth-card .muted{font-size:11px;color:#7c889a;margin:0 0 22px;line-height:1.5}.auth-card form{display:grid;gap:13px}.auth-card label{display:grid;gap:6px;font-size:10px;font-weight:550;color:#526177}.auth-card label input{width:100%;height:44px;border:1px solid #dce3eb;border-radius:9px;background:#fff;padding:0 12px;font-size:12px;font-weight:400;color:#26364e}.password-wrap{position:relative}.password-wrap input{padding-right:43px!important}.password-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#7c899b;border-radius:8px;display:grid;place-items:center}.password-eye:hover{background:#f3f5f8;color:#44556e}.password-eye .ui-icon{width:17px;height:17px}.auth-row{display:flex;align-items:center;justify-content:flex-end;margin-top:-2px}.auth-link{border:0;background:transparent;color:#0b63dc;font-size:10px;font-weight:550;padding:2px 0}.auth-link:hover{text-decoration:underline}.auth-submit{height:43px;margin-top:2px}.form-error,.form-success{padding:9px 10px;border-radius:8px;font-size:9.5px;line-height:1.45}.form-error{background:#fff1f2;border:1px solid #f1d4d7;color:#9f343d}.form-success{background:#eef8f3;border:1px solid #d5eadf;color:#176b4a}.security-note{font-size:8.5px;color:#9aa3b1;text-align:center;margin-top:15px;line-height:1.5}.auth-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;color:#0b63dc;font-size:10px;margin-bottom:17px}.auth-back .ui-icon{width:14px;height:14px}
@media(max-width:1100px){.grid-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dialer-hero,.report-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{width:auto;white-space:nowrap}.roles-layout{grid-template-columns:1fr}.platform-summary,.org-overview{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr 430px}.auth-brand-copy h1{font-size:29px}}
@media(max-width:780px){body{padding-bottom:61px}.app-shell,.app-shell.sidebar-collapsed{display:block}.sidebar,.app-shell.sidebar-collapsed .sidebar{width:268px;transform:translateX(-105%);padding-top:15px}.sidebar.open{transform:translateX(0)}.app-shell.sidebar-collapsed .brand,.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .workspace-chip,.app-shell.sidebar-collapsed .sidebar-foot,.app-shell.sidebar-collapsed .nav-label{display:flex}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .workspace-chip,.app-shell.sidebar-collapsed .sidebar-foot{display:grid}.app-shell.sidebar-collapsed .sidebar-head{justify-content:space-between}.app-shell.sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 11px}.app-shell.sidebar-collapsed .nav-item:hover::after{display:none}.sidebar-toggle{display:none}.drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(7,18,32,.35);opacity:0;pointer-events:none;transition:.2s;z-index:35}.drawer-backdrop.show{opacity:1;pointer-events:auto}.main{grid-column:auto}.topbar{height:62px;padding:0 13px}.mobile-menu{display:grid;width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;color:#55657b}.topbar h1{font-size:17px}.page-kicker{display:none}.telephony-pill,.status-select,.profile-copy{display:none}.profile-btn{border:0;padding:0}.content{padding:15px 11px 26px}.grid-stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px;min-height:96px}.stat-value{font-size:22px}.dashboard-grid{gap:10px}.card,.stat{border-radius:12px}.card-head,.card-body{padding-left:14px;padding-right:14px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{width:100%;flex-wrap:wrap}.search{min-width:0;width:100%}.form-grid,.split-panel,.queue-grid,.country-row{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:61px;background:#fff;border-top:1px solid var(--line);z-index:32}.mobile-bottom button{border:0;background:#fff;color:#8995a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px}.mobile-bottom .ui-icon{width:18px;height:18px}.mobile-bottom button.active{color:#0b63dc}.toast-wrap{left:11px;right:11px;bottom:72px}.toast{min-width:0}.auth-shell{display:block}.auth-brand{display:none}.auth-card{min-height:100vh;padding:26px 22px;background:#fff}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:42px}.mobile-brand img{width:42px;height:34px;object-fit:contain}.mobile-brand div{display:grid}.mobile-brand b{font-size:14px;font-weight:620}.mobile-brand span{font-size:9px;color:#8a96a6;margin-top:3px}.auth-card-inner{max-width:390px}.status-menu{right:52px;top:52px}.org-filter{max-width:none;width:100%}.caller-summary{grid-template-columns:1fr}.quick-dial .country-row{grid-template-columns:1fr}.softphone-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.grid-stats,.platform-summary,.org-overview{grid-template-columns:1fr 1fr}.content{padding-left:9px;padding-right:9px}.data-table{min-width:650px}.auth-card{padding:24px 18px}.tabs{width:100%;overflow:auto}.modal-wrap{padding:8px}.modal{max-height:calc(100vh - 16px)}.permission-tags{display:none}}