:root{--bg: #f0f2f7;--panel: #ffffff;--text: #111827;--textSecondary: #374151;--muted: #6b7280;--border: #e5e7eb;--borderLight: #f3f4f6;--brand: #b91c1c;--brandLight: #fef2f2;--brandDark: #7f1d1d;--success: #059669;--successLight: #ecfdf5;--warning: #d97706;--warningLight: #fffbeb;--info: #2563eb;--infoLight: #eff6ff;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: .2s cubic-bezier(.4, 0, .2, 1);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;font-size:14px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}:root{--brand: #dc2626;--brandDark: #b91c1c;--brandLight: #fef2f2;--brandGradient: linear-gradient(135deg, #dc2626 0%, #f97316 100%);--bg: #f8fafc;--panel: #ffffff;--border: #e2e8f0;--borderLight: #f1f5f9;--text: #1e293b;--textSecondary: #64748b;--muted: #94a3b8;--success: #059669;--successLight: #ecfdf5;--warning: #d97706;--warningLight: #fffbeb;--info: #0284c7;--infoLight: #f0f9ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--transition: .2s ease;--glassBg: rgba(255, 255, 255, .7);--glassBorder: rgba(255, 255, 255, .5);--glassShadow: rgba(0, 0, 0, .05);--glassInsetText: rgba(255, 255, 255, .5);--bgGradientEnd: #f1f5f9;--orbOpacity: .4;--cardMixColor: rgba(255, 255, 255, .6);--cardMixBase: white;--inputBg: rgba(255, 255, 255, .8);--inputBgFocus: #ffffff;--tableWrapBg: rgba(255, 255, 255, .6);--tableHeaderBg: rgba(255, 255, 255, .85);--tableRowHover: #ffffff;--filterBarBg: rgba(255, 255, 255, .65)}[data-theme=dark]{--bg: #0b0f1a;--panel: #161b2b;--border: #2d3548;--borderLight: #1e2536;--text: #f8fafc;--textSecondary: #94a3b8;--muted: #475569;--glassBg: rgba(15, 23, 42, .7);--glassBorder: rgba(255, 255, 255, .05);--glassShadow: rgba(0, 0, 0, .4);--glassInsetText: rgba(0, 0, 0, .2);--bgGradientEnd: #0b0f1a;--orbOpacity: .25;--cardMixColor: rgba(0, 0, 0, .4);--cardMixBase: rgba(0, 0, 0, .2);--brandLight: rgba(220, 38, 38, .1);--successLight: rgba(5, 150, 105, .1);--warningLight: rgba(217, 119, 6, .1);--infoLight: rgba(2, 132, 199, .1);--inputBg: rgba(30, 41, 59, .5);--inputBgFocus: rgba(30, 41, 59, .8);--tableWrapBg: rgba(30, 41, 59, .4);--tableHeaderBg: rgba(30, 41, 59, .8);--tableRowHover: rgba(255, 255, 255, .03);--filterBarBg: rgba(15, 23, 42, .5);--badge-blue-bg: rgba(30, 64, 175, .2);--badge-blue-text: #60a5fa;--badge-pink-bg: rgba(157, 23, 77, .2);--badge-pink-text: #f472b6;--badge-amber-bg: rgba(146, 64, 14, .2);--badge-amber-text: #fbbf24;--badge-green-bg: rgba(22, 101, 52, .2);--badge-green-text: #4ade80;--badge-red-bg: rgba(153, 27, 27, .2);--badge-red-text: #f87171;--badge-indigo-bg: rgba(55, 48, 163, .2);--badge-indigo-text: #818cf8}.appShell{display:flex;flex-direction:row;min-height:100vh;background:var(--bg);position:relative;overflow:hidden}.appShell:before,.appShell:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none;opacity:var(--orbOpacity);animation:floatOrb 20s infinite alternate ease-in-out}.appShell:before{top:-200px;right:-100px;background:radial-gradient(circle,#dc262666,#f9731600 70%)}.appShell:after{bottom:-200px;left:200px;background:radial-gradient(circle,#3b82f64d,#2563eb00 70%);animation-duration:25s;animation-direction:alternate-reverse}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(-50px,30px) scale(1.1)}to{transform:translate(20px,-40px) scale(.9)}}.content{display:flex;flex-direction:column;background:var(--bg);overflow-y:auto;height:100vh;width:100%;transition:margin-left .3s ease,background .3s ease;z-index:1;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--glassBg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glassBorder);box-shadow:0 4px 20px -10px var(--glassShadow);position:sticky;top:0;z-index:100;flex-shrink:0;transition:all .3s ease}.sidebar{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;box-shadow:4px 0 24px #0000001a;width:280px;z-index:1000;transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s ease;transform:translate(-100%);border-right:1px solid rgba(255,255,255,.05)}.sidebar:hover,.sidebar.sidebarVisible{transform:translate(0)}.sidebar.sidebarFrozen{transform:translate(0)!important}.sidebar.sidebarFrozen:hover{transform:translate(0)}.sidebarTrigger{position:fixed;left:0;top:0;width:20px;height:100vh;z-index:999;cursor:pointer}.sidebarTrigger:hover~.sidebar{transform:translate(0)}.sidebarHeader{display:flex;gap:14px;align-items:center;padding:28px 24px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#0000001a}.brandMark{width:44px;height:44px;border-radius:var(--radius-md);background:var(--brandGradient);box-shadow:0 4px 16px #dc262666;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:18px;flex-shrink:0}.brandMark.big{width:52px;height:52px;font-size:20px;border-radius:var(--radius-lg)}.brandTitle{font-weight:700;font-size:17px;color:#fff;letter-spacing:-.01em;line-height:1.2}.brandSubtitle{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:2px}.nav{display:flex;flex-direction:column;gap:4px;padding:20px 14px;flex:1}.navLink{padding:13px 16px;border-radius:var(--radius-md);color:#ffffffa6;font-size:14px;font-weight:500;transition:all var(--transition);display:flex;align-items:center;gap:12px;border:1px solid transparent}.navLink:hover{background:#ffffff14;color:#fffffff2;transform:translate(4px)}.navLinkActive{background:linear-gradient(135deg,#dc262633,#dc26261a)!important;color:#fff!important;font-weight:600;border:1px solid rgba(220,38,38,.3);box-shadow:0 2px 8px #dc262626}.navIcon{font-size:20px;width:24px;text-align:center;flex-shrink:0}.sidebarFooter{margin-top:auto;padding:20px 24px;border-top:1px solid rgba(255,255,255,.06);background:#0000001a}.sidebarUser{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:var(--radius-md)}.sidebarUserWrapper{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sidebarUserButton{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);color:inherit;cursor:pointer;flex:1;transition:all var(--transition)}.sidebarUserButton:hover{background:#ffffff1a;border-color:#fff3}.sidebarUserAvatar{width:38px;height:38px;border-radius:50%;background:var(--brandGradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}.sidebarUserInfo{flex:1;min-width:0}.sidebarUserName{font-weight:600;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebarUserRole{font-size:11px;color:#ffffff80;text-transform:capitalize}.sidebarLogout{background:none;border:none;color:#ffffff80;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition);font-size:18px}.sidebarLogout:hover{background:#dc262633;color:var(--brand)}.topbarLeft{display:flex;flex-direction:column;gap:0}.pageTitle{font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(to right,#ef4444,#fbbf24,#ef4444);background-size:200% auto;color:#ef4444;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 5s linear infinite;text-shadow:0 0 20px rgba(239,68,68,.1)}.topbarLeft .muted.small{font-size:10px;margin-top:-2px}.main{padding:12px 24px 24px;flex:1;width:100%;background:linear-gradient(180deg,var(--bg) 0%,var(--bgGradientEnd) 100%)}.avatar{width:32px;height:32px;font-size:12px}.topbar header+div{gap:8px!important}.topbar .btnSmall{padding:4px 10px;font-size:11px}.card{background:var(--glassBg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glassBorder);border-radius:var(--radius-xl);padding:24px;box-shadow:0 4px 15px -5px var(--glassShadow),inset 0 2px 4px var(--glassInsetText);display:flex;flex-direction:column;gap:16px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.2,.8,.2,1)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px #00000014,0 0 0 1px #dc26261a,inset 0 2px 4px #fffc}.cardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--borderLight)}.cardTitle{font-weight:700;font-size:16px;letter-spacing:-.01em}.cardDescription{color:var(--muted);font-size:13px;margin-bottom:20px}.smallTitle{font-size:12px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.stack{display:flex;flex-direction:column;gap:24px}.grid2{display:grid;gap:24px;grid-template-columns:1fr 1fr}.grid3{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.grid4{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.muted{color:var(--muted)}.small{font-size:12px}.textSuccess{color:var(--success)}.textWarning{color:var(--warning)}.textBrand{color:var(--brand)}.statCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(10px)}.statCard:nth-child(1){animation-delay:.05s}.statCard:nth-child(2){animation-delay:.1s}.statCard:nth-child(3){animation-delay:.15s}.statCard:nth-child(4){animation-delay:.2s}.statCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brandGradient);opacity:.8;transition:opacity var(--transition),height var(--transition)}.statCard:hover{box-shadow:0 12px 30px -10px #0000001f;transform:translateY(-4px);border-color:#dc262633}.statCard:hover:before{opacity:1;height:6px}.statCardBrand:before{background:var(--brandGradient)}.statCardSuccess:before{background:linear-gradient(135deg,#059669,#10b981)}.statCardInfo:before{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.statCardWarning:before{background:linear-gradient(135deg,#d97706,#f59e0b)}.statLabel{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.statValue{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,var(--text) 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.statMeta{font-size:12px;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px}.statMetaPositive{color:var(--success);font-weight:600}.statMetaNegative{color:var(--brand);font-weight:600}.btn{border:1px solid rgba(226,232,240,.8);background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 5px #00000005}.btn:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.98)}.btnPrimary{border:1px solid rgba(255,255,255,.2);background:var(--brandGradient);color:#fff;font-weight:600;box-shadow:0 4px 12px #dc26264d,inset 0 1px #fff3}.btnPrimary:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);border-color:#ffffff4d;box-shadow:0 6px 20px #dc262666,inset 0 1px #ffffff4d;transform:translateY(-2px)}.btnSmall{padding:7px 14px;font-size:12px}.btnLarge{padding:14px 24px;font-size:15px}.btnDanger{border:1px solid rgba(254,226,226,.5);background:#fef2f2cc;color:var(--brand);font-weight:600}.btnDanger:hover{background:#fee2e2;box-shadow:0 4px 12px #dc262626}.btnSuccess{border:1px solid rgba(209,250,229,.5);background:#ecfdf5cc;color:var(--success);font-weight:600}.btnSuccess:hover{background:#d1fae5;box-shadow:0 4px 12px #05966926}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.errorText{color:var(--brand);background:var(--brandLight);border:1px solid rgba(220,38,38,.2);padding:14px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500}.successText{color:var(--success);background:var(--successLight);border:1px solid rgba(5,150,105,.2);padding:14px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500}.authShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0f172a,#1e293b 40%,#334155);position:relative;overflow:hidden}.authShell:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);pointer-events:none}.authShell:after{content:"";position:absolute;bottom:-40%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(51,65,85,.4) 0%,transparent 70%);pointer-events:none}.authCard{width:100%;max-width:440px;background:var(--glassBg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:0 25px 80px #0006,0 0 0 1px #ffffff1a inset;position:relative;z-index:1;animation:authCardEnter .6s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(20px) scale(.98)}@keyframes authCardEnter{to{opacity:1;transform:translateY(0) scale(1)}}.authHeader{display:flex;gap:16px;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.authHeaderText{display:flex;flex-direction:column;gap:4px}.authTitle{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.authSubtitle{font-size:13px;color:var(--muted)}.form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;font-weight:600;color:var(--textSecondary)}.input{border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-md);padding:14px 16px;font-size:15px;outline:none;transition:all .3s cubic-bezier(.2,.8,.2,1);background:var(--inputBg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%;font-weight:500;color:var(--text);box-shadow:inset 0 2px 4px #00000005}.input:focus{border-color:#dc262666;box-shadow:0 0 0 4px #dc26261a,inset 0 2px 4px #00000005;background:var(--inputBgFocus)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--inputBg) inset!important;-webkit-text-fill-color:var(--text)!important;transition:background-color 5000s ease-in-out 0s}.input::placeholder{color:#9ca3af;font-weight:400}.tableWrap{overflow:auto;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 4px 24px -8px #0000000f,inset 0 2px 4px #fff6;background:var(--tableWrapBg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table th,.table td{padding:16px 20px;border-bottom:1px solid rgba(226,232,240,.5);text-align:left;white-space:nowrap}.table thead th{position:sticky;top:0;background:var(--tableHeaderBg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--textSecondary);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 2px #00000005}.table tbody tr{transition:all .3s cubic-bezier(.2,.8,.2,1);background:transparent;position:relative}.table tbody tr:hover{background:var(--tableRowHover);transform:scale(1.002) translateY(-1px);box-shadow:0 8px 16px -4px #dc262614,inset 4px 0 0 var(--brand);z-index:2;border-radius:4px}.table tbody tr td{transition:color .3s ease;color:var(--text)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.badgeExecutive{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.badgeMarketing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.badgeSales{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.badgeAcademy{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.badgeFinance{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.badgeActive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.badgeInactive{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.loadingDots{display:inline-flex;gap:5px;align-items:center}.loadingDots span{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:dotPulse 1.4s infinite ease-in-out both}.loadingDots span:nth-child(1){animation-delay:-.32s}.loadingDots span:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}.loadingCard{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--muted);gap:12px;font-size:14px}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;padding-bottom:24px;border-bottom:1px solid var(--border)}.pageHeaderTitle{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px;background:linear-gradient(to right,var(--text) 0%,#ef4444 50%,var(--text) 100%);background-size:200% auto;color:var(--text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 6s linear infinite}@keyframes gradientText{to{background-position:200% center}}.pageHeaderSub{color:var(--muted);font-size:14px}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;flex-shrink:0}.avatarBrand{background:var(--brandGradient)}.avatarBlue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.avatarGreen{background:linear-gradient(135deg,#059669,#10b981)}.avatarPurple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.emptyState{text-align:center;padding:60px 40px;color:var(--muted)}.emptyStateIcon{font-size:48px;margin-bottom:16px;opacity:.5}.emptyStateTitle{font-size:18px;font-weight:600;color:var(--textSecondary);margin-bottom:8px}.emptyStateText{font-size:14px;margin-bottom:24px}.actionButtons{display:flex;gap:8px}.actionBtn{padding:6px 10px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font-size:14px;transition:all var(--transition)}.actionBtn:hover{background:var(--borderLight)}.actionBtnEdit:hover{background:var(--infoLight);color:var(--info)}.actionBtnDelete:hover{background:var(--brandLight);color:var(--brand)}@media(max-width:1024px){.sidebar{position:fixed;height:100vh;border-bottom:none}.grid2,.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.main{padding:24px}}@media(max-width:640px){.grid4{grid-template-columns:1fr}.authCard{padding:28px 24px}.pageHeader{flex-direction:column;gap:16px}}.appFooter{text-align:center;padding:16px 24px;color:var(--muted);font-size:11px;border-top:1px solid var(--borderLight);background:var(--bg);line-height:1.6}.dashboardHomePage{padding:0}.dashboardHomeHeader{margin-bottom:40px;text-align:center}.dashboardHomeHeader h1{font-size:32px;font-weight:700;color:var(--text);margin:0 0 8px}.dashboardHomeHeader p{font-size:16px;color:var(--textSecondary);margin:0}.dashboardHomeGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:1200px;margin:0 auto}.dashboardHomeCard{background:var(--glassBg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--glassBorder);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);width:100%;max-width:340px;flex:0 1 340px;box-shadow:0 4px 15px -5px var(--glassShadow)}.dashboardHomeCard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dashboardHomeCardHeader{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(135deg,var(--card-color) 0%,color-mix(in srgb,var(--card-color) 70%,var(--cardMixBase)) 100%);border-bottom:3px solid color-mix(in srgb,var(--card-color) 60%,black)}.dashboardHomeCardIcon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboardHomeCardHeader h2{font-size:18px;font-weight:600;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.15)}.dashboardHomeCardLinks{padding:20px 24px;display:flex;flex-direction:column;gap:10px}.dashboardHomeLink{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:all var(--transition)}.dashboardHomeLink:hover{background:var(--card-color);border-color:var(--card-color);color:#fff;transform:translate(4px)}.dashboardHomeNoLink{text-align:center;color:var(--muted);font-size:14px;font-style:italic;margin:0;padding:12px}.marketingGAEmbed{display:flex;flex-direction:column;gap:12px}.marketingGAEmbed .gaEmbedContainer{border-radius:var(--radius-md);border:1px solid var(--border)}.marketingGAEmbed .cardHeader{padding:12px 16px}.marketingGAEmbed .cardHeader h3{font-size:14px}.marketingGAEmbed .gaEmbedLoading p{font-size:12px}.dashboardPage{display:flex;flex-direction:column;gap:24px;padding:0;max-width:100%}.dashboardHeader{display:flex;align-items:flex-start;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid var(--border);margin-bottom:4px}.dashboardHeader h1{font-size:26px;font-weight:700;color:var(--text);margin:0 0 6px}.headerSubtitle{font-size:14px;color:var(--textSecondary);margin:0}.headerSubtitle span{color:var(--muted);font-weight:400}.dashboardContent{display:flex;flex-direction:column;gap:20px;flex:1}.filterBar{background:var(--filterBarBg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:0 4px 15px -5px #0000000d}.filterRow{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.filterGroup{display:flex;flex-direction:column;gap:6px}.filterGroup label{font-size:12px;font-weight:600;color:var(--textSecondary);text-transform:uppercase;letter-spacing:.04em}.searchGroup{flex:1;min-width:200px}.searchInputWrapper{position:relative;display:flex;align-items:center}.searchIcon{position:absolute;left:12px;font-size:14px;opacity:.5}.searchInputWrapper input{width:100%;padding:10px 12px 10px 40px;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-md);font-size:14px;background:var(--inputBg);transition:all .3s cubic-bezier(.2,.8,.2,1)}.searchInputWrapper input:focus{outline:none;border-color:#dc262680;box-shadow:0 0 0 4px #dc26261a;background:var(--inputBgFocus)}.filterSelect{padding:10px 36px 10px 14px;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-md);font-size:14px;background:var(--inputBg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .3s cubic-bezier(.2,.8,.2,1)}.filterSelect:focus{outline:none;border-color:#dc262680;box-shadow:0 0 0 4px #dc26261a;background:var(--inputBgFocus)}.filterActions{display:flex;gap:10px;margin-left:auto}.filterInput{padding:10px 14px;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-md);font-size:14px;background:var(--inputBg);transition:all .3s cubic-bezier(.2,.8,.2,1);min-width:160px}.filterInput:focus{outline:none;border-color:#dc262680;box-shadow:0 0 0 4px #dc26261a;background:var(--inputBgFocus)}.dateGroup{min-width:150px}.dateGroup input[type=date]{padding:10px 14px;border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-md);font-size:14px;background:var(--inputBg);color:var(--text);font-family:inherit;transition:all .3s cubic-bezier(.2,.8,.2,1)}.dateGroup input[type=date]:focus{outline:none;border-color:#dc262680;box-shadow:0 0 0 4px #dc26261a;background:var(--inputBgFocus)}.clearFiltersBtn{padding:10px 16px;font-size:14px}.loadingState,.errorState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:16px}.errorState{color:var(--brand)}.errorState p{margin:0}.errorState p:last-child{color:var(--muted);font-size:12px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.leadsTableWrapper{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.leadsTable{width:100%;border-collapse:collapse}.leadsTable th{background:var(--bg);padding:14px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--textSecondary);border-bottom:1px solid var(--border)}.leadsTable td{padding:14px 16px;border-bottom:1px solid var(--borderLight);font-size:14px;color:var(--text)}.leadsTable tr:hover td{background:var(--bg)}.leadName{font-weight:600;color:var(--text)}.leadEmail{color:var(--textSecondary);font-size:13px}.leadPhone{font-family:monospace;font-size:13px}.leadStatus{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.leadStatus.new{background:var(--infoLight);color:var(--info)}.leadStatus.contacted{background:var(--warningLight);color:var(--warning)}.leadStatus.qualified{background:var(--successLight);color:var(--success)}.leadStatus.converted{background:var(--brandLight);color:var(--brand)}.leadSource{font-size:13px;padding:4px 10px;background:var(--bg);border-radius:6px}.leadDate{color:var(--textSecondary);font-size:13px}.leadActions{display:flex;gap:8px}.tableContainer{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.sticky-col{position:sticky;left:0;background:var(--panel);z-index:1}.sticky-col:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:var(--border)}.leadsTable tr:hover .sticky-col{background:var(--bg)}.nameCol{min-width:180px;font-weight:500}.leadNotes{font-size:12px;color:var(--textSecondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.dataTable{width:100%;border-collapse:collapse}.dataTable th{background:var(--bg);padding:14px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--textSecondary);border-bottom:1px solid var(--border)}.dataTable td{padding:14px 16px;border-bottom:1px solid var(--borderLight);font-size:14px;color:var(--text);vertical-align:middle}.dataTable tr:hover td{background:var(--bg)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border-top:1px solid var(--border)}.paginationBtn{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);color:var(--text);font-size:14px;cursor:pointer;transition:all var(--transition)}.paginationBtn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationBtn.active{background:var(--brand);border-color:var(--brand);color:#fff}.paginationInfo{font-size:14px;color:var(--textSecondary);padding:0 16px}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.emptyIcon{font-size:64px;margin-bottom:16px;opacity:.6}.emptyState h3{font-size:20px;font-weight:600;color:var(--text);margin:0 0 8px}.emptyState p{font-size:14px;color:var(--textSecondary);margin:0 0 20px}.leadsTable{min-width:900px}.leadsTable th{background:var(--bg);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--textSecondary);padding:14px 16px;border-bottom:2px solid var(--border)}.leadsTable td{padding:14px 16px;border-bottom:1px solid var(--borderLight);vertical-align:middle}.leadsTable tbody tr{transition:background var(--transition)}.leadsTable tbody tr:hover{background:var(--brandLight)}.leadsTable .sticky-col{position:sticky;left:0;background:var(--panel);z-index:1}.leadsTable tbody tr:hover .sticky-col{background:var(--brandLight)}.nameCol{min-width:180px}.leadName{font-weight:600;color:var(--text);font-size:14px}.leadNotes{font-size:12px;color:var(--textSecondary);margin-top:4px;font-style:italic}.leadEmail,.leadPhone{color:var(--brand);text-decoration:none;font-size:13px;transition:color var(--transition)}.leadEmail:hover,.leadPhone:hover{color:var(--brandDark);text-decoration:underline}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badgeSource{background:var(--bg);border:1px solid var(--border);color:var(--textSecondary)}.badgeSource.website,.badgeSource.facebook{background:#dbeafe;border-color:#93c5fd;color:#1e40af}[data-theme=dark] .badgeSource.website,[data-theme=dark] .badgeSource.facebook{background:var(--badge-blue-bg);border-color:transparent;color:var(--badge-blue-text)}.badgeSource.instagram{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}[data-theme=dark] .badgeSource.instagram{background:var(--badge-pink-bg);border-color:transparent;color:var(--badge-pink-text)}.badgeSource.google{background:#fef3c7;border-color:#fcd34d;color:#92400e}[data-theme=dark] .badgeSource.google{background:var(--badge-amber-bg);border-color:transparent;color:var(--badge-amber-text)}.badgeSource.referral{background:#dcfce7;border-color:#86efac;color:#166534}.badgeSource.walk-in{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.regionBadge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:var(--bg);color:var(--textSecondary)}.branchText{font-size:13px;color:var(--text)}.statusBadge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.statusBadge.new{background:#dbeafe;color:#1e40af}.statusBadge.pending{background:#fef3c7;color:#92400e}.statusBadge.qualified{background:#dcfce7;color:#166534}.statusBadge.converted{background:var(--successLight);color:var(--success)}.statusBadge.lost{background:#fef2f2;color:#991b1b}[data-theme=dark] .statusBadge.lost{background:var(--badge-red-bg);color:var(--badge-red-text)}.statusBadge.unknown{background:var(--bg);color:var(--muted)}.dateCol{min-width:100px}.dateMain{font-size:13px;font-weight:500;color:var(--text)}.dateTime{font-size:11px;color:var(--textSecondary);margin-top:2px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;border-top:1px solid var(--border);margin-top:0}.pageInfo{font-size:14px;color:var(--textSecondary);font-weight:500}.pagination .btn{min-width:100px}.headerSubtitle{font-size:14px;color:var(--textSecondary);margin:4px 0 0}@media(max-width:768px){.filterRow{flex-direction:column}.filterGroup{width:100%}.searchGroup{min-width:100%}.clearFiltersBtn{width:100%}}.gaEmbedContainer{position:relative;background:var(--bg);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.gaEmbedIframe{width:100%;border:none;display:block}.gaEmbedLoading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:1}.gaEmbedLoading p{margin-top:12px;color:var(--textSecondary);font-size:14px}.gaEmbedError{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.permissionsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.permissionUserCard{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:left}.permissionUserAvatar{width:48px;height:48px;border-radius:50%;background:var(--brandGradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.permissionUserName{font-weight:600;font-size:15px;color:var(--text);margin-bottom:4px}.permissionUserEmail{font-size:13px;color:var(--textSecondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.permissionUserRole{font-size:12px;color:var(--brand);text-transform:capitalize;font-weight:600}.permissionsTableWrapper{margin-top:20px;overflow:auto}.permissionsTable th,.permissionsTable td{padding:14px 16px;border-bottom:1px solid var(--borderLight);text-align:left}.permissionsTable th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--textSecondary);background:var(--bg)}.permissionDashboard{display:flex;align-items:center;gap:10px}.permissionDashboardIcon{font-size:18px}.permissionStatus{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.permissionStatus.denied{background:var(--brandLight);color:var(--brand)}.permissionSource{font-size:12px;padding:6px 12px;border-radius:20px;font-weight:500}.permissionSource.custom{background:#fef3c7;color:#92400e}.permissionSource.role{background:var(--bg);color:var(--textSecondary);border:1px solid var(--border)}.permissionLegend{margin-top:20px;padding:16px;background:var(--bg);border-radius:var(--radius-md);font-size:13px;color:var(--textSecondary)}.permissionLegend p{margin:0 0 8px}.permissionLegend p:last-child{margin:0}.gaEmbedErrorIcon{font-size:48px;margin-bottom:16px}.gaEmbedError h4{font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px}.gaEmbedError p{font-size:14px;color:var(--textSecondary);margin:0 0 20px;max-width:400px}.cardHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.cardHeader h3{font-size:16px;font-weight:600;color:var(--text);margin:0}.leadsBreakdownPage{padding:0 32px 32px;max-width:1600px;margin:0 auto;text-align:center}.leadsBreakdownPage .pageHeader{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:12px;padding-top:0}.leadsBreakdownPage .pageHeader .backButtonContainer{position:absolute;left:0;top:0}.leadsBreakdownPage .pageHeader .refreshButtonContainer{position:absolute;right:0;top:0}.leadsBreakdownPage .pageHeaderTitle{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:0;background:linear-gradient(to right,#1e293b,#dc2626,#1e293b);background-size:200% auto;color:#1e293b;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 6s linear infinite}.leadsBreakdownPage .pageHeaderSub{font-size:13px;color:var(--textSecondary);margin-bottom:4px}.leadsBreakdownPage .refreshButtonContainer .btnSmall{padding:8px 20px;font-size:14px;font-weight:600}.summaryStats{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;margin-bottom:20px;max-width:1600px;margin-left:auto;margin-right:auto}.leadsBreakdownPage .statCard{background:var(--panel);border-radius:var(--radius-lg);padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow-sm);border:1px solid var(--border);flex:1 1 0;min-width:160px;max-width:240px;transition:transform .2s ease,box-shadow .2s ease}.leadsBreakdownPage .statCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.leadsBreakdownPage .statCardIcon{font-size:22px;line-height:1}.leadsBreakdownPage .statCardContent{text-align:center;width:100%}.leadsBreakdownPage .statCardValue{font-size:20px;font-weight:700;color:var(--stat-color);line-height:1.2}.leadsBreakdownPage .statCardTitle{font-size:11px;font-weight:600;color:var(--text);margin-top:2px}.leadsBreakdownPage .statCardSubtitle{font-size:10px;color:var(--textSecondary);margin-top:2px}.section{margin-bottom:40px;text-align:center}.sectionTitle{font-size:22px;font-weight:700;color:var(--text);margin:0 0 8px}.sectionSubtitle{font-size:14px;color:var(--textSecondary);margin:0 0 24px}.sourcesGrid{display:flex;flex-wrap:nowrap;justify-content:center;gap:16px;max-width:1600px;margin:0 auto 24px}.campaignGrid{display:flex;flex-wrap:nowrap;justify-content:center;gap:16px;margin-top:20px;overflow-x:auto;padding-bottom:12px}.campaignGrid>.card{flex:1 1 0;min-width:280px;max-width:340px}.sourceCard{background:var(--panel);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease;text-align:center;flex:1 1 0;min-width:240px;max-width:340px}.sourceCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--source-color)}.sourceCardHeader{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.sourceCardIcon{font-size:26px}.sourceCardName{font-size:16px;font-weight:600;color:var(--text)}.sourceCardTotal{text-align:center;padding:12px;background:var(--bg);border-radius:var(--radius-md);margin-bottom:12px}.sourceCardTotalValue{font-size:24px;font-weight:700;color:var(--text);display:block}.sourceCardTotalLabel{font-size:12px;color:var(--textSecondary)}.sourceCardStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.sourceStat{text-align:center;padding:8px 4px;background:var(--bg);border-radius:var(--radius-sm)}.sourceStatValue{font-size:15px;font-weight:600;color:var(--text);display:block}.sourceStatLabel{font-size:10px;color:var(--textSecondary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.sourceCardTrend{text-align:center;font-size:13px;font-weight:600;padding:8px;border-radius:var(--radius-sm)}.sourceCardTrend.trendUp{background:var(--successLight);color:var(--success)}.sourceCardTrend.trendDown{background:#fef2f2;color:#dc2626}.regionsGrid{display:flex;flex-wrap:nowrap;justify-content:center;gap:16px;max-width:1600px;margin:0 auto}.regionCard{background:var(--panel);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border);flex:1 1 0;min-width:280px;max-width:400px}.regionCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--region-color)}.regionCardName{font-size:16px;font-weight:600;color:var(--text)}.regionCardTotal{font-size:22px;font-weight:700;color:var(--region-color)}.regionCardBars{display:flex;flex-direction:column;gap:10px}.regionBarItem{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:10px}.regionBarLabel{font-size:12px;color:var(--textSecondary)}.regionBarTrack{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.regionBarFill{height:100%;background:var(--region-color);border-radius:4px;transition:width .3s ease}.regionBarValue{font-size:13px;font-weight:600;color:var(--text);text-align:right}.branchTableWrap{background:var(--panel);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin:0 auto;max-width:1100px}.branchTable{width:100%;border-collapse:collapse}.branchTable th{background:var(--bg);padding:12px 14px;text-align:center;font-size:12px;font-weight:600;color:var(--textSecondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.branchTable td{padding:12px 14px;border-bottom:1px solid var(--borderLight);font-size:14px;color:var(--text);text-align:center}.branchTable tr:last-child td{border-bottom:none}.branchTable tr.rowTop{background:var(--warningLight)}.branchTable tr:hover{background:var(--bg)}.branchTable tr.rowTop:hover{background:var(--warningLight);filter:brightness(.95)}[data-theme=dark] .branchTableWrap{background:#1e2536;border-color:#2d3548}[data-theme=dark] .branchTable th{background:#1e293bcc;border-bottom-color:#2d3548;color:#94a3b8}[data-theme=dark] .branchTable td{border-bottom-color:#1e2536;color:#f1f5f9}[data-theme=dark] .branchTable tr.rowTop{background:#f59e0b26}[data-theme=dark] .branchTable tr.rowTop:hover{background:#f59e0b33}[data-theme=dark] .branchTable tr:hover{background:#ffffff08}[data-theme=dark] .branchName{color:#f8fafc}.branchName{display:flex;justify-content:center;align-items:center;gap:8px;font-weight:600}.rankBadge{background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px}.textRight{text-align:right}.fontBold{font-weight:700}.shareCell{display:flex;align-items:center;gap:8px}.shareBar{width:60px;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.shareFill{height:100%;background:var(--brand);border-radius:3px}.shareValue{font-size:12px;font-weight:600;color:var(--textSecondary);min-width:40px}@media(max-width:1024px){.summaryStats{flex-wrap:wrap}.summaryStats .statCard{flex:1 1 calc(33.33% - 12px)}}@media(max-width:768px){.leadsBreakdownPage{padding:12px}.leadsBreakdownPage .pageHeader{padding-top:40px}.leadsBreakdownPage .pageHeader .backButtonContainer{left:12px;top:0}.leadsBreakdownPage .pageHeader .refreshButtonContainer{right:12px;top:0}.summaryStats{flex-wrap:wrap;gap:8px}.summaryStats .statCard{flex:1 1 calc(50% - 8px);min-width:120px;padding:10px}.sourcesGrid,.regionsGrid,.campaignGrid{flex-wrap:wrap;gap:12px}.sourceCard,.regionCard,.campaignGrid>.card{flex:1 1 100%;max-width:100%}.branchTableWrap{max-width:100%;overflow-x:auto}.branchTable{font-size:12px;min-width:600px}.branchTable th,.branchTable td{padding:8px 10px}}@media(max-width:768px){.appShell{padding:0;margin:0}.content{width:100%;max-width:100%;padding:0;height:auto;min-height:100vh}.main{padding:12px}.topbar{padding:8px 12px}.topbarLeft .pageTitle{font-size:13px}.sidebar{width:280px;transform:translate(-100%);z-index:2000}.sidebar.sidebarVisible{transform:translate(0)}.sidebarTrigger{display:none}.mobileMenuBtn{display:flex!important}.pageHeader{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.pageHeaderTitle{font-size:20px;background:linear-gradient(to right,#1e293b,#dc2626,#1e293b);background-size:200% auto;color:#1e293b;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 6s linear infinite}.pageHeaderSub{font-size:12px}.dashboardHomePage{padding:12px}.dashboardHomeHeader{text-align:center;margin-bottom:20px}.dashboardHomeHeader h1{font-size:20px}.dashboardHomeGrid{display:flex;flex-direction:column;gap:16px;width:100%}.dashboardHomeCard{width:100%;max-width:100%;flex:1 1 auto}.dashboardHomeCardHeader{flex-direction:row;align-items:center;gap:12px;padding:16px}.dashboardHomeCardIcon{font-size:24px}.dashboardHomeCardHeader h2{font-size:16px}.dashboardHomeCardLinks{padding:16px;gap:8px}.dashboardHomeLink{padding:10px 14px;font-size:13px}.card{padding:12px;margin-bottom:12px}.grid2,.grid3,.grid4{display:flex;flex-direction:column;gap:12px}.tableWrap{overflow-x:auto;margin:0 -12px;padding:0 12px;width:calc(100% + 24px)}.table{min-width:600px;font-size:12px}.table th,.table td{padding:8px 10px}.statCard{flex-direction:column;align-items:center;gap:8px;padding:12px}.statCardIcon{font-size:24px}.statCardValue{font-size:22px}.statCardTitle{font-size:12px}.filterBar{padding:12px;margin-bottom:16px}.filterRow{flex-direction:column;gap:12px}.filterGroup,.searchInputWrapper{width:100%}.loginPage{padding:16px;min-height:100vh}}@media(min-width:769px)and (max-width:1024px){.content{padding:20px}.dashboardHomeGrid{grid-template-columns:repeat(2,1fr);gap:20px}.grid2,.grid3,.grid4{grid-template-columns:repeat(2,1fr)}.pageHeader{padding:20px}.pageHeaderTitle{font-size:18px;background:linear-gradient(to right,#1e293b,#dc2626,#1e293b);background-size:200% auto;color:#1e293b;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 6s linear infinite}}@media(max-width:768px){.sidebarTrigger{display:none}}.mobileMenuBtn{display:none;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;border:none;box-shadow:var(--shadow-lg);cursor:pointer;z-index:1500;align-items:center;justify-content:center;font-size:24px;transition:transform var(--transition)}.mobileMenuBtn:hover{transform:scale(1.1)}.mobileMenuBtn:active{transform:scale(.95)}.mobileOverlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1999}.autoHideToggle{width:100%;padding:10px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fffc;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:8px;margin-top:8px}.autoHideToggle:hover{background:#ffffff1f;color:#fffffff2;border-color:#fff3}.toggleIcon{font-size:14px;flex-shrink:0}.toggleText{flex:1;text-align:left}@media(max-width:768px){.mobileOverlay.active{display:block}}@media(min-width:769px){.sidebar{transform:translate(-100%)}.sidebar.sidebarFrozen~.content{margin-left:280px}.sidebar:not(.sidebarFrozen)~.content{margin-left:0}.main{max-width:1600px;margin:0 auto}.mobileMenuBtn,.mobileOverlay{display:none!important}}@media(max-width:768px){.nav{padding:16px;gap:6px}.navLink{padding:12px 14px;font-size:14px}.navIcon{font-size:22px;width:28px}.sidebarHeader{padding:20px 16px}.brandMark{width:40px;height:40px;font-size:16px}.brandTitle{font-size:16px}.sidebarFooter{padding:16px}.sidebarUser{gap:10px}.sidebarUserInfo{flex:1}.sidebarUserName{font-size:14px}.sidebarUserRole{font-size:11px}}@media(max-width:768px)and (orientation:landscape){.content{padding:12px}.dashboardHomeGrid,.grid2{grid-template-columns:repeat(2,1fr)}.sourceCardStats{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.content{padding:10px}.pageHeader{padding:12px}.pageHeaderTitle{font-size:20px}.pageHeaderSub{font-size:12px}.dashboardHomeHeader h1{font-size:20px}.dashboardHomeCard{padding:14px}.card{padding:14px;margin-bottom:12px}.sourceCardStats{grid-template-columns:repeat(2,1fr)}.sourceCardTotalValue{font-size:28px}.statCardValue{font-size:24px}.btn{padding:10px 16px;font-size:13px}.loginCard{padding:20px}.loginHeader h1{font-size:22px}}.profileHeaderCard{display:flex;align-items:center;gap:24px;padding:32px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:var(--radius-xl);margin-bottom:24px;box-shadow:var(--shadow-lg)}.profileAvatarLarge{width:100px;height:100px;border-radius:50%;background:var(--brandGradient);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:36px;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #dc262666}.profileHeaderInfo{flex:1}.profileName{font-size:28px;font-weight:700;color:#fff;margin:0 0 6px}.profileEmail{font-size:14px;color:#ffffffb3;margin:0 0 12px}.profileGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profileCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-sm)}.profileCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.profileCardIcon{font-size:24px}.profileCardHeader h3{font-size:18px;font-weight:700;color:var(--text);margin:0}.profileCardDesc{font-size:14px;color:var(--textSecondary);margin:-12px 0 20px;line-height:1.5}.profileFormGroup{margin-bottom:20px}.profileFormGroup label{display:block;font-size:13px;font-weight:600;color:var(--textSecondary);margin-bottom:8px}.profileInput{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text);background:var(--bg);transition:all var(--transition)}.profileInput:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #dc26261a;background:var(--panel)}.profileInput::placeholder{color:var(--muted)}.profileInputDisabled{background:var(--bg);color:var(--muted);cursor:not-allowed}.profileInputHint{display:block;font-size:12px;color:var(--muted);margin-top:6px}.profileInputHint.passwordHint{color:var(--textSecondary)}.profileAlert{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-bottom:20px}.profileAlertError{background:var(--brandLight);color:var(--brand);border:1px solid rgba(220,38,38,.2)}.profileAlertSuccess{background:var(--successLight);color:var(--success);border:1px solid rgba(5,150,105,.2)}.profileSaveBtn{width:100%;padding:14px 24px;font-size:15px;justify-content:center}.profileSecurityTips{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;margin-top:24px}.profileSecurityTips h4{font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}.profileSecurityTips ul{margin:0;padding:0 0 0 20px}.profileSecurityTips li{font-size:14px;color:var(--textSecondary);margin-bottom:8px;line-height:1.5}.profileSecurityTips li:last-child{margin-bottom:0}@media(max-width:768px){.profileHeaderCard{flex-direction:column;text-align:center;padding:24px}.profileAvatarLarge{width:80px;height:80px;font-size:28px}.profileName{font-size:22px}.profileGrid{grid-template-columns:1fr}.profileCard{padding:20px}}.permissionsSection{margin-bottom:32px}.permissionsSectionHeader{margin-bottom:20px}.permissionsSectionHeader h2{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px}.permissionsSectionHeader p{font-size:14px;color:var(--textSecondary);margin:0}.permissionsUsersGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.permissionUserCard{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--panel);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:left;position:relative}.permissionUserCard:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.permissionUserCard.selected{border-color:var(--brand);background:var(--brandLight);box-shadow:0 4px 16px #dc262626}.permissionUserAvatar{width:48px;height:48px;border-radius:50%;background:var(--brandGradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.permissionUserInfo{flex:1;min-width:0}.permissionUserName{font-weight:600;font-size:15px;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.permissionUserEmail{font-size:13px;color:var(--textSecondary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selectedIndicator{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.permissionsCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.permissionsCardHeader{padding:24px;border-bottom:1px solid var(--border);background:var(--bg)}.permissionsUserSummary{display:flex;align-items:center;gap:16px}.permissionUserAvatarLarge{width:64px;height:64px;border-radius:50%;background:var(--brandGradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #dc26264d}.permissionsUserName{font-weight:700;font-size:18px;color:var(--text);margin-bottom:2px}.permissionsUserEmail{font-size:14px;color:var(--textSecondary);margin-bottom:8px}.permissionsTableWrapper{overflow-x:auto}.permissionsTable{width:100%;border-collapse:collapse}.permissionsTable th{text-align:left;padding:16px 20px;font-size:12px;font-weight:600;color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border)}.permissionsTable td{padding:16px 20px;border-bottom:1px solid var(--borderLight);vertical-align:middle}.permissionsTable tr:last-child td{border-bottom:none}.permissionsTable tr:hover td{background:var(--bg)}.permissionDashboard{display:flex;align-items:center;gap:12px}.permissionDashboardIcon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius-md)}.permissionDashboardName{font-weight:600;font-size:14px;color:var(--text)}.permissionDashboardDesc{font-size:12px;color:var(--textSecondary);margin-top:2px}.permissionStatus{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.permissionStatus.allowed{background:var(--successLight);color:var(--success)}.permissionStatus.denied{background:#fef2f2;color:var(--brand)}.permissionSource{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.permissionSource.custom{background:#f0fdf4;color:#166534}.permissionSource.role{background:var(--panel);color:var(--textSecondary);border:1px solid var(--border)}.permissionActions{display:flex;gap:8px}.permissionLegend{padding:24px;background:var(--bg);border-top:1px solid var(--border)}.permissionLegend h4{font-size:14px;font-weight:700;color:var(--text);margin:0 0 16px}.legendGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.legendItem{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--textSecondary)}.legendNote{font-size:13px;color:var(--textSecondary);padding:12px 16px;background:var(--panel);border-radius:var(--radius-md);border:1px solid var(--border)}.badgeExecutive{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.badgeMarketing{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}.badgeAcademy{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.badgeFinance{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.badgeSales{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.badgeActive{background:var(--successLight);color:var(--success)}.badgeInactive{background:#fef2f2;color:var(--brand)}@media(max-width:768px){.permissionsUsersGrid{grid-template-columns:1fr}.permissionUserCard{padding:14px}.permissionsTable th,.permissionsTable td{padding:12px}.permissionDashboard{flex-direction:column;align-items:flex-start;gap:8px}.permissionActions{flex-direction:column}.permissionActions .btn{width:100%}.legendGrid{grid-template-columns:1fr}}.permissionsHeaderCard{display:flex;align-items:center;justify-content:space-between;padding:24px;background:var(--glassBg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glassBorder);border-radius:var(--radius-xl);margin-bottom:24px;box-shadow:0 4px 15px -5px var(--glassShadow);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.permissionsAvatarLarge{width:72px;height:72px;border-radius:50%;background:var(--brandGradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #dc26264d}.permissionsHeaderInfo{display:flex;flex-direction:column}.permissionsName{font-size:22px;font-weight:700;color:var(--text);margin:0 0 4px}.permissionsEmail{font-size:14px;color:var(--textSecondary);margin:0 0 10px}.permissionsHeaderStats{display:flex;gap:24px}.permissionsStat{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border)}.permissionsStatValue{font-size:24px;font-weight:700;color:var(--success)}.permissionsStatValue.denied{color:var(--brand)}.permissionsStatValue.custom{color:#7c3aed}.permissionsStatLabel{font-size:12px;color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.permissionsGrid{display:grid;grid-template-columns:350px 1fr;gap:24px}.permissionsUserCard{background:var(--glassBg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glassBorder);border-radius:var(--radius-xl);padding:24px;height:fit-content;box-shadow:0 4px 15px -5px var(--glassShadow);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.permissionsUserList{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;margin-top:16px;padding-right:4px}.permissionsUserList::-webkit-scrollbar{width:4px}.permissionsUserList::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.permissionsUserItem{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);text-align:left;color:var(--text)}.permissionsUserItem:hover{border-color:var(--border);background:var(--panel);transform:translate(4px)}.permissionsUserItem.selected{border-color:var(--brand);background:var(--brandLight);box-shadow:0 4px 12px #dc26261a}.permissionsUserItem .permissionsUserAvatar{width:40px;height:40px;font-size:14px;border-radius:50%;background:var(--brandGradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.permissionsUserItem .permissionsUserDetails{flex:1;min-width:0}.permissionsUserItem .permissionsUserName{font-size:14px;font-weight:600;margin-bottom:2px;color:var(--text)}.permissionsUserItem .permissionsUserEmail{font-size:12px;margin-bottom:0;color:var(--textSecondary)}.badgeSmall{font-size:10px;padding:3px 8px}.permissionsDetailCard{background:var(--glassBg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glassBorder);border-radius:var(--radius-xl);padding:24px;box-shadow:0 4px 15px -5px var(--glassShadow);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}.permissionsList{display:flex;flex-direction:column;gap:12px;margin-top:20px}.permissionsListItem{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.permissionsListItem:hover{background:var(--panel);border-color:var(--brand);transform:scale(1.01);box-shadow:0 4px 12px #0000000d}.permissionsListLeft{display:flex;align-items:center;gap:16px}.permissionsListIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);font-size:24px}.permissionsListInfo{display:flex;flex-direction:column}.permissionsListName{font-weight:600;font-size:15px;color:var(--text)}.permissionsListDesc{font-size:13px;color:var(--textSecondary);margin-top:2px}.permissionsListRight{display:flex;align-items:center;gap:12px}.permissionsBadge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.permissionsBadge.allowed{background:var(--successLight);color:var(--success)}.permissionsBadge.denied{background:var(--brandLight);color:var(--brand)}.permissionsSource{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;background:var(--panel);color:var(--textSecondary);border:1px solid var(--border)}.permissionsSource.custom{background:#fef3c7;color:#92400e;border-color:#fcd34d}[data-theme=dark] .permissionsSource.custom{background:#f59e0b1a;color:#fbbf24;border-color:#f59e0b33}.permissionsActions{display:flex;gap:8px}.permissionsSecurityTips{margin-top:24px;padding:24px;background:var(--glassBg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glassBorder);border-radius:var(--radius-xl);box-shadow:0 4px 15px -5px var(--glassShadow);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}.permissionsSecurityTips h4{font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}.permissionsSecurityTips ul{margin:0;padding:0 0 0 20px}.permissionsSecurityTips li{font-size:14px;color:var(--textSecondary);margin-bottom:8px;line-height:1.5}[data-theme=dark] .permissionsHeaderCard,[data-theme=dark] .permissionsUserCard,[data-theme=dark] .permissionsDetailCard,[data-theme=dark] .permissionsSecurityTips{background:#1e293b;border-color:#ffffff1a;box-shadow:0 4px 15px -5px #00000080}[data-theme=dark] .permissionsUserItem{background:#0f172a;border-color:#ffffff1a}[data-theme=dark] .permissionsUserItem:hover{background:#334155;border-color:#fff3}[data-theme=dark] .permissionsUserItem.selected{background:#dc262633;border-color:var(--brand)}[data-theme=dark] .permissionsUserItem .permissionsUserName{color:#f8fafc}[data-theme=dark] .permissionsUserItem .permissionsUserEmail{color:#94a3b8}[data-theme=dark] .permissionsListItem{background:#0f172a;border-color:#ffffff1a}[data-theme=dark] .permissionsListItem:hover{background:#1e293b;border-color:var(--brand)}[data-theme=dark] .permissionsListName{color:#f8fafc}[data-theme=dark] .permissionsListDesc{color:#94a3b8}[data-theme=dark] .permissionsListIcon{background:#1e293b;border-color:#ffffff1a}[data-theme=dark] .permissionsStat{background:#0f172a;border-color:#ffffff1a}[data-theme=dark] .permissionsStatLabel,[data-theme=dark] .cardDescription{color:#94a3b8}[data-theme=dark] .permissionsSecurityTips h4{color:#f8fafc}[data-theme=dark] .permissionsSecurityTips li{color:#94a3b8}[data-theme=dark] .permissionsName{color:#f8fafc}[data-theme=dark] .permissionsEmail{color:#94a3b8}[data-theme=dark] .badgeSmall{background:#ffffff1a;color:#f8fafc}[data-theme=dark] .badgeExecutive,[data-theme=dark] .badge{background:#dc262633;color:#fca5a5}[data-theme=dark] .badgeMarketing{background:#3b82f633;color:#93c5fd}[data-theme=dark] .badgeAcademy{background:#a855f733;color:#d8b4fe}[data-theme=dark] .badgeFinance{background:#22c55e33;color:#86efac}[data-theme=dark] .badgeSales{background:#f9731633;color:#fdba74}[data-theme=dark] .cardTitle{color:#f8fafc}[data-theme=dark] .cardHeader{border-color:#ffffff1a}[data-theme=dark] .headerSubtitle{color:#94a3b8}[data-theme=dark] .pageHeaderTitle{color:#f8fafc}[data-theme=dark] .dashboardHeader{border-color:#ffffff1a}[data-theme=dark] .permissionsAvatarLarge{background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 4px 16px #dc262666}[data-theme=dark] .permissionsUserAvatar{background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 2px 8px #dc26264d}[data-theme=dark] .permissionsBadge.allowed{background:#05966933;color:#6ee7b7}[data-theme=dark] .permissionsBadge.denied{background:#dc262633;color:#fca5a5}[data-theme=dark] .permissionsSource{background:#ffffff0d;color:#94a3b8;border-color:#ffffff1a}[data-theme=dark] .btn{background:#1e293b;border-color:#ffffff1a;color:#f8fafc}[data-theme=dark] .btn:hover{background:#334155}[data-theme=dark] .btnSmall{background:#1e293b;border-color:#ffffff1a;color:#f8fafc}[data-theme=dark] .btnSmall:hover{background:#334155}[data-theme=dark] .btnDanger{background:#dc262633;border-color:#dc26264d;color:#fca5a5}[data-theme=dark] .btnSuccess{background:#05966933;border-color:#0596694d;color:#6ee7b7}[data-theme=dark] .loadingState,[data-theme=dark] .loadingState p{color:#94a3b8}[data-theme=dark] .spinner{border-color:#ffffff1a;border-top-color:var(--brand)}[data-theme=dark] .permissionsPage,[data-theme=dark] .permissionsPage *{color:#f8fafc!important}[data-theme=dark] .permissionsUserName{color:#f8fafc!important;font-weight:600!important}[data-theme=dark] .permissionsUserEmail{color:#94a3b8!important}[data-theme=dark] .permissionsListName{color:#f8fafc!important;font-weight:600!important}[data-theme=dark] .permissionsListDesc,[data-theme=dark] .cardDescription{color:#94a3b8!important}[data-theme=dark] .permissionsSecurityTips,[data-theme=dark] .permissionsSecurityTips *,[data-theme=dark] .permissionsSecurityTips h4{color:#f8fafc!important}[data-theme=dark] .permissionsSecurityTips li,[data-theme=dark] .permissionsSecurityTips ul{color:#94a3b8!important}[data-theme=dark] .permissionsListItem strong,[data-theme=dark] .permissionsHeaderCard,[data-theme=dark] .permissionsHeaderCard *,[data-theme=dark] .permissionsUserCard,[data-theme=dark] .permissionsUserCard *,[data-theme=dark] .permissionsDetailCard,[data-theme=dark] .permissionsDetailCard *,[data-theme=dark] .permissionsStatValue{color:#f8fafc!important}[data-theme=dark] .permissionsStatLabel{color:#94a3b8!important}[data-theme=dark] .permissionsBadge{color:#f8fafc!important}[data-theme=dark] .permissionsSource{color:#94a3b8!important}.modalOverlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg),0 0 0 1px var(--border);display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--borderLight);background:var(--glassBg);position:sticky;top:0;z-index:10}.modalTitle{font-weight:700;font-size:18px;letter-spacing:-.01em}.modalClose{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition);display:flex;align-items:center;justify-content:center}.modalClose:hover{background:var(--brandLight);color:var(--brand)}.modalBody{padding:24px}.permissionsModalUserInfo{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px}.permissionsModalUserAvatar{width:56px;height:56px;border-radius:50%;background:var(--brandGradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #dc262633}.permissionsModalUserDetails{flex:1}.permissionsModalUserName{font-weight:700;font-size:16px;color:var(--text)}.permissionsModalUserEmail{font-size:13px;color:var(--muted);margin-bottom:4px}.permissionsModalUserRole{margin-top:4px}.permissionsModalNote{margin-top:24px;padding:16px;background:var(--warningLight);border:1px solid rgba(217,119,6,.2);border-radius:var(--radius-md);display:flex;gap:12px;font-size:13px;line-height:1.5}.permissionsModalNoteIcon{font-size:18px;flex-shrink:0}.permissionsModalNoteText{color:var(--textSecondary)}.permissionsModalNoteText strong{color:var(--warning)}[data-theme=dark] .modal{background:#1e2536;border-color:#2d3548;box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .permissionsModalUserInfo{background:#1e293b80;border-color:#2d3548}[data-theme=dark] .permissionsModalNote{background:#d977061a;border-color:#d977064d}[data-theme=dark] .permissionsModalNoteText{color:#fbbf24}[data-theme=dark] .permissionsModalUserName{color:#f8fafc}.permissionsNote{margin:16px 0;padding:14px 18px;background:var(--infoLight);border:1px solid var(--info);border-radius:var(--radius-md);font-size:13px;color:var(--text);line-height:1.5}.permissionsNote strong{color:var(--info)}[data-theme=dark] .permissionsNote{background:#0284c726!important;border-color:#38bdf8!important;color:#e0f2fe!important}[data-theme=dark] .permissionsNote strong{color:#38bdf8!important}[data-theme=dark] .permissionsNote,[data-theme=dark] .permissionsNote *{color:#e0f2fe!important;background:#0284c733!important;border-color:#38bdf8!important}[data-theme=dark] .permissionsUserName,[data-theme=dark] .permissionsUserName *{color:#fff!important;text-shadow:none!important}[data-theme=dark] .permissionsUserEmail,[data-theme=dark] .permissionsUserEmail *{color:#94a3b8!important;text-shadow:none!important}[data-theme=dark] .permissionsName,[data-theme=dark] .permissionsName *{color:#fff!important;text-shadow:none!important}[data-theme=dark] .permissionsEmail,[data-theme=dark] .permissionsEmail *{color:#94a3b8!important;text-shadow:none!important}[data-theme=dark] .permissionsListName,[data-theme=dark] .permissionsListName *{color:#fff!important;text-shadow:none!important}[data-theme=dark] .permissionsListDesc,[data-theme=dark] .permissionsListDesc *,[data-theme=dark] .cardDescription,[data-theme=dark] .cardDescription *{color:#94a3b8!important;text-shadow:none!important}[data-theme=dark] .permissionsSecurityTips,[data-theme=dark] .permissionsSecurityTips *{color:#f8fafc!important;text-shadow:none!important}[data-theme=dark] .permissionsStatValue,[data-theme=dark] .permissionsStatValue *{color:#fff!important;text-shadow:none!important}[data-theme=dark] .permissionsStatLabel,[data-theme=dark] .permissionsStatLabel *{color:#94a3b8!important;text-shadow:none!important}[data-theme=dark] .permissionsBadge,[data-theme=dark] .permissionsBadge *{color:#fff!important;text-shadow:none!important}[data-theme=dark] .permissionsSource,[data-theme=dark] .permissionsSource *{color:#94a3b8!important;text-shadow:none!important}[data-theme=dark] .pageHeaderTitle,[data-theme=dark] .pageHeaderTitle *{color:#fff!important;text-shadow:none!important}[data-theme=dark] .headerSubtitle,[data-theme=dark] .headerSubtitle *{color:#94a3b8!important;text-shadow:none!important}[data-theme=dark] .cardTitle,[data-theme=dark] .cardTitle *{color:#fff!important;text-shadow:none!important}