:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#0f172a;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%)}*{box-sizing:border-box}body{margin:0;min-width:1100px;min-height:100vh;background:#0f172a}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}.appShell{min-height:100vh;display:grid;grid-template-columns:236px 1fr;background:radial-gradient(circle at 82% 0%,rgba(139,92,246,.18),transparent 26%),linear-gradient(135deg,#0f172a,#12172b 54%,#171136);transition:grid-template-columns .18s ease}.appShell.sidebarCollapsed{grid-template-columns:76px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:18px 12px;display:flex;flex-direction:column;background:#0f172ad6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f8fafc;border-right:1px solid rgba(148,163,184,.16);transition:padding .18s ease;overflow:hidden}.sidebar.collapsed{padding:18px 10px}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 22px;min-width:0}.brandMark{flex:0 0 auto;width:40px;height:40px;border-radius:5px;display:grid;place-items:center;background:var(--gradient-primary);font-weight:900;box-shadow:0 14px 34px #8b5cf659}.brandText{min-width:0;flex:1}.brand strong{display:block;font-size:15px;font-weight:700;letter-spacing:0;white-space:nowrap}.brand span{display:block;margin-top:2px;color:var(--light);font-size:12px;font-weight:500;white-space:nowrap}.sidebarToggle{flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(148,163,184,.18);border-radius:5px;display:grid;place-items:center;color:#cbd5e1;background:#1e293bb8}.sidebarToggle:hover{color:#fff;border-color:#c4b5fd59;background:#3b82f629}.sidebar.collapsed .brand{justify-content:center;padding-inline:0}.sidebar.collapsed .brandMark{width:42px;height:42px}.sidebar.collapsed .brandText{display:none}.sidebar.collapsed .sidebarToggle{position:absolute;top:56px;right:8px;width:24px;height:24px;border-radius:5px}.nav{display:grid;gap:6px;flex:1;align-content:start;overflow:visible;padding-bottom:12px}.navDashboard,.navGroupButton,.subMenuItem{width:100%;border:0;color:#cbd5e1;background:transparent;text-align:left}.navDashboard,.navGroupButton{min-height:40px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-weight:650;font-size:13px}.navDashboard{justify-content:flex-start;gap:10px}.navLabel,.navChevron{transition:opacity .14s ease}.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{display:flex;align-items:center;gap:10px}.subMenu{padding:5px 0 5px 28px;display:grid;gap:4px}.subMenuItem{min-height:32px;border-radius:5px;padding:0 10px;font-size:12px;font-weight:550}.sidebarAdmin{min-height:58px;padding:8px;display:flex;align-items:center;gap:9px;background:#1e293bc7;border:1px solid rgba(148,163,184,.16);border-radius:5px}.sidebarAdminAvatar{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--gradient-primary);font-size:12px;font-weight:950}.sidebarAdminMeta{min-width:0;flex:1}.sidebarAdminMeta strong,.sidebarAdminMeta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebarAdminMeta strong{color:#f8fafc;font-size:12px;font-weight:950}.sidebarAdminMeta span{margin-top:2px;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase}.sidebarLogout{width:31px;height:31px;flex:0 0 auto;border:1px solid rgba(148,163,184,.18);border-radius:5px;display:grid;place-items:center;background:#0f172aad;color:#cbd5e1}.sidebarLogout:hover{color:#fff;border-color:#f43f5e3d;background:#f43f5e1f}.sidebar.collapsed .sidebarAdmin{min-height:auto;padding:7px;flex-direction:column;justify-content:center}.sidebar.collapsed .sidebarAdminMeta{display:none}.sidebar.collapsed .sidebarLogout{width:34px;height:30px}.main{padding:0 16px 18px;min-width:0}.topbar{position:sticky;top:0;z-index:10;min-height:58px;display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 -16px 12px;padding:7px 16px;background:#0f172ac7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.16)}.themeToggle{width:38px;height:38px;flex:0 0 auto;border-radius:5px;border:1px solid rgba(148,163,184,.18);display:grid;place-items:center;color:#cbd5e1;background:#1e293bb8}.themeToggle:hover{color:#fff;border-color:#c4b5fd57;background:#8b5cf633}.loadingBar{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;background:#94a3b814}.loadingBar:after{content:"";position:absolute;inset:0;width:42%;background:var(--gradient-primary);box-shadow:0 0 18px #8b5cf69e;animation:loadingSweep 1.1s ease-in-out infinite}.eyebrow{margin:0 0 6px;color:var(--purple);font-size:10px;font-weight:750;letter-spacing:.7px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:3px;font-size:16px;font-weight:650;line-height:1.18;letter-spacing:0}.pageSubtitle{margin-bottom:0;color:#94a3b8;font-size:11px;font-weight:500}.topActions{display:flex;align-items:center;gap:10px}.topbar .eyebrow{margin-bottom:2px;font-size:9px}.adminChip{min-height:36px;border-radius:5px;padding:0 13px;display:inline-flex;align-items:center;color:#c4b5fd;background:#8b5cf624;border:1px solid rgba(196,181,253,.2);font-size:12px;font-weight:900}.adminCreateButton{min-height:36px;border:0;border-radius:5px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;background:var(--gradient-primary);color:#fff;font-size:12px;font-weight:900}.adminCreateButton.inline{width:fit-content}.toast{position:fixed;top:18px;right:18px;z-index:80;width:min(380px,calc(100vw - 36px));border-radius:5px;padding:13px 13px 13px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:#0f172af5;border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 44px #02061761;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toast:before{content:"";width:4px;align-self:stretch;border-radius:5px;background:var(--red)}.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{margin-top:4px;color:#cbd5e1;font-size:13px;font-weight:700;line-height:1.35}.toast button{border:0;background:transparent;color:#94a3b8;padding:0;font-size:12px;font-weight:900}.searchBox{width:320px;height:44px;border-radius:5px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#1e293bb8;border:1px solid rgba(148,163,184,.18);color:var(--light)}.searchBox input{width:100%;border:0;outline:0;color:#f8fafc;font-weight:700}.iconButton{width:44px;height:44px;border-radius:5px;border:1px solid rgba(148,163,184,.18);background:#1e293bb8;color:#cbd5e1}.heroPanel{min-height:210px;border-radius:5px;padding:26px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff;background:radial-gradient(circle at 88% 20%,rgba(236,72,153,.32),transparent 28%),linear-gradient(135deg,#0f172a,#1a1040);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 60px #0f172a38}.heroPanel h2{margin-bottom:8px;font-size:28px;font-weight:700;letter-spacing:0}.heroPanel p:not(.eyebrow){max-width:520px;margin-bottom:0;color:#cbd5e1;font-size:13px;font-weight:500}.heroStats{display:grid;grid-template-columns:repeat(3,120px);gap:10px}.heroStats div{border-radius:5px;padding:14px;background:#ffffff17;border:1px solid rgba(255,255,255,.12)}.heroStats strong,.heroStats span{display:block}.heroStats strong{font-size:22px}.heroStats span{margin-top:3px;color:#cbd5e1;font-size:12px;font-weight:700}.metricGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0 24px}.metricCard{min-height:126px;border-radius:5px;padding:16px;background:#1e293bd1;border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 36px #02061738}.metricCard svg{color:var(--purple)}.metricCard span{display:block;margin-top:16px;color:#94a3b8;font-size:13px;font-weight:550}.metricCard strong{display:block;margin-top:5px;font-size:22px;font-weight:700;color:#f8fafc;letter-spacing:0}.sectionHeader{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px}.sectionHeader h3{margin-bottom:0;font-size:15px;font-weight:650;color:#f8fafc}.sectionHeader button{min-height:36px;padding:0 14px;border:0;border-radius:5px;background:var(--gradient-primary);color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:7px}.headerButtonGroup{display:flex;align-items:center;gap:10px}.sectionHeader .secondaryButton{background:#1e293bb8;color:#cbd5e1;border:1px solid rgba(148,163,184,.18)}.tableCard{position:relative;overflow:hidden;border-radius:5px;background:#0f172abd;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 44px #0206173d}.tableCard.isLoading{border-color:#c4b5fd3d}.tableLoadingStrip{position:absolute;top:55px;left:0;right:0;height:2px;z-index:2;overflow:hidden;background:#94a3b814}.tableLoadingStrip:after{content:"";position:absolute;inset:0;width:38%;background:var(--gradient-primary);animation:loadingSweep 1.05s ease-in-out infinite}.tableToolbar{min-height:56px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(148,163,184,.14)}.tableToolbarStart{margin-right:auto;display:flex;align-items:center;min-width:0}.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{margin-top:3px;color:#94a3b8;font-size:11px;font-weight:500}.tableSearch{width:300px;height:40px;border-radius:5px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#1e293bc7;border:1px solid rgba(148,163,184,.16);color:#94a3b8}.tableSearch input{width:100%;border:0;outline:0;background:transparent;color:#f8fafc;font-size:13px;font-weight:500}.tableScroller{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(148,163,184,.12);white-space:nowrap}th{color:#94a3b8;background:#1e293bc2;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}td{color:#e2e8f0;font-size:13px;font-weight:500}.userTableCell{display:flex;align-items:center;gap:11px;min-width:190px}.userTableCell strong,.userTableCell span{display:block}.userTableCell strong{color:#f8fafc;font-size:13px;font-weight:650}.userTableCell span{margin-top:3px;color:#94a3b8;font-size:12px;font-weight:500}.usernameCopyRow{display:inline-flex!important;align-items:center;gap:6px}.usernameCopyRow button{width:22px;height:22px;border:1px solid rgba(148,163,184,.16);border-radius:5px;display:grid;place-items:center;color:#94a3b8;background:#1e293bb3;padding:0}.usernameCopyRow button:hover{color:#fff;border-color:#c4b5fd47;background:#8b5cf62e}.tableAvatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;object-fit:cover;object-position:center;background:#1e293be6;border:2px solid rgba(196,181,253,.62);box-shadow:0 0 0 2px #3b82f633}.tableAvatar.fallback{display:grid;place-items:center;color:#fff;background:var(--gradient-primary);font-size:12px;font-weight:950}tbody tr:hover td{background:#8b5cf60f}.clickableRow{cursor:pointer}.clickableRow:hover td:first-child{color:#c4b5fd}.sortButton{border:0;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:center;gap:6px;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit}.sortButton.disabled{cursor:default}.sortButton:disabled{opacity:.7}tr:last-child td{border-bottom:0}.skeletonRow td{height:54px}.skeletonCell{display:block;width:min(150px,90%);height:14px;border-radius:5px;background:linear-gradient(90deg,#94a3b81f,#c4b5fd3d 42%,#94a3b81f 82%);background-size:220% 100%;animation:shimmer 1.2s ease-in-out infinite}.skeletonRow td:nth-child(2n) .skeletonCell{width:min(110px,75%)}.skeletonRow td:nth-child(3n) .skeletonCell{width:min(86px,62%)}.emptyTableCell{height:94px;text-align:center;color:#94a3b8;font-weight:600}.badge{display:inline-flex;align-items:center;min-height:26px;border-radius:5px;padding:0 10px;color:var(--purple);background:#8b5cf61a;font-size:11px;font-weight:700}.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{color:var(--green);background:#10b9811f}.badge.pending{color:#d97706;background:#f59e0b1f}.tableAction{min-height:30px;border:0;border-radius:5px;background:#8b5cf629;color:#c4b5fd;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.tableAction.iconOnly{width:32px;padding:0;justify-content:center}.paginationBar{min-height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(148,163,184,.12);color:#94a3b8;font-size:12px;font-weight:600}.paginationBar.top{min-height:40px;padding:0;gap:10px;border-top:0}.paginationBar div{display:flex;align-items:center;gap:8px}.paginationBar button{width:34px;height:34px;border-radius:5px;border:1px solid rgba(148,163,184,.18);background:#1e293bc7;color:#cbd5e1;display:grid;place-items:center}.paginationBar button.active{color:#fff;border-color:#c4b5fd6b;background:var(--gradient-primary);box-shadow:0 10px 24px #3b82f638}.paginationEllipsis{width:22px;color:#94a3b8;text-align:center}.paginationBar button:disabled{opacity:.42;cursor:not-allowed}.setupPanel{min-height:118px;border-radius:5px;background:radial-gradient(circle at 92% 20%,rgba(139,92,246,.24),transparent 28%),#1e293bd1;border:1px solid rgba(148,163,184,.16);padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;box-shadow:0 14px 36px #02061738}.setupPanel h3{margin-bottom:6px;font-size:16px;font-weight:650;color:#f8fafc}.setupPanel p:not(.eyebrow){margin-bottom:0;color:#94a3b8;font-size:13px;font-weight:500}.setupPanel button,.settingsCardHeader button{min-height:38px;border:0;border-radius:5px;padding:0 14px;background:var(--gradient-primary);color:#fff;display:inline-flex;align-items:center;gap:7px;font-weight:900}.statusTabs{min-height:42px;border-radius:5px;padding:4px;display:inline-flex;align-items:center;gap:2px;margin-bottom:14px;background:#0f172ab8;border:1px solid rgba(148,163,184,.16)}.statusTabs.inToolbar{margin-bottom:0;flex:0 0 auto}.statusTabs button{min-height:32px;border-radius:5px;border:0;padding:0 12px;display:inline-flex;align-items:center;gap:7px;background:transparent;color:#94a3b8;font-size:12px;font-weight:700;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.statusTabs button.active{color:#fff;background:var(--gradient-primary);box-shadow:0 8px 20px #8b5cf638}.statusTabs strong{min-width:22px;height:20px;border-radius:5px;display:grid;place-items:center;background:#94a3b824;color:inherit;font-size:11px;font-weight:800}.statusTabs button.active strong{background:#ffffff29}.settingsGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.settingsCard{border-radius:5px;background:#1e293bd1;border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 36px #02061738;padding:18px}.settingsCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.settingsCardHeader h3{margin-bottom:5px;font-size:15px;font-weight:650;color:#f8fafc}.settingsCardHeader p{margin-bottom:0;color:#94a3b8;font-size:12px;font-weight:500}.settingsFields{display:grid;gap:13px}.formField{display:grid;gap:7px}.formField>span,.toggleRow>span{color:#cbd5e1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.inputWithSuffix{min-height:44px;border-radius:5px;border:1px solid rgba(148,163,184,.18);background:#0f172ac7;display:flex;align-items:center;overflow:hidden}.inputWithSuffix input,.inputWithSuffix select{width:100%;height:100%;border:0;outline:0;background:transparent;color:#f8fafc;padding:0 13px;font-weight:800}.inputWithSuffix option{color:#0f172a}.inputWithSuffix em{align-self:stretch;display:inline-flex;align-items:center;padding:0 12px;background:#8b5cf62e;color:#c4b5fd;font-size:12px;font-style:normal;font-weight:900}.loginShell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) 440px;gap:0;padding:18px;background:radial-gradient(circle at 78% 12%,rgba(139,92,246,.26),transparent 28%),radial-gradient(circle at 10% 86%,rgba(59,130,246,.22),transparent 30%),linear-gradient(135deg,#0f172a,#12172b 54%,#171136)}.loginVisualPanel{position:relative;min-height:calc(100vh - 36px);overflow:hidden;border-radius:5px;background:#111827}.loginVisualImage{position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1500&q=82) center/cover;filter:saturate(.9);transform:scale(1.02)}.loginVisualOverlay{position:absolute;inset:0;background:linear-gradient(90deg,#0f172ae0,#0f172a61),linear-gradient(0deg,rgba(15,23,42,.72),transparent 55%)}.loginVisualContent{position:relative;z-index:1;min-height:100%;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;gap:22px;max-width:620px}.loginVisualContent h1{max-width:520px;margin-bottom:12px;font-size:36px;font-weight:700;line-height:1.08}.loginVisualContent p:not(.eyebrow){max-width:500px;margin-bottom:0;color:#cbd5e1;font-size:15px;font-weight:500}.loginVisualStats{display:flex;gap:12px}.loginVisualStats div{min-width:136px;border-radius:5px;padding:13px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14)}.loginVisualStats strong,.loginVisualStats span{display:block}.loginVisualStats strong{font-size:21px}.loginVisualStats span{margin-top:4px;color:#cbd5e1;font-size:12px;font-weight:800}.loginPanel{width:100%;min-height:calc(100vh - 36px);border-radius:5px;padding:42px 34px;background:#0f172ad1;border:1px solid rgba(148,163,184,.18);border-left:0;box-shadow:0 28px 80px #0206174d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center}.loginBrand{margin-bottom:28px}.loginBrand h2{margin-bottom:8px;font-size:24px;font-weight:700;letter-spacing:0}.loginBrand p:not(.eyebrow){margin-bottom:0;color:#94a3b8;font-weight:500}.loginForm{display:grid;gap:15px}.loginButton{min-height:44px;border:0;border-radius:5px;background:var(--gradient-primary);color:#fff;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 36px #8b5cf63d}.loginButton:disabled{opacity:.72}.spinIcon{animation:spin .85s linear infinite}.formError,.formSuccess{min-height:38px;border-radius:5px;padding:10px 12px;font-size:13px;font-weight:850}.formError{color:#fecdd3;background:#f43f5e21;border:1px solid rgba(244,63,94,.22)}.tableError{margin-bottom:14px}.formSuccess{color:#bbf7d0;background:#10b9811f;border:1px solid rgba(16,185,129,.2)}.roleInfo{min-height:42px;border-radius:5px;padding:12px;color:#c4b5fd;background:#8b5cf621;border:1px solid rgba(196,181,253,.18);font-size:13px;font-weight:600}.adminAccessCard{min-height:106px;border-radius:5px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#0f172ac7;border:1px solid rgba(148,163,184,.18)}.adminAccessCard span,.adminAccessCard strong,.adminAccessCard em,.adminAccessCard p{display:block}.adminAccessCard span{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.adminAccessCard strong{margin-top:6px;color:#f8fafc;font-size:16px;font-weight:700;line-height:1.15}.adminAccessCard em{width:fit-content;margin-top:7px;border-radius:5px;padding:5px 8px;color:#c4b5fd;background:#8b5cf624;font-size:11px;font-style:normal;font-weight:700}.adminAccessCard p{max-width:240px;margin:0;color:#94a3b8;font-size:13px;font-weight:500;text-align:right}.modalOverlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.adminModal{width:min(540px,100%);border-radius:5px;padding:20px;background:#1e293bf5;border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 80px #02061775}.secondaryModalButton{min-height:36px;border:1px solid rgba(148,163,184,.18);border-radius:5px;padding:0 12px;background:#0f172ac7;color:#cbd5e1;font-weight:900}.toggleRow{min-height:48px;border-radius:5px;background:#0f172ac7;border:1px solid rgba(148,163,184,.18);padding:0 13px;display:flex;align-items:center;justify-content:space-between}.toggleRow input{width:42px;height:22px;accent-color:var(--purple)}.rateEditor{min-height:50px;border-radius:5px;background:#0f172ac7;border:1px solid rgba(148,163,184,.18);padding:8px 10px;display:grid;grid-template-columns:72px 86px 76px 86px 1fr;gap:8px;align-items:center}.rateEditor strong{color:#f8fafc}.rateEditor span{color:#94a3b8;font-size:12px;font-weight:800}.rateEditor input{width:100%;height:34px;border-radius:5px;border:1px solid rgba(148,163,184,.18);color:#f8fafc;background:#1e293bdb;padding:0 10px;font-weight:900}.pageLoader{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.loaderCard{min-height:330px;border-radius:5px;padding:20px;background:#1e293bd1;border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 36px #02061738}.loaderCard .skeletonCell{margin-bottom:16px}.loaderTitle{width:190px;height:20px}.loaderText{width:320px;max-width:75%}.loaderInput{width:100%;height:46px;border-radius:5px}.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{width:28px;height:28px;border-radius:5px}.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{display:grid;gap:16px}.userDetailPage{gap:10px}.backToListButton{width:fit-content;min-height:34px;border:1px solid rgba(148,163,184,.18);border-radius:5px;padding:0 12px;background:#1e293bc7;color:#cbd5e1;display:inline-flex;align-items:center;gap:8px;font-weight:900}.detailHero{min-height:112px;border-radius:5px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 92% 12%,rgba(139,92,246,.3),transparent 30%),linear-gradient(135deg,#1e293bf0,#0f172af0);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 44px #0206173d}.detailHero h2{margin-bottom:5px;font-size:19px;font-weight:650;color:#f8fafc}.detailHero p:not(.eyebrow){max-width:560px;margin-bottom:0;color:#94a3b8;font-size:13px;font-weight:500}.userProfileCard{border-radius:5px;padding:16px;display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);gap:16px;align-items:stretch;background:radial-gradient(circle at 96% 10%,rgba(139,92,246,.28),transparent 30%),linear-gradient(135deg,#1e293bf0,#0f172af0);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 44px #0206173d}.userProfileHeader{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.userProfileIdentity{min-width:0;display:flex;align-items:center;gap:14px}.userProfileIdentity h2{margin-bottom:4px;color:#f8fafc;font-size:20px;font-weight:650;line-height:1.15}.userProfileIdentity span{color:#94a3b8;font-size:13px;font-weight:600}.userProfileAvatar{width:68px;height:68px;flex:0 0 auto;border-radius:50%;object-fit:cover;object-position:center;background:#0f172ae6;border:2px solid rgba(196,181,253,.72);box-shadow:0 0 0 3px #3b82f62e}.userProfileAvatar.fallback{display:grid;place-items:center;color:#fff;background:var(--gradient-primary);font-size:23px;font-weight:950}.userDetailSummary{grid-column:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.userDetailSummary div{min-height:76px;border-radius:5px;padding:10px;background:#0f172a8f;border:1px solid rgba(148,163,184,.13)}.userDetailSummary svg{color:var(--purple)}.userDetailSummary span,.userDetailSummary strong{display:block}.userDetailSummary span{margin-top:7px;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.userDetailSummary strong{margin-top:3px;color:#f8fafc;font-size:18px;font-weight:700;line-height:1.1}.userProfileFields{grid-row:1 / span 2;grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.userProfileFields div{min-height:62px;border-radius:5px;padding:10px 11px;background:#0f172a8f;border:1px solid rgba(148,163,184,.13)}.userProfileFields span,.userProfileFields strong{display:block}.userProfileFields span{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.userProfileFields strong{margin-top:6px;color:#f8fafc;font-size:13px;font-weight:600;line-height:1.25;word-break:break-word}.detailId{min-width:120px;border-radius:5px;padding:12px 14px;background:#8b5cf629;color:#c4b5fd;text-align:center;font-weight:700;border:1px solid rgba(196,181,253,.18)}.detailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.userDetailMetrics{margin:0}.compactMetrics{gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.compactMetricCard{min-height:86px;border-radius:5px;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{display:grid;gap:10px}.tableTabs{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:5px;background:#0f172a9e;border:1px solid rgba(148,163,184,.16)}.tableTabs button{min-height:34px;border:0;border-radius:5px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;color:#94a3b8;background:transparent;font-size:12px;font-weight:650}.tableTabs button.active{color:#fff;background:var(--gradient-primary);box-shadow:0 10px 24px #8b5cf638}.tableTabs strong{min-width:22px;height:22px;border-radius:5px;display:grid;place-items:center;color:inherit;background:#ffffff1f;font-size:11px}.detailField{min-height:66px;border-radius:5px;padding:10px 12px;background:#1e293bd1;border:1px solid rgba(148,163,184,.16)}.detailField span,.detailField strong{display:block}.detailField span{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.detailField strong{margin-top:6px;color:#f8fafc;font-size:14px;font-weight:600;line-height:1.25;word-break:break-word}.streamingPage{display:grid;gap:12px}.streamToolbar{min-height:58px;border-radius:5px;padding:10px 12px;display:flex;align-items:center;gap:14px;background:#0f172abd;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 44px #02061733}.streamToolbar>div:first-child{margin-right:auto}.streamToolbar strong{color:#f8fafc;font-size:14px;font-weight:650}.streamSearch span{display:none}.streamGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.streamCard{min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:5px;padding:10px;display:grid;gap:10px;text-align:left;background:#1e293bd1;box-shadow:0 14px 34px #02061733}.streamCard .streamMeta{display:none}.streamCard:hover{border-color:#c4b5fd52;background:#1e293bf0}.streamPhone{position:relative;width:min(100%,190px);aspect-ratio:9 / 16;justify-self:center;overflow:hidden;border-radius:5px;background:linear-gradient(180deg,#0f172a29,#0f172ad1),#020617;border:1px solid rgba(255,255,255,.12)}.streamPhone img,.streamVideo,.streamPlaceholder{width:100%;height:100%}.streamPhone img,.streamVideo{object-fit:cover;object-position:center;filter:saturate(.9)}.streamVideo{display:block;position:relative;z-index:1;background:#020617}.streamVideoState{position:absolute;inset:0;z-index:2;width:100%;border:0;display:grid;place-items:center;padding:18px;color:#e2e8f0;background:linear-gradient(180deg,#0206176b,#020617bd);font-size:12px;font-weight:800;text-align:center;cursor:pointer}.streamVideoState span,.streamVideoState small{display:block}.streamVideoState small{margin-top:8px;color:#93c5fd;font-size:10px;line-height:1.25}.streamPlayButton{position:absolute;left:50%;top:46%;width:56px;height:56px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--gradient-primary);box-shadow:0 16px 34px #3b82f652;transform:translate(-50%,-50%)}.streamPlayButton:hover{filter:brightness(1.08)}.streamPlaceholder{display:grid;place-items:center;color:#fff;background:var(--gradient-primary);font-size:28px;font-weight:750}.streamOverlay{position:absolute;inset:auto 8px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.streamIdentity{position:absolute;left:8px;right:8px;bottom:8px;border:0;border-radius:5px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left;color:#f8fafc;background:linear-gradient(180deg,#0f172a2e,#0f172ab8)}.streamIdentityText{min-width:0}.streamIdentity strong,.streamIdentityText span{display:block}.streamIdentity strong{font-size:13px;font-weight:800}.streamIdentityText span{margin-top:2px;color:#bfdbfe;font-size:11px;font-weight:600}.streamModePill{min-width:48px;height:24px;border-radius:5px;display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;background:#10b981eb;font-size:10px;font-weight:800}.streamModePill.busy{background:#f43f5eeb}.streamBadge{min-height:24px;border-radius:5px;padding:0 8px;display:inline-flex;align-items:center;color:#fff;background:#10b981eb;font-size:10px;font-weight:750}.streamBadge.busy{background:#f43f5eeb}.streamBadge.offline{background:#64748beb}.streamHint{color:#ffffffc7;font-size:10px;font-weight:550}.streamMeta{display:flex;align-items:center;justify-content:space-between;gap:8px}.streamMeta strong,.streamMeta span{display:block}.streamMeta strong{color:#f8fafc;font-size:13px;font-weight:650}.streamMeta span{margin-top:3px;color:#94a3b8;font-size:11px;font-weight:500}.streamCardLoading{min-height:360px}.streamSkeletonVideo{width:min(100%,190px);height:auto;aspect-ratio:9 / 16;justify-self:center;border-radius:5px}.emptyStreamState{min-height:120px;border-radius:5px;display:grid;place-items:center;color:#94a3b8;background:#0f172abd;border:1px solid rgba(148,163,184,.16);font-weight:600}.appShell.lightTheme{color:#0f172a;background:radial-gradient(circle at 82% 0%,rgba(139,92,246,.12),transparent 26%),linear-gradient(135deg,#f8fafc,#eef4ff 54%,#f4f0ff)}.lightTheme .sidebar,.lightTheme .topbar{background:#ffffffdb;border-color:#0f172a1a;color:#0f172a}.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%,rgba(139,92,246,.14),transparent 28%),linear-gradient(135deg,#fff,#edf4ff);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(180deg,#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:transparent}.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}