@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #1A202C;--color-primary-dark: #111827;--color-accent: #00ED64;--color-secondary: #FFB800;--color-bg: #F8F9FD;--color-white: #FFFFFF;--color-border: #E2E8F0;--color-text-main: #1A202C;--color-text-muted: #718096;--color-glass: rgba(255, 255, 255, .8);--gradient-primary: linear-gradient(135deg, #a46afc 0%, #FF8C42 100%);--gradient-subtle: linear-gradient(135deg, rgba(164, 106, 252, .05) 0%, rgba(255, 140, 66, .05) 100%);--gradient-badge: linear-gradient(135deg, #FF8C42 0%, #FF5F6D 100%);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 32px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Raleway", sans-serif;--sidebar-width: 280px;--sidebar-bg: #FFFFFF;--main-bg: var(--color-bg)}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.6;min-height:100vh;margin:0}#root{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.hover-glow:hover{box-shadow:0 0 15px #00ed644d;transform:translateY(-2px)}.auth-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top left,#a46afc,#d527a2);padding:20px}.auth-card{width:100%;max-width:440px;padding:48px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 25px 50px -12px #00000040}.auth-header{text-align:center;margin-bottom:40px}.auth-logo-circle{width:64px;height:64px;background:var(--gradient-primary);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px;box-shadow:0 10px 15px -3px #a46afc66}.auth-header h1{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--color-text-main);margin-bottom:8px}.auth-header p{color:var(--color-text-muted);font-size:.95rem}.FormField{display:flex;flex-direction:column;margin-bottom:24px}.FormLabel{font-size:.9rem;font-weight:600;color:var(--color-text-main);margin-bottom:8px}.FormMessage{font-size:.75rem;color:#ef4444;font-weight:500}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:16px;color:var(--color-text-muted);pointer-events:none}.Input{width:100%;height:48px;background:#f8fafc;border:1.5px solid #E2E8F0;border-radius:12px;padding:0 16px 0 48px;font-family:inherit;font-size:.95rem;transition:all .2s}.Input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #a46afc1a}.auth-submit{width:100%;height:52px;border-radius:12px;font-size:1rem;margin-top:8px}.auth-footer{margin-top:32px;text-align:center;font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--color-border);padding:40px 24px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column}.sidebar-header{margin-bottom:48px;display:flex;flex-direction:column;gap:4px}.sidebar-brand{font-family:var(--font-heading);font-weight:800;font-size:1.4rem;color:var(--color-accent)}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--color-text-muted);text-decoration:none;font-weight:500;margin-bottom:4px}.nav-link.active{background:#f0fdf4;color:#166534;box-shadow:inset 4px 0 0 var(--color-accent)}.main-area{flex:1;padding:48px 64px}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.action-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:8px;border-radius:8px;transition:.2s}.action-btn:hover{background:#f1f5f9;color:var(--color-primary)}.action-btn.delete:hover{background:#fef2f2;color:#ef4444}.page-subtitle{color:var(--color-text-muted);font-size:1rem}.stat-info h3{font-size:.9rem;color:var(--color-text-muted);margin-bottom:4px;font-weight:600}.stat-value{font-size:1.8rem;font-weight:800;color:var(--color-text-main)}.stat-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center}.btn-primary{background:var(--gradient-primary);border:none;border-radius:12px;height:44px;padding:0 24px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #a46afc33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #a46afc4d;opacity:.95}.btn-primary:active{transform:translateY(0)}.btn-outline{background:#fff;border:1.5px solid var(--color-border);border-radius:99px;padding:10px 20px;color:var(--color-text-muted);font-weight:600}.content-card{background:var(--color-white);border-radius:24px;border:1px solid var(--color-border);box-shadow:0 4px 20px #00000008;overflow:hidden;padding:24px}.data-table{width:100%;border-collapse:separate;border-spacing:0 8px}.data-table th{text-align:left;padding:12px 24px;color:var(--color-text-muted);font-size:.9rem;font-weight:600;border-bottom:1px solid var(--color-border)}.data-table tr td{padding:16px 24px;background:var(--color-white);transition:background .2s}.data-table tr:hover td{background:#f9fafb}.row-icon{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;margin-right:16px}.badge-count{background:var(--gradient-badge);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.data-table tr:hover td{background:#ffffff05}.badge-id{font-family:var(--font-body);color:var(--color-primary);font-weight:600}.form-field{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text-muted);font-size:.9rem}.form-input{width:100%;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;color:var(--color-text-main);font-family:inherit;font-size:1rem}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #a46afc1a}.search-bar-wrap{position:relative;display:flex;align-items:center;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:14px;padding:0 16px;transition:border-color .2s;width:100%;max-width:600px}.search-bar-wrap:focus-within{border-color:var(--color-primary)}.search-input{border:none;background:none;padding:14px 12px;width:100%;outline:none;color:var(--color-text-main);font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#fff;padding:24px;border-radius:24px;border:1px solid var(--color-border);display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #00000005}.page-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.PopoverContent{background-color:#fff;border-radius:12px;padding:16px;width:240px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity;z-index:1000;border:1px solid var(--color-border)}.PopoverContent[data-state=open][data-side=top]{animation-name:slideDownAndFade}.PopoverContent[data-state=open][data-side=right]{animation-name:slideLeftAndFade}.PopoverContent[data-state=open][data-side=bottom]{animation-name:slideUpAndFade}.PopoverContent[data-state=open][data-side=left]{animation-name:slideRightAndFade}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.CheckboxRoot{background-color:#fff;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);cursor:pointer;padding:0}.CheckboxRoot:hover{background-color:var(--color-bg)}.CheckboxRoot[data-state=checked]{background-color:var(--color-primary);border-color:var(--color-primary)}.CheckboxIndicator{color:#fff;display:flex;align-items:center;justify-content:center}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;color:var(--color-text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filter-header:hover{color:var(--color-primary)}.filter-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;margin-top:12px;padding-right:4px}.filter-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-text-main);padding:4px 0}.PopoverArrow{fill:#fff}.filter-trigger-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:inherit;display:flex;align-items:center;justify-content:center}.filter-trigger-btn:hover{background:#0000000d}.filter-trigger-btn.active{color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-overlay .content-card{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px!important;width:100%}.searchable-trigger{cursor:pointer;transition:all .2s ease}.searchable-trigger:hover{border-color:var(--color-primary);background:var(--color-bg)}.select-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.select-item:hover{background:var(--color-bg);color:var(--color-primary)}.select-item.active{background:#fdf2f8;color:var(--color-primary)}.ToastViewport{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:32px;gap:10px;width:400px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none}.ToastRoot{background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid var(--color-border);position:relative}.ToastRoot[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.ToastRoot[data-state=closed]{animation:hide .1s ease-in}.toast-icon{width:40px;height:40px;background:var(--gradient-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.toast-content{flex:1}.ToastTitle{font-weight:700;color:var(--color-text-main);font-size:.95rem;margin-bottom:2px}.ToastDescription{color:var(--color-text-muted);font-size:.85rem}.ToastClose{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px}@keyframes slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes hide{0%{opacity:1}to{opacity:0}}.analytics-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;background:#f8fafc;padding:12px;border-radius:16px;border:1px solid #E2E8F0}.toolbar-left{flex:1}.toolbar-right{display:flex;align-items:center;gap:12px}.results-badge{display:flex;align-items:center;gap:10px;padding:0 16px;height:44px;background:#fff;border-radius:12px;border:1px solid #E2E8F0;color:var(--color-primary)}.results-badge strong{font-size:1.1rem;font-weight:800}.results-badge small{color:var(--color-text-muted);font-weight:500}.btn-clear{background:#f1f5f9;border:none;height:44px;padding:0 16px;border-radius:12px;color:var(--color-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-clear:hover{background:#e2e8f0;color:var(--color-text-main)}.btn-export{background:var(--gradient-primary);color:#fff;border:none;height:44px;padding:0 20px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;box-shadow:0 4px 12px #a46afc33}.btn-export:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #a46afc4d;opacity:.95}.btn-export:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}