@custom-variant dark (&:is(.dark*));:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#82181a;--destructive-foreground:#fb2c36;--border:#262626;--input:#262626;--ring:#525252;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#262626;--sidebar-ring:#525252}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(2.75381% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(2.75381% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(55.4814% 75.0732 48.8528);--border:lab(15.204% 0 -.00000596046);--input:lab(15.204% 0 -.00000596046);--ring:lab(34.924% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.204% 0 -.00000596046);--sidebar-ring:lab(34.924% 0 0)}}@theme inline{  --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring);}@layer base{@apply border-border outline-ring/50;@apply bg-background text-foreground;}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Segoe UI,Arial,sans-serif}.login-container{background:#f8f8ff;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite backgroundMove;position:absolute;top:-50%;left:-50%}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-form-wrapper{z-index:1;width:100%;max-width:450px;position:relative}.company-header{text-align:center;margin-bottom:30px}.company-logo{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;animation:3s ease-in-out infinite logoFloat;display:flex;box-shadow:0 8px 24px #1976d266}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.company-name{color:#fff;text-shadow:2px 2px 4px #0003;letter-spacing:1px;font-size:42px;font-weight:700}.company-subtitle{color:#ffffffe6;margin:0;font-size:16px;font-weight:400}.login-card{overflow:hidden;background:#fff!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important}.card-content{padding:40px!important}.card-title{text-align:center;color:#1a1a1a!important;margin-bottom:8px!important;font-size:28px!important;font-weight:600!important}.card-subtitle{text-align:center;color:#666!important;margin-bottom:30px!important;font-size:14px!important}.login-form{flex-direction:column;gap:24px;display:flex}.input-field{margin-bottom:0!important}.input-field .MuiOutlinedInput-root{background-color:#f8f9fa;border-radius:12px;transition:all .3s}.input-field .MuiOutlinedInput-root:hover{background-color:#f0f1f3}.input-field .MuiOutlinedInput-root.Mui-focused{background-color:#fff;box-shadow:0 0 0 3px #1976d21a}.input-field .MuiOutlinedInput-notchedOutline{border-color:#e0e0e0;transition:border-color .3s}.input-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#bdbdbd}.input-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px;border-color:#1976d2}.input-field .MuiInputLabel-root{color:#666;font-weight:500}.input-field .MuiInputLabel-root.Mui-focused{color:#1976d2;font-weight:600}.submit-button{text-transform:none!important;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)!important;border-radius:12px!important;height:50px!important;margin-top:8px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 14px #1976d266!important}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1976d280!important}.submit-button:active{transform:translateY(0)}.submit-button:disabled{box-shadow:none!important;background:#ccc!important}.support-section{border-top:1px solid #e0e0e0;justify-content:center;align-items:center;gap:12px;margin-top:30px;padding-top:30px;display:flex}.support-icon{background-color:#1976d21a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.support-info{flex-direction:column;gap:2px;display:flex}.support-label{color:#666;font-size:12px;font-weight:400}.support-number{color:#1976d2;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.support-number:hover{color:#1565c0;text-decoration:underline}.footer-text{text-align:center;color:#000;margin-top:24px;font-size:13px;font-weight:400}@media (max-width:600px){.card-content{padding:30px 24px!important}.company-name{font-size:36px}.company-logo{width:70px;height:70px}.login-form{gap:20px}}.company-list-container{min-height:100vh;margin:0;padding:0}.company-header-section{margin-bottom:30px}.header-content{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.header-icon{color:#fff;filter:drop-shadow(0 4px 8px #0000004d);font-size:52px!important}.header-title{text-shadow:2px 2px 8px #0000004d;letter-spacing:-.5px;color:#fff!important;margin:0!important;font-weight:800!important}.header-subtitle{color:#fffffff2!important;margin-top:6px!important;font-size:15px!important}.refresh-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;background:#ffffff26!important;border:1px solid #fff3!important;transition:all .3s!important}.refresh-button:hover{transform:rotate(180deg);background:#ffffff40!important}.filters-card{background:linear-gradient(135deg,#fff 0%,#f8f9ff 100%)!important;border:1px solid #667eea1a!important;border-radius:20px!important;margin-bottom:24px!important;box-shadow:0 10px 40px #00000026!important}.filters-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.filters-title{color:#1e293b!important;font-size:18px!important;font-weight:700!important}.clear-filters-btn{color:#667eea!important;background:#667eea1a!important;transition:all .2s!important}.clear-filters-btn:hover{transform:scale(1.05);background:#667eea33!important}.filter-field .MuiOutlinedInput-root{background:#fff;transition:all .2s;border-radius:12px!important}.filter-field .MuiOutlinedInput-root:hover{box-shadow:0 4px 12px #667eea26}.filter-field .MuiOutlinedInput-root.Mui-focused{box-shadow:0 4px 16px #667eea40}.filter-field .MuiInputLabel-root{color:#64748b!important;font-weight:600!important}.filter-field .MuiInputLabel-root.Mui-focused{color:#667eea!important}.filter-summary{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-top:20px;padding:16px}.filter-summary-text{color:#fff!important;font-size:14px!important;font-weight:500!important}.table-card{overflow:hidden;background:#fff!important;border-radius:20px!important;box-shadow:0 10px 40px #00000026!important}.table-card-content{padding:0!important}.loading-text{color:#64748b!important;font-size:16px!important;font-weight:600!important}.error-alert{border-radius:16px!important;margin:32px!important;font-weight:500!important}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:100px 20px;display:flex}.empty-icon{color:#cbd5e1;font-size:100px!important}.empty-title{color:#1e293b!important;font-weight:700!important}.empty-subtitle{color:#64748b!important;font-size:15px!important}.table-container{box-shadow:none!important;border-radius:0!important}.table-header-row{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.table-header-cell{letter-spacing:1px;color:#fff!important;border-bottom:none!important;padding:24px 20px!important;font-size:13px!important;font-weight:800!important}.table-body-row{cursor:pointer;transition:all .2s}.table-body-row:hover{background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);transform:scale(1.001)}.table-cell{border-bottom:1px solid #e2e8f0!important;padding:20px!important}.cell-id{color:#667eea!important;font-size:14px!important;font-weight:800!important}.company-name{color:#1e293b!important;font-size:15px!important;font-weight:700!important}.admin-info-cell{flex-direction:column;gap:6px;display:flex}.admin-name{color:#334155!important;font-size:14px!important;font-weight:600!important}.admin-email{color:#64748b!important;font-size:12px!important}.contact-text{color:#475569!important;font-size:14px!important;font-weight:500!important}.package-chip{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-radius:8px!important;padding:4px 2px!important;font-size:12px!important;font-weight:700!important}.users-count{text-align:center;color:#667eea!important;font-size:16px!important;font-weight:700!important}.date-text{color:#475569!important;font-size:13px!important;font-weight:500!important}.status-chip{text-transform:uppercase;letter-spacing:.5px;border-radius:8px!important;padding:2px!important;font-size:11px!important;font-weight:700!important}@media (max-width:1200px){.table-container{overflow-x:auto}}@media (max-width:768px){.company-list-container{padding:20px 12px}.header-content{flex-direction:column;align-items:flex-start;gap:20px}.header-title{font-size:26px!important}.header-icon{font-size:40px!important}.filters-card{margin-bottom:20px!important}}.btn{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:14px;transition:background-color .2s,transform .1s}.btn-view{color:#fff;background-color:#1976d2}.btn-view:hover{background-color:#1565c0}.btn-edit{color:#fff;background-color:#2e7d32}.btn-edit:hover{background-color:#1b5e20}.btn:active{transform:scale(.97)}.users-list-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.users-header-section{margin-bottom:30px}.header-content{background:#fffffff2;border-radius:20px;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 10px 30px #0003}.header-title-section{align-items:center;gap:15px;display:flex}.back-button{color:#667eea!important;background:#667eea1a!important;transition:all .3s!important}.back-button:hover{transform:translate(-5px);background:#667eea33!important}.header-icon{color:#667eea;font-size:48px!important}.header-title{color:#333;margin:0!important;font-weight:700!important}.header-subtitle{color:#666!important;margin-top:4px!important}.refresh-button{width:48px;height:48px;color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;transition:all .3s!important}.refresh-button:hover{transform:rotate(180deg);box-shadow:0 4px 15px #667eea66}.users-search-card{margin-bottom:30px;background:#fffffff2!important;border-radius:20px!important;box-shadow:0 10px 30px #0003!important}.search-field .MuiOutlinedInput-root{background:#f8f9fa;border-radius:12px;transition:all .3s}.search-field .MuiOutlinedInput-root:hover{background:#fff}.users-stats{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;padding:10px}.stats-number{color:#fff!important;margin:0!important;font-weight:700!important}.stats-label{color:#ffffffe6!important;margin-top:4px!important}.users-content-card{background:#fffffff2!important;border-radius:20px!important;box-shadow:0 10px 30px #0003!important}.users-card-content{padding:30px!important}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:60px 20px;display:flex}.loading-spinner{color:#667eea!important}.loading-text{color:#666;font-size:1.1rem!important}.error-alert{border-radius:12px!important}.empty-state{text-align:center;padding:60px 20px}.empty-icon{color:#ccc;margin-bottom:20px;font-size:80px!important}.empty-title{color:#333;margin-bottom:8px!important;font-weight:600!important}.empty-subtitle{color:#666!important}.user-card-wrapper{border:2px solid #0000;overflow:hidden;background:#fff!important;border-radius:16px!important;transition:all .3s!important}.user-card-wrapper:hover{border-color:#667eea;transform:translateY(-8px);box-shadow:0 12px 24px #667eea4d!important}.user-card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex;position:relative}.user-avatar-large{border:3px solid #fff;box-shadow:0 4px 12px #0003;background:#ffffff4d!important;width:70px!important;height:70px!important;font-size:1.8rem!important}.admin-badge-icon{background:#fff;border-radius:50%;padding:4px;color:#667eea!important;font-size:18px!important}.user-header-info{text-align:center}.user-name-title{color:#fff!important;margin:0!important;font-weight:600!important}.user-username-text{color:#ffffffe6!important}.user-status-badge{position:absolute;top:16px;right:16px;font-weight:500!important}.user-card-details{flex-direction:column;gap:16px;padding:24px;display:flex}.user-detail-item{background:#f8f9fa;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:all .3s;display:flex}.user-detail-item:hover{background:#e8eaf6}.detail-icon-svg{color:#667eea!important;font-size:20px!important}.detail-text-content{word-break:break-word;flex:1;color:#555!important}.user-card-meta{border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.meta-text-small{color:#999!important}.admin-label{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;font-weight:500!important}@media (max-width:960px){.header-content{flex-direction:column;gap:20px}.header-title-section{width:100%}.users-stats{margin-top:20px}}