:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;--primary:#3b82f6;--purple:#8b5cf6;--lavender:#c4b5fd;--dark:#0f172a;--surface:#1e293b;--border:#e2e8f0;--muted:#64748b;--light:#94a3b8;--green:#10b981;--red:#f43f5e;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);background:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0f172a;min-width:1100px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}.appShell{background:radial-gradient(circle at 82% 0,#8b5cf62e,#0000 26%),linear-gradient(135deg,#0f172a 0%,#12172b 54%,#171136 100%);grid-template-columns:236px 1fr;min-height:100vh;transition:grid-template-columns .18s;display:grid}.appShell.sidebarCollapsed{grid-template-columns:76px 1fr}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f8fafc;background:#0f172ad6;border-right:1px solid #94a3b829;flex-direction:column;height:100vh;padding:18px 12px;transition:padding .18s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{padding:18px 10px}.brand{align-items:center;gap:12px;min-width:0;padding:4px 6px 22px;display:flex}.brandMark{background:var(--gradient-primary);border-radius:5px;flex:none;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 14px 34px #8b5cf659}.brandText{flex:1;min-width:0}.brand strong{letter-spacing:0;white-space:nowrap;font-size:15px;font-weight:700;display:block}.brand span{color:var(--light);white-space:nowrap;margin-top:2px;font-size:12px;font-weight:500;display:block}.sidebarToggle{color:#cbd5e1;background:#1e293bb8;border:1px solid #94a3b82e;border-radius:5px;flex:none;place-items:center;width:30px;height:30px;display:grid}.sidebarToggle:hover{color:#fff;background:#3b82f629;border-color:#c4b5fd59}.sidebar.collapsed .brand{justify-content:center;padding-inline:0}.sidebar.collapsed .brandMark{width:42px;height:42px}.sidebar.collapsed .brandText{display:none}.sidebar.collapsed .sidebarToggle{border-radius:5px;width:24px;height:24px;position:absolute;top:56px;right:8px}.nav{flex:1;align-content:start;gap:6px;padding-bottom:12px;display:grid;overflow:visible}.navDashboard,.navGroupButton,.subMenuItem{color:#cbd5e1;text-align:left;background:0 0;border:0;width:100%}.navDashboard,.navGroupButton{border-radius:5px;justify-content:space-between;align-items:center;min-height:40px;padding:0 10px;font-size:13px;font-weight:650;display:flex}.navDashboard{justify-content:flex-start;gap:10px}.navLabel,.navChevron{transition:opacity .14s}.sidebar.collapsed .navDashboard,.sidebar.collapsed .navGroupButton{justify-content:center;padding:0}.sidebar.collapsed .navDashboard,.sidebar.collapsed .navGroupButton span{gap:0}.sidebar.collapsed .navLabel,.sidebar.collapsed .navChevron,.sidebar.collapsed .subMenu{display:none}.navDashboard.active,.subMenuItem.active{color:#fff;background:linear-gradient(135deg,#3b82f647,#8b5cf63d);box-shadow:inset 0 0 0 1px #c4b5fd2e}.navGroupButton span{align-items:center;gap:10px;display:flex}.subMenu{gap:4px;padding:5px 0 5px 28px;display:grid}.subMenuItem{border-radius:5px;min-height:32px;padding:0 10px;font-size:12px;font-weight:550}.sidebarAdmin{background:#1e293bc7;border:1px solid #94a3b829;border-radius:5px;align-items:center;gap:9px;min-height:58px;padding:8px;display:flex}.sidebarAdminAvatar{color:#fff;background:var(--gradient-primary);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:950;display:grid}.sidebarAdminMeta{flex:1;min-width:0}.sidebarAdminMeta strong,.sidebarAdminMeta span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebarAdminMeta strong{color:#f8fafc;font-size:12px;font-weight:950}.sidebarAdminMeta span{color:#94a3b8;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:900}.sidebarLogout{color:#cbd5e1;background:#0f172aad;border:1px solid #94a3b82e;border-radius:5px;flex:none;place-items:center;width:31px;height:31px;display:grid}.sidebarLogout:hover{color:#fff;background:#f43f5e1f;border-color:#f43f5e3d}.sidebar.collapsed .sidebarAdmin{flex-direction:column;justify-content:center;min-height:auto;padding:7px}.sidebar.collapsed .sidebarAdminMeta{display:none}.sidebar.collapsed .sidebarLogout{width:34px;height:30px}.main{min-width:0;padding:0 16px 18px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border-bottom:1px solid #94a3b829;justify-content:flex-start;align-items:center;gap:12px;min-height:58px;margin:0 -16px 12px;padding:7px 16px;display:flex;position:sticky;top:0}.themeToggle{color:#cbd5e1;background:#1e293bb8;border:1px solid #94a3b82e;border-radius:5px;flex:none;place-items:center;width:38px;height:38px;display:grid}.themeToggle:hover{color:#fff;background:#8b5cf633;border-color:#c4b5fd57}.loadingBar{background:#94a3b814;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.loadingBar:after{content:"";background:var(--gradient-primary);width:42%;animation:1.1s ease-in-out infinite loadingSweep;position:absolute;inset:0;box-shadow:0 0 18px #8b5cf69e}.eyebrow{color:var(--purple);letter-spacing:.7px;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:750}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:3px;font-size:16px;font-weight:650;line-height:1.18}.pageSubtitle{color:#94a3b8;margin-bottom:0;font-size:11px;font-weight:500}.topActions{align-items:center;gap:10px;display:flex}.topbar .eyebrow{margin-bottom:2px;font-size:9px}.adminChip{color:#c4b5fd;background:#8b5cf624;border:1px solid #c4b5fd33;border-radius:5px;align-items:center;min-height:36px;padding:0 13px;font-size:12px;font-weight:900;display:inline-flex}.adminCreateButton{background:var(--gradient-primary);color:#fff;border:0;border-radius:5px;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.adminCreateButton.inline{width:fit-content}.toast{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border:1px solid #94a3b833;border-radius:5px;justify-content:space-between;align-items:flex-start;gap:14px;width:min(380px,100vw - 36px);padding:13px 13px 13px 14px;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 18px 44px #02061761}.toast:before{content:"";background:var(--red);border-radius:5px;align-self:stretch;width:4px}.toast.success:before{background:var(--green)}.toast div{flex:1}.toast strong,.toast span{display:block}.toast strong{color:#f8fafc;font-size:13px;font-weight:950}.toast span{color:#cbd5e1;margin-top:4px;font-size:13px;font-weight:700;line-height:1.35}.toast button{color:#94a3b8;background:0 0;border:0;padding:0;font-size:12px;font-weight:900}.searchBox{width:320px;height:44px;color:var(--light);background:#1e293bb8;border:1px solid #94a3b82e;border-radius:5px;align-items:center;gap:10px;padding:0 14px;display:flex}.searchBox input{color:#f8fafc;border:0;outline:0;width:100%;font-weight:700}.iconButton{color:#cbd5e1;background:#1e293bb8;border:1px solid #94a3b82e;border-radius:5px;width:44px;height:44px}.heroPanel{color:#fff;background:radial-gradient(circle at 88% 20%,#ec489952,#0000 28%),linear-gradient(135deg,#0f172a 0%,#1a1040 100%);border:1px solid #ffffff1a;border-radius:5px;justify-content:space-between;align-items:flex-end;min-height:210px;padding:26px;display:flex;box-shadow:0 22px 60px #0f172a38}.heroPanel h2{letter-spacing:0;margin-bottom:8px;font-size:28px;font-weight:700}.heroPanel p:not(.eyebrow){color:#cbd5e1;max-width:520px;margin-bottom:0;font-size:13px;font-weight:500}.heroStats{grid-template-columns:repeat(3,120px);gap:10px;display:grid}.heroStats div{background:#ffffff17;border:1px solid #ffffff1f;border-radius:5px;padding:14px}.heroStats strong,.heroStats span{display:block}.heroStats strong{font-size:22px}.heroStats span{color:#cbd5e1;margin-top:3px;font-size:12px;font-weight:700}.metricGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0 24px;display:grid}.metricCard{background:#1e293bd1;border:1px solid #94a3b829;border-radius:5px;min-height:126px;padding:16px;box-shadow:0 14px 36px #02061738}.metricCard svg{color:var(--purple)}.metricCard span{color:#94a3b8;margin-top:16px;font-size:13px;font-weight:550;display:block}.metricCard strong{color:#f8fafc;letter-spacing:0;margin-top:5px;font-size:22px;font-weight:700;display:block}.sectionHeader{justify-content:flex-start;align-items:center;margin-bottom:12px;display:flex}.sectionHeader h3{color:#f8fafc;margin-bottom:0;font-size:15px;font-weight:650}.sectionHeader button{background:var(--gradient-primary);color:#fff;border:0;border-radius:5px;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-weight:700;display:inline-flex}.headerButtonGroup{align-items:center;gap:10px;display:flex}.sectionHeader .secondaryButton{color:#cbd5e1;background:#1e293bb8;border:1px solid #94a3b82e}.tableCard{background:#0f172abd;border:1px solid #94a3b829;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 18px 44px #0206173d}.tableCard.isLoading{border-color:#c4b5fd3d}.tableLoadingStrip{z-index:2;background:#94a3b814;height:2px;position:absolute;top:55px;left:0;right:0;overflow:hidden}.tableLoadingStrip:after{content:"";background:var(--gradient-primary);width:38%;animation:1.05s ease-in-out infinite loadingSweep;position:absolute;inset:0}.tableToolbar{border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:9px 12px;display:flex}.tableToolbarStart{align-items:center;min-width:0;margin-right:auto;display:flex}.tableTitleBlock{min-width:150px;margin-right:auto}.tableTitleBlock strong,.tableTitleBlock span{display:block}.tableTitleBlock strong{color:#f8fafc;font-size:14px;font-weight:700}.tableTitleBlock span{color:#94a3b8;margin-top:3px;font-size:11px;font-weight:500}.tableSearch{color:#94a3b8;background:#1e293bc7;border:1px solid #94a3b829;border-radius:5px;align-items:center;gap:9px;width:300px;height:40px;padding:0 12px;display:flex}.tableSearch input{color:#f8fafc;background:0 0;border:0;outline:0;width:100%;font-size:13px;font-weight:500}.tableScroller{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #94a3b81f;padding:14px 16px}th{color:#94a3b8;text-transform:uppercase;letter-spacing:.45px;background:#1e293bc2;font-size:11px;font-weight:700}td{color:#e2e8f0;font-size:13px;font-weight:500}.userTableCell{align-items:center;gap:11px;min-width:190px;display:flex}.userTableCell strong,.userTableCell span{display:block}.userTableCell strong{color:#f8fafc;font-size:13px;font-weight:650}.userTableCell span{color:#94a3b8;margin-top:3px;font-size:12px;font-weight:500}.usernameCopyRow{align-items:center;gap:6px;display:inline-flex!important}.usernameCopyRow button{color:#94a3b8;background:#1e293bb3;border:1px solid #94a3b829;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid}.usernameCopyRow button:hover{color:#fff;background:#8b5cf62e;border-color:#c4b5fd47}.tableAvatar{object-fit:cover;object-position:center;background:#1e293be6;border:2px solid #c4b5fd9e;border-radius:50%;flex:none;width:36px;height:36px;box-shadow:0 0 0 2px #3b82f633}.tableAvatar.fallback{color:#fff;background:var(--gradient-primary);place-items:center;font-size:12px;font-weight:950;display:grid}tbody tr:hover td{background:#8b5cf60f}.clickableRow{cursor:pointer}.clickableRow:hover td:first-child{color:#c4b5fd}.sortButton{color:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.sortButton.disabled{cursor:default}.sortButton:disabled{opacity:.7}tr:last-child td{border-bottom:0}.skeletonRow td{height:54px}.skeletonCell{background:linear-gradient(90deg,#94a3b81f 0%,#c4b5fd3d 42%,#94a3b81f 82%) 0 0/220% 100%;border-radius:5px;width:min(150px,90%);height:14px;animation:1.2s ease-in-out infinite shimmer;display:block}.skeletonRow td:nth-child(2n) .skeletonCell{width:min(110px,75%)}.skeletonRow td:nth-child(3n) .skeletonCell{width:min(86px,62%)}.emptyTableCell{text-align:center;color:#94a3b8;height:94px;font-weight:600}.stackedCell{gap:3px;min-width:0;display:grid}.stackedCell strong,.stackedCell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.stackedCell strong{color:#f8fafc;font-size:13px;font-weight:750}.stackedCell span{color:#94a3b8;font-size:12px;font-weight:600}.badge{min-height:26px;color:var(--purple);background:#8b5cf61a;border-radius:5px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.active,.badge.online{color:var(--green);background:#10b9811f}.badge.inactive,.badge.offline{color:#94a3b8;background:#94a3b81f}.badge.blocked,.badge.busy,.badge.cancelled,.badge.missed,.badge.rejected{color:var(--red);background:#f43f5e1a}.badge.completed,.badge.paid,.badge.approved,.badge.resolved{color:var(--green);background:#10b9811f}.badge.pending,.badge.open,.badge.in_review{color:#d97706;background:#f59e0b1f}.badge.closed{color:#94a3b8;background:#94a3b81f}.tableAction{color:#c4b5fd;background:#8b5cf629;border:0;border-radius:5px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.tableAction.iconOnly{justify-content:center;width:32px;padding:0}.paginationBar{color:#94a3b8;border-top:1px solid #94a3b81f;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.paginationBar.top{border-top:0;gap:10px;min-height:40px;padding:0}.paginationBar div{align-items:center;gap:8px;display:flex}.paginationBar button{color:#cbd5e1;background:#1e293bc7;border:1px solid #94a3b82e;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.paginationBar button.active{color:#fff;background:var(--gradient-primary);border-color:#c4b5fd6b;box-shadow:0 10px 24px #3b82f638}.paginationEllipsis{color:#94a3b8;text-align:center;width:22px}.paginationBar button:disabled{opacity:.42;cursor:not-allowed}.setupPanel{background:radial-gradient(circle at 92% 20%,#8b5cf63d,#0000 28%),#1e293bd1;border:1px solid #94a3b829;border-radius:5px;justify-content:space-between;align-items:center;min-height:118px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 14px 36px #02061738}.setupPanel h3{color:#f8fafc;margin-bottom:6px;font-size:16px;font-weight:650}.setupPanel p:not(.eyebrow){color:#94a3b8;margin-bottom:0;font-size:13px;font-weight:500}.setupPanel button,.settingsCardHeader button{background:var(--gradient-primary);color:#fff;border:0;border-radius:5px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:900;display:inline-flex}.statusTabs{background:#0f172ab8;border:1px solid #94a3b829;border-radius:5px;align-items:center;gap:2px;min-height:42px;margin-bottom:14px;padding:4px;display:inline-flex}.statusTabs.inToolbar{flex:none;margin-bottom:0}.statusTabs button{color:#94a3b8;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.statusTabs button.active{color:#fff;background:var(--gradient-primary);box-shadow:0 8px 20px #8b5cf638}.statusTabs strong{min-width:22px;height:20px;color:inherit;background:#94a3b824;border-radius:5px;place-items:center;font-size:11px;font-weight:800;display:grid}.statusTabs button.active strong{background:#ffffff29}.settingsGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.settingsCard{background:#1e293bd1;border:1px solid #94a3b829;border-radius:5px;padding:18px;box-shadow:0 14px 36px #02061738}.settingsCardHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.settingsCardHeader h3{color:#f8fafc;margin-bottom:5px;font-size:15px;font-weight:650}.settingsCardHeader p{color:#94a3b8;margin-bottom:0;font-size:12px;font-weight:500}.settingsFields{gap:13px;display:grid}.formField{gap:7px;display:grid}.formField>span,.toggleRow>span{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.inputWithSuffix{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:5px;align-items:center;min-height:44px;display:flex;overflow:hidden}.inputWithSuffix input,.inputWithSuffix select{color:#f8fafc;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 13px;font-weight:800}.inputWithSuffix option{color:#0f172a}.inputWithSuffix em{color:#c4b5fd;background:#8b5cf62e;align-self:stretch;align-items:center;padding:0 12px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.loginShell{background:radial-gradient(circle at 78% 12%,#8b5cf642,#0000 28%),radial-gradient(circle at 10% 86%,#3b82f638,#0000 30%),linear-gradient(135deg,#0f172a 0%,#12172b 54%,#171136 100%);grid-template-columns:minmax(0,1.1fr) 440px;gap:0;min-height:100vh;padding:18px;display:grid}.loginVisualPanel{background:#111827;border-radius:5px;min-height:calc(100vh - 36px);position:relative;overflow:hidden}.loginVisualImage{filter:saturate(.9);background:url(https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1500&q=82) 50%/cover;position:absolute;inset:0;transform:scale(1.02)}.loginVisualOverlay{background:linear-gradient(90deg,#0f172ae0,#0f172a61),linear-gradient(#0000 45%,#0f172ab8);position:absolute;inset:0}.loginVisualContent{z-index:1;flex-direction:column;justify-content:flex-end;gap:22px;max-width:620px;min-height:100%;padding:34px;display:flex;position:relative}.loginVisualContent h1{max-width:520px;margin-bottom:12px;font-size:36px;font-weight:700;line-height:1.08}.loginVisualContent p:not(.eyebrow){color:#cbd5e1;max-width:500px;margin-bottom:0;font-size:15px;font-weight:500}.loginVisualStats{gap:12px;display:flex}.loginVisualStats div{background:#ffffff1a;border:1px solid #ffffff24;border-radius:5px;min-width:136px;padding:13px}.loginVisualStats strong,.loginVisualStats span{display:block}.loginVisualStats strong{font-size:21px}.loginVisualStats span{color:#cbd5e1;margin-top:4px;font-size:12px;font-weight:800}.loginPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ad1;border:1px solid #94a3b82e;border-left:0;border-radius:5px;flex-direction:column;justify-content:center;width:100%;min-height:calc(100vh - 36px);padding:42px 34px;display:flex;box-shadow:0 28px 80px #0206174d}.loginBrand{margin-bottom:28px}.loginBrand h2{letter-spacing:0;margin-bottom:8px;font-size:24px;font-weight:700}.loginBrand p:not(.eyebrow){color:#94a3b8;margin-bottom:0;font-weight:500}.loginForm{gap:15px;display:grid}.loginButton{background:var(--gradient-primary);color:#fff;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:950;display:inline-flex;box-shadow:0 16px 36px #8b5cf63d}.loginButton:disabled{opacity:.72}.spinIcon{animation:.85s linear infinite spin}.formError,.formSuccess{border-radius:5px;min-height:38px;padding:10px 12px;font-size:13px;font-weight:850}.formError{color:#fecdd3;background:#f43f5e21;border:1px solid #f43f5e38}.tableError{margin-bottom:14px}.formSuccess{color:#bbf7d0;background:#10b9811f;border:1px solid #10b98133}.roleInfo{color:#c4b5fd;background:#8b5cf621;border:1px solid #c4b5fd2e;border-radius:5px;min-height:42px;padding:12px;font-size:13px;font-weight:600}.adminAccessCard{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;min-height:106px;padding:14px;display:flex}.adminAccessCard span,.adminAccessCard strong,.adminAccessCard em,.adminAccessCard p{display:block}.adminAccessCard span{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:700}.adminAccessCard strong{color:#f8fafc;margin-top:6px;font-size:16px;font-weight:700;line-height:1.15}.adminAccessCard em{color:#c4b5fd;background:#8b5cf624;border-radius:5px;width:fit-content;margin-top:7px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:700}.adminAccessCard p{color:#94a3b8;text-align:right;max-width:240px;margin:0;font-size:13px;font-weight:500}.modalOverlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.adminModal{background:#1e293bf5;border:1px solid #94a3b82e;border-radius:5px;width:min(540px,100%);padding:20px;box-shadow:0 28px 80px #02061775}.secondaryModalButton{color:#cbd5e1;background:#0f172ac7;border:1px solid #94a3b82e;border-radius:5px;min-height:36px;padding:0 12px;font-weight:900}.toggleRow{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:5px;justify-content:space-between;align-items:center;min-height:48px;padding:0 13px;display:flex}.toggleRow input{width:42px;height:22px;accent-color:var(--purple)}.rateEditor{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:5px;grid-template-columns:72px 86px 76px 86px 1fr;align-items:center;gap:8px;min-height:50px;padding:8px 10px;display:grid}.rateEditor strong{color:#f8fafc}.rateEditor span{color:#94a3b8;font-size:12px;font-weight:800}.rateEditor input{color:#f8fafc;background:#1e293bdb;border:1px solid #94a3b82e;border-radius:5px;width:100%;height:34px;padding:0 10px;font-weight:900}.pageLoader{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.loaderCard{background:#1e293bd1;border:1px solid #94a3b829;border-radius:5px;min-height:330px;padding:20px;box-shadow:0 14px 36px #02061738}.loaderCard .skeletonCell{margin-bottom:16px}.loaderTitle{width:190px;height:20px}.loaderText{width:320px;max-width:75%}.loaderInput{border-radius:5px;width:100%;height:46px}.loaderInput.short{width:64%}.loaderText.short{width:240px;max-width:54%}.heroPanelLoading .heroStats .skeletonCell{margin:0 auto}.dashboardStatNumber{width:84px;height:28px;margin-bottom:12px!important}.dashboardStatLabel{width:130px}.metricCardLoading{justify-content:flex-start}.metricIconSkeleton{border-radius:5px;width:28px;height:28px}.metricLabelSkeleton{width:72%;margin-top:18px}.metricValueSkeleton{width:46%;height:24px;margin-top:12px}@keyframes loadingSweep{0%{transform:translate(-110%)}to{transform:translate(260%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.detailPage{gap:16px;display:grid}.userDetailPage{gap:10px}.backToListButton{color:#cbd5e1;background:#1e293bc7;border:1px solid #94a3b82e;border-radius:5px;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:0 12px;font-weight:900;display:inline-flex}.detailHero{background:radial-gradient(circle at 92% 12%,#8b5cf64d,#0000 30%),linear-gradient(135deg,#1e293bf0,#0f172af0);border:1px solid #94a3b829;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;min-height:112px;padding:16px 18px;display:flex;box-shadow:0 18px 44px #0206173d}.detailHero h2{color:#f8fafc;margin-bottom:5px;font-size:19px;font-weight:650}.detailHero p:not(.eyebrow){color:#94a3b8;max-width:560px;margin-bottom:0;font-size:13px;font-weight:500}.userProfileCard{background:radial-gradient(circle at 96% 10%,#8b5cf647,#0000 30%),linear-gradient(135deg,#1e293bf0,#0f172af0);border:1px solid #94a3b829;border-radius:5px;grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:16px;padding:16px;display:grid;box-shadow:0 18px 44px #0206173d}.userProfileHeader{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.userProfileIdentity{align-items:center;gap:14px;min-width:0;display:flex}.userProfileIdentity h2{color:#f8fafc;margin-bottom:4px;font-size:20px;font-weight:650;line-height:1.15}.userProfileIdentity span{color:#94a3b8;font-size:13px;font-weight:600}.userProfileAvatar{object-fit:cover;object-position:center;background:#0f172ae6;border:2px solid #c4b5fdb8;border-radius:50%;flex:none;width:68px;height:68px;box-shadow:0 0 0 3px #3b82f62e}.userProfileAvatar.fallback{color:#fff;background:var(--gradient-primary);place-items:center;font-size:23px;font-weight:950;display:grid}.userDetailSummary{grid-column:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.userDetailSummary div{background:#0f172a8f;border:1px solid #94a3b821;border-radius:5px;min-height:76px;padding:10px}.userDetailSummary svg{color:var(--purple)}.userDetailSummary span,.userDetailSummary strong{display:block}.userDetailSummary span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:7px;font-size:11px;font-weight:700}.userDetailSummary strong{color:#f8fafc;margin-top:3px;font-size:18px;font-weight:700;line-height:1.1}.userProfileFields{grid-area:1/2/span 2;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.userProfileFields div{background:#0f172a8f;border:1px solid #94a3b821;border-radius:5px;min-height:62px;padding:10px 11px}.userProfileFields span,.userProfileFields strong{display:block}.userProfileFields span{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:700}.userProfileFields strong{color:#f8fafc;word-break:break-word;margin-top:6px;font-size:13px;font-weight:600;line-height:1.25}.detailId{color:#c4b5fd;text-align:center;background:#8b5cf629;border:1px solid #c4b5fd2e;border-radius:5px;min-width:120px;padding:12px 14px;font-weight:700}.detailGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.userDetailMetrics{margin:0}.compactMetrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.compactMetricCard{border-radius:5px;min-height:86px;padding:11px 12px}.compactMetricCard span{margin-top:8px;font-size:12px}.compactMetricCard strong{margin-top:2px;font-size:21px}.compactDetailGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.detailTableStack,.detailTableTabs{gap:10px;display:grid}.tableTabs{background:#0f172a9e;border:1px solid #94a3b829;border-radius:5px;align-items:center;gap:8px;width:fit-content;padding:4px;display:inline-flex}.tableTabs button{color:#94a3b8;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.tableTabs button.active{color:#fff;background:var(--gradient-primary);box-shadow:0 10px 24px #8b5cf638}.tableTabs strong{min-width:22px;height:22px;color:inherit;background:#ffffff1f;border-radius:5px;place-items:center;font-size:11px;display:grid}.detailField{background:#1e293bd1;border:1px solid #94a3b829;border-radius:5px;min-height:66px;padding:10px 12px}.detailField span,.detailField strong{display:block}.detailField span{color:#94a3b8;letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:700}.detailField strong{color:#f8fafc;word-break:break-word;margin-top:6px;font-size:14px;font-weight:600;line-height:1.25}.streamingPage{gap:14px;display:grid}.streamToolbar{background:linear-gradient(135deg,#0f172aeb,#1e293bd1),#0f172ac7;border:1px solid #94a3b82e;border-radius:8px;align-items:center;gap:14px;min-height:64px;padding:12px 14px;display:flex;box-shadow:0 18px 44px #0206173d}.streamToolbar>div:first-child{margin-right:auto}.streamToolbar strong{color:#f8fafc;font-size:14px;font-weight:650}.streamSearch span{display:none}.streamGrid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px;display:grid}.streamCard{text-align:left;background:radial-gradient(circle at 50% 0,#8b5cf62e,#0000 38%),linear-gradient(#1e293bf0,#0f172af0);border:1px solid #94a3b82e;border-radius:24px;gap:14px;min-width:0;padding:14px;display:grid;box-shadow:0 18px 40px #02061742}.streamCard .streamMeta{display:flex}.streamCard:hover{border-color:#c4b5fd6b;transform:translateY(-1px)}.streamCardPlaying{border-color:#22c55e5c;box-shadow:0 18px 40px #02061747,0 0 0 1px #22c55e1a}.streamPhone{aspect-ratio:9/18.6;background:radial-gradient(circle at 50% 6%,#94a3b829,#0000 20%),linear-gradient(#0f172a1f,#0f172ae0),#020617;border:8px solid #0f172a;border-radius:28px;outline:1px solid #ffffff1f;justify-self:center;width:min(100%,206px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 34px #02061757}.streamPhone:before{content:"";z-index:5;background:#e2e8f03d;border-radius:999px;width:54px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.streamPhoneTop{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:18px;left:12px;right:12px}.streamStatusChip{color:#fff;text-transform:uppercase;background:#10b981e6;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:10px;font-weight:850;display:inline-flex;box-shadow:0 8px 20px #0206173d}.streamPhoneStatusDot{background:#22c55e;border:3px solid #ffffffd1;border-radius:50%;width:16px;height:16px;box-shadow:0 8px 18px #02061747}.streamPhoneStatusDot.busy{background:#f43f5e}.streamPhoneStatusDot.offline{background:#64748b}.streamStatusChip.busy{background:#f43f5eeb}.streamStatusChip.offline{background:#64748be0}.streamPhoneDots{background:#0f172a85;border-radius:999px;align-items:end;gap:2px;height:18px;padding:5px 7px;display:inline-flex}.streamPhoneDots i{background:#e2e8f0;border-radius:999px;width:3px}.streamPhoneDots i:first-child{height:5px}.streamPhoneDots i:nth-child(2){height:8px}.streamPhoneDots i:nth-child(3){height:11px}.streamPhone img,.streamVideo,.streamPlaceholder{width:100%;height:100%}.streamPhone img,.streamVideo{object-fit:cover;object-position:center;filter:saturate(.96)contrast(1.02)}.streamVideo{z-index:1;background:#020617;display:block;position:relative}.streamVideoState{z-index:2;color:#e2e8f0;text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 40%,#4f46e547,#0000 34%),linear-gradient(#02061775,#020617d1);border:0;place-items:center;width:100%;padding:78px 18px 86px;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.streamVideoState span,.streamVideoState small{display:block}.streamVideoState small{color:#93c5fd;margin-top:8px;font-size:10px;line-height:1.25}.streamRefreshButton{z-index:4;color:#fff;cursor:pointer;background:#0f172ab8;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:46px;right:12px;box-shadow:0 10px 24px #02061747}.streamRefreshButton:hover{background:#4f46e5c7;border-color:#c4b5fd80}.streamPlayButton{z-index:3;color:#fff;background:var(--gradient-primary);border:0;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 34px #3b82f657,0 0 0 10px #ffffff1f}.streamPlayButton:hover{filter:brightness(1.08)}.streamPlayButton:disabled,.streamPlayButton.disabled{cursor:not-allowed;color:#ffffffbd;box-shadow:none;filter:grayscale(.18);background:#f43f5edb}.streamPlayButton:disabled:hover{filter:grayscale(.18)}.streamPlaceholder{color:#fff;background:radial-gradient(circle at 50% 30%, #ffffff38, transparent 22%), var(--gradient-primary);place-items:center;font-size:28px;font-weight:750;display:grid}.streamPhone:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#02061738,#0000 22% 58%,#020617ad),linear-gradient(90deg,#ffffff14,#0000 10% 90%,#ffffff0d);position:absolute;inset:0}.streamOverlay{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset:auto 8px 8px}.streamIdentity{z-index:4;text-align:left;color:#f8fafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(#0f172a7a,#0f172ad6),#0f172a94;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:8px;padding:9px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 12px 26px #02061747}.streamIdentityText{min-width:0}.streamIdentity strong,.streamIdentityText span{display:block}.streamIdentity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.streamIdentityText span{color:#bfdbfe;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:700;overflow:hidden}.streamModePill{color:#fff;background:#10b981eb;border-radius:999px;flex:none;place-items:center;min-width:46px;height:26px;font-size:10px;font-weight:800;display:inline-grid}.streamModePill.busy{background:#f43f5eeb}.streamBadge{color:#fff;background:#10b981eb;border-radius:5px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:750;display:inline-flex}.streamBadge.busy{background:#f43f5eeb}.streamBadge.offline{background:#64748beb}.streamHint{color:#ffffffc7;font-size:10px;font-weight:550}.streamMeta{color:#f8fafc;text-align:left;background:linear-gradient(135deg,#0f172adb,#1e293bc7),#0f172ab8;border:1px solid #94a3b829;border-radius:20px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff0f}.streamMeta:hover{background:linear-gradient(135deg,#1e293beb,#334155c7),#0f172abd;border-color:#c4b5fd57}.streamMetaAvatar{color:#fff;background:var(--gradient-primary);border-radius:14px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid;box-shadow:0 10px 22px #3b82f633}.streamMetaText{flex:1;min-width:0}.streamMeta strong,.streamMetaText span{display:block}.streamMeta strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.streamMetaText span{color:#bfdbfe;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:700;overflow:hidden}.streamMeta .streamModePill{flex:none;min-width:58px;height:28px}.streamCardLoading{min-height:360px}.streamSkeletonVideo{aspect-ratio:9/18.6;border-radius:28px;justify-self:center;width:min(100%,206px);height:auto}.emptyStreamState{color:#94a3b8;background:#0f172abd;border:1px solid #94a3b829;border-radius:5px;place-items:center;min-height:120px;font-weight:600;display:grid}.appShell.lightTheme{color:#0f172a;background:radial-gradient(circle at 82% 0,#8b5cf61f,#0000 26%),linear-gradient(135deg,#f8fafc 0%,#eef4ff 54%,#f4f0ff 100%)}.lightTheme .sidebar,.lightTheme .topbar{color:#0f172a;background:#ffffffdb;border-color:#0f172a1a}.lightTheme .brand strong,.lightTheme h1,.lightTheme h2,.lightTheme h3,.lightTheme .sectionHeader h3,.lightTheme .tableTitleBlock strong,.lightTheme td,.lightTheme .userTableCell strong,.lightTheme .rateEditor strong,.lightTheme .settingsCardHeader h3,.lightTheme .loginBrand h2,.lightTheme .detailHero h2,.lightTheme .userProfileIdentity h2,.lightTheme .metricCard strong,.lightTheme .detailField strong,.lightTheme .userProfileFields strong,.lightTheme .userDetailSummary strong,.lightTheme .sidebarAdminMeta strong{color:#0f172a}.lightTheme .brand span,.lightTheme .pageSubtitle,.lightTheme .heroPanel p:not(.eyebrow),.lightTheme .heroStats span,.lightTheme .metricCard span,.lightTheme .settingsCardHeader p,.lightTheme .setupPanel p:not(.eyebrow),.lightTheme .formField>span,.lightTheme .toggleRow>span,.lightTheme .tableTitleBlock span,.lightTheme .userTableCell span,.lightTheme .detailHero p:not(.eyebrow),.lightTheme .detailField span,.lightTheme .userProfileIdentity span,.lightTheme .userProfileFields span,.lightTheme .userDetailSummary span,.lightTheme .sidebarAdminMeta span,.lightTheme .adminAccessCard span,.lightTheme .adminAccessCard p,.lightTheme th{color:#64748b}.lightTheme .tableCard,.lightTheme .metricCard,.lightTheme .settingsCard,.lightTheme .setupPanel,.lightTheme .detailHero,.lightTheme .detailField,.lightTheme .userProfileCard,.lightTheme .loaderCard,.lightTheme .adminModal,.lightTheme .streamToolbar,.lightTheme .streamCard,.lightTheme .emptyStreamState{background:#ffffffd6;border-color:#0f172a1a;box-shadow:0 16px 40px #0f172a14}.lightTheme .heroPanel{color:#0f172a;background:radial-gradient(circle at 88% 20%,#8b5cf624,#0000 28%),linear-gradient(135deg,#fff 0%,#edf4ff 100%);border-color:#0f172a1a;box-shadow:0 18px 44px #0f172a14}.lightTheme .streamToolbar strong,.lightTheme .streamMeta strong{color:#0f172a}.lightTheme .streamMeta span,.lightTheme .emptyStreamState{color:#64748b}.lightTheme .streamPhone{background:linear-gradient(#f8fafc1a,#0f172a94),#e2e8f0;border-color:#0f172a1a}.lightTheme .heroStats div,.lightTheme .userDetailSummary div,.lightTheme .userProfileFields div,.lightTheme .toggleRow,.lightTheme .inputWithSuffix,.lightTheme .rateEditor,.lightTheme .adminAccessCard,.lightTheme .sidebarAdmin,.lightTheme .roleInfo{background:#f8fafceb;border-color:#0f172a1a}.lightTheme .navDashboard,.lightTheme .navGroupButton,.lightTheme .subMenuItem,.lightTheme .themeToggle,.lightTheme .iconButton,.lightTheme .backToListButton,.lightTheme .secondaryModalButton,.lightTheme .sidebarLogout{color:#475569;background:#f1f5f9e0;border-color:#0f172a1a}.lightTheme .navDashboard.active,.lightTheme .subMenuItem.active{color:#1e293b;background:linear-gradient(135deg,#3b82f629,#8b5cf629)}.lightTheme .themeToggle:hover,.lightTheme .sidebarLogout:hover,.lightTheme .secondaryModalButton:hover{color:#0f172a;background:#e2e8f0eb}.lightTheme .tableToolbar,.lightTheme th,.lightTheme td,.lightTheme .paginationBar{border-color:#0f172a14}.lightTheme th{background:#f1f5f9f2}.lightTheme tbody tr:hover td{background:#8b5cf614}.lightTheme .tableSearch,.lightTheme .searchBox,.lightTheme .paginationBar button,.lightTheme .tableTabs,.lightTheme .usernameCopyRow button{color:#64748b;background:#f8fafceb;border-color:#0f172a1a}.lightTheme .statusTabs{background:#e2e8f0b8;border-color:#0f172a1a}.lightTheme .statusTabs button{color:#64748b;background:0 0}.lightTheme .statusTabs button.active{color:#fff;background:var(--gradient-primary)}.lightTheme .tableSearch input,.lightTheme .searchBox input,.lightTheme .inputWithSuffix input,.lightTheme .inputWithSuffix select,.lightTheme .rateEditor input{color:#0f172a}.lightTheme .badge.inactive,.lightTheme .badge.offline{color:#475569;background:#64748b1f}.lightTheme .toast{background:#fffffff5;border-color:#0f172a1a;box-shadow:0 18px 44px #0f172a24}.lightTheme .toast strong{color:#0f172a}.lightTheme .toast span,.lightTheme .toast button{color:#64748b}.lightTheme .modalOverlay{background:#0f172a52}