@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-xs:2px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--space-0:0px;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--transition-fast:all 0.15s ease;--transition-normal:all 0.2s ease;--transition-slow:all 0.3s ease;--transition-slower:all 0.5s ease;--primary-cyan:#06b6d4;--primary-magenta:#ec4899;--primary-blue:#3b82f6;--primary-indigo:#6366f1;--primary-slate:#64748b;--primary-cyan-light:#22d3ee;--primary-magenta-light:#f472b6;--primary-blue-light:#60a5fa;--primary-indigo-light:#818cf8;--primary-cyan-dark:#0891b2;--primary-magenta-dark:#db2777;--primary-blue-dark:#2563eb;--primary-indigo-dark:#4f46e5;--primary-gradient:linear-gradient(135deg,var(--primary-blue),var(--primary-indigo));--accent-gradient:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue));--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--error-gradient:linear-gradient(135deg,#ef4444,#dc2626);--neutral-gradient:linear-gradient(135deg,var(--primary-slate),#475569);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8}[data-theme=dark]{--bg-glass:#1f2937cc;--text-muted:var(--gray-500);--border-focus:var(--primary-blue-light);--border-subtle:var(--gray-800);--selected-bg:var(--primary-blue);--sidebar-active:var(--primary-blue);--footer-border:var(--gray-800);--card-shadow:var(--shadow-lg);--card-hover-shadow:var(--shadow-xl);--btn-primary-bg:var(--primary-gradient);--btn-primary-hover:linear-gradient(135deg,var(--primary-blue-light),var(--primary-indigo-light));--input-bg:var(--gray-800);--input-focus-border:var(--primary-blue);--table-hover:var(--gray-700);--modal-shadow:var(--shadow-2xl);--message-success-bg:var(--success-700);--message-success-text:#fff;--message-warning-bg:var(--warning-700);--message-warning-text:#fff;--message-error-bg:var(--error-700);--message-error-text:#fff;--message-info-bg:var(--info-700);--message-info-text:#fff;--loading-bg:var(--gray-800);--loading-spinner:var(--primary-blue);--tooltip-bg:var(--gray-900);--tooltip-text:#fff;--tooltip-shadow:var(--shadow-lg)}[data-theme=light]{--bg-glass:#fffc;--text-muted:var(--gray-500);--border-subtle:var(--gray-100);--selected-bg:var(--primary-blue);--selected-text:#fff;--sidebar-bg:#fff;--sidebar-active:var(--primary-blue);--footer-bg:var(--gray-50);--card-shadow:var(--shadow-sm);--card-hover-shadow:var(--shadow-md);--btn-primary-bg:var(--primary-gradient);--btn-primary-hover:linear-gradient(135deg,var(--primary-blue-light),var(--primary-indigo-light));--input-focus-border:var(--primary-blue);--table-hover:var(--gray-50);--modal-shadow:var(--shadow-2xl);--message-success-bg:var(--success-500);--message-success-text:#fff;--message-warning-bg:var(--warning-500);--message-warning-text:#fff;--message-error-bg:var(--error-500);--message-error-text:#fff;--message-info-bg:var(--info-500);--message-info-text:#fff;--loading-bg:#fff;--loading-spinner:var(--primary-blue);--tooltip-text:#fff;--tooltip-shadow:var(--shadow-lg)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.rounded-xs{border-radius:2px;border-radius:var(--radius-xs)}.rounded-sm{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:20px;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:24px;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-xs{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:inset 0 2px 4px 0 #0000000f;box-shadow:var(--shadow-inner)}.transition-fast{transition:all .15s ease;transition:var(--transition-fast)}.transition-normal{transition:all .2s ease;transition:var(--transition-normal)}.transition-slow{transition:all .3s ease;transition:var(--transition-slow)}.transition-slower{transition:all .5s ease;transition:var(--transition-slower)}.btn{border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:var(--space-2) var(--space-4);transition:all all .2s ease}.btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:scale(1.02)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn-secondary:hover{background:var(--btn-secondary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-sm{border-radius:6px;padding:4px 12px;padding:var(--space-1) var(--space-3)}.btn-lg{border-radius:16px;padding:var(--space-3) var(--space-6)}.input{background:var(--input-bg);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:var(--text-primary);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all all .2s ease}.input:focus{border-color:var(--input-focus-border)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-6)}.card,.hover-lift{transition:all all .2s ease}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-scale{transition:all all .2s ease;transition:all var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:all all .2s ease;transition:all var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.click-scale:active{transform:scale(.95)}.focus-ring:focus{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f633;outline:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.bounce{animation:bounce 1s ease-in-out}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-out{animation:fadeOut .3s ease-in}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .2s ease-out}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate{animation:rotate 1s linear infinite}.btn:active{transform:scale(.98)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.input:focus{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 3px #3b82f61a;box-shadow:var(--shadow-md),0 0 0 3px #3b82f61a;transform:scale(1.02)}a:hover{transform:translateX(2px)}@keyframes scrollReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{animation:scrollReveal .6s ease-out}@keyframes successPulse{0%{box-shadow:0 0 0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.success-pulse{animation:successPulse .6s ease-out}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.error-shake{animation:errorShake .5s ease-in-out}.card:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:scale(1.02)}.card-sm{border-radius:12px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4)}.card-lg{border-radius:20px;border-radius:var(--radius-xl);padding:32px;padding:var(--space-8)}:root{--primary-cyan:#00bcd4;--primary-magenta:#e91e63;--bg-primary:#0a0a0a;--bg-secondary:var(--gray-800);--bg-tertiary:var(--gray-700);--bg-elevated:var(--gray-800);--bg-overlay:#000c;--text-primary:#fff;--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--text-disabled:var(--gray-600);--text-inverse:var(--gray-900);--border-primary:var(--gray-600);--border-secondary:var(--gray-700);--border-focus:var(--primary-cyan-light);--hover-bg:var(--gray-700);--active-bg:var(--gray-600);--selected-bg:var(--primary-cyan);--selected-text:#fff;--header-bg:#1a1a1a;--header-border:var(--gray-700);--header-text:#fff;--sidebar-bg:#1a1a1a;--sidebar-border:var(--gray-700);--sidebar-text:var(--gray-300);--sidebar-hover:var(--gray-700);--sidebar-active:var(--primary-cyan);--sidebar-active-text:#fff;--footer-bg:#0a0a0a;--footer-text:var(--gray-400);--footer-border:var(--gray-700);--primary-cyan-light:#4dd0e1;--primary-cyan-dark:#0097a7;--primary-magenta-light:#f06292;--primary-magenta-dark:#c2185b;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--card-bg:var(--bg-elevated);--card-border:var(--border-primary);--card-shadow:var(--shadow-sm);--card-hover-shadow:var(--shadow-md);--btn-primary-bg:linear-gradient(135deg,var(--primary-cyan),var(--primary-magenta));--btn-primary-color:#fff;--btn-primary-hover:linear-gradient(135deg,var(--primary-cyan-light),var(--primary-magenta-light));--btn-secondary-bg:var(--bg-elevated);--btn-secondary-color:var(--text-primary);--btn-secondary-border:var(--border-primary);--btn-secondary-hover:var(--hover-bg);--input-bg:var(--bg-elevated);--input-border:var(--border-primary);--input-border-focus:var(--border-focus);--input-color:var(--text-primary);--input-placeholder:var(--text-tertiary);--table-bg:var(--bg-elevated);--table-header-bg:var(--bg-secondary);--table-border:var(--border-primary);--table-row-hover:var(--hover-bg);--modal-bg:var(--bg-elevated);--modal-overlay:var(--bg-overlay);--modal-border:var(--border-primary);--modal-shadow:var(--shadow-xl);--message-success-bg:#4caf501a;--message-success-color:var(--success);--message-error-bg:#f443361a;--message-error-color:var(--error);--message-warning-bg:#ff98001a;--message-warning-color:var(--warning);--message-info-bg:#2196f31a;--message-info-color:var(--info);--loading-bg:var(--bg-overlay);--loading-spinner:var(--primary-cyan);--loading-text:var(--text-primary);--tooltip-bg:var(--bg-elevated);--tooltip-color:var(--text-primary);--tooltip-border:var(--border-primary);--tooltip-shadow:var(--shadow-lg);--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 3px 6px #00000029,0 3px 6px #0000003b;--shadow-lg:0 10px 20px #00000030,0 6px 6px #0000003b;--shadow-xl:0 14px 28px #00000040,0 10px 10px #00000038}[data-theme=light]{--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-elevated:#fff;--bg-overlay:#00000080;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-600);--text-disabled:var(--gray-400);--text-inverse:#fff;--border-primary:var(--gray-300);--border-secondary:var(--gray-200);--border-focus:var(--primary-cyan);--hover-bg:var(--gray-100);--active-bg:var(--gray-200);--selected-bg:var(--primary-cyan-light);--selected-text:var(--primary-cyan-dark);--header-bg:#fff;--header-border:var(--gray-200);--header-text:var(--gray-900);--sidebar-bg:var(--gray-50);--sidebar-border:var(--gray-200);--sidebar-text:var(--gray-700);--sidebar-hover:var(--gray-100);--sidebar-active:var(--primary-cyan);--sidebar-active-text:#fff;--footer-bg:var(--gray-100);--footer-text:var(--gray-600);--footer-border:var(--gray-200);--card-bg:#fff;--card-border:var(--gray-200);--card-shadow:0 1px 3px #0000001a;--card-hover-shadow:0 4px 6px #0000001a;--btn-primary-bg:linear-gradient(135deg,var(--primary-cyan),var(--primary-magenta));--btn-primary-color:#fff;--btn-primary-hover:linear-gradient(135deg,var(--primary-cyan-light),var(--primary-magenta-light));--btn-secondary-bg:#fff;--btn-secondary-color:var(--gray-900);--btn-secondary-border:var(--gray-300);--btn-secondary-hover:var(--gray-50);--input-bg:#fff;--input-border:var(--gray-300);--input-border-focus:var(--primary-cyan);--input-color:var(--gray-900);--input-placeholder:var(--gray-500);--table-bg:#fff;--table-header-bg:var(--gray-50);--table-border:var(--gray-200);--table-row-hover:var(--gray-50);--modal-bg:#fff;--modal-overlay:#00000080;--modal-border:var(--gray-200);--modal-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--message-success-bg:#4caf501a;--message-success-color:#2e7d32;--message-error-bg:#f443361a;--message-error-color:#c62828;--message-warning-bg:#ff98001a;--message-warning-color:#ef6c00;--message-info-bg:#2196f31a;--message-info-color:#1565c0;--loading-bg:#ffffffe6;--loading-spinner:var(--primary-cyan);--loading-text:var(--gray-900);--tooltip-bg:var(--gray-900);--tooltip-color:#fff;--tooltip-border:var(--gray-700);--tooltip-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:var(--gray-800);--bg-tertiary:var(--gray-700);--bg-elevated:var(--gray-800);--bg-overlay:#000c;--text-primary:#fff;--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--text-disabled:var(--gray-600);--text-inverse:var(--gray-900);--border-primary:var(--gray-600);--border-secondary:var(--gray-700);--border-focus:var(--primary-cyan-light);--hover-bg:var(--gray-700);--active-bg:var(--gray-600);--selected-bg:var(--primary-cyan);--selected-text:#fff;--header-bg:#1a1a1a;--header-border:var(--gray-700);--header-text:#fff;--sidebar-bg:#1a1a1a;--sidebar-border:var(--gray-700);--sidebar-text:var(--gray-300);--sidebar-hover:var(--gray-700);--sidebar-active:var(--primary-cyan);--sidebar-active-text:#fff;--footer-bg:#0a0a0a;--footer-text:var(--gray-400);--footer-border:var(--gray-700);--card-bg:var(--gray-800);--card-border:var(--gray-600);--card-shadow:0 4px 6px #0000004d;--card-hover-shadow:0 8px 15px #0006;--btn-primary-bg:linear-gradient(135deg,var(--primary-cyan),var(--primary-magenta));--btn-primary-color:#fff;--btn-primary-hover:linear-gradient(135deg,var(--primary-cyan-light),var(--primary-magenta-light));--btn-secondary-bg:var(--gray-700);--btn-secondary-color:#fff;--btn-secondary-border:var(--gray-600);--btn-secondary-hover:var(--gray-600);--input-bg:var(--gray-700);--input-border:var(--gray-600);--input-border-focus:var(--primary-cyan-light);--input-color:#fff;--input-placeholder:var(--gray-400);--table-bg:var(--gray-800);--table-header-bg:var(--gray-700);--table-border:var(--gray-600);--table-row-hover:var(--gray-700);--modal-bg:var(--gray-800);--modal-overlay:#000c;--modal-border:var(--gray-600);--modal-shadow:0 25px 50px -12px #00000080;--message-success-bg:#4caf5033;--message-success-color:#81c784;--message-error-bg:#f4433633;--message-error-color:#f48fb1;--message-warning-bg:#ff980033;--message-warning-color:#ffb74d;--message-info-bg:#2196f333;--message-info-color:#64b5f6;--loading-bg:#000c;--loading-spinner:var(--primary-cyan);--loading-text:#fff;--tooltip-bg:var(--gray-700);--tooltip-color:#fff;--tooltip-border:var(--gray-600);--tooltip-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#e0e0e0;color:var(--text-secondary)}.text-tertiary{color:#bdbdbd;color:var(--text-tertiary)}.text-disabled{color:#757575;color:var(--text-disabled)}.text-inverse{color:#212121;color:var(--text-inverse)}.bg-primary{background-color:#0a0a0a;background-color:var(--bg-primary)}.bg-secondary{background-color:#424242;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#616161;background-color:var(--bg-tertiary)}.bg-elevated{background-color:#424242;background-color:var(--bg-elevated)}.border-primary{border-color:#757575;border-color:var(--border-primary)}.border-secondary{border-color:#616161;border-color:var(--border-secondary)}.border-focus{border-color:#4dd0e1;border-color:var(--border-focus)}.card{background-color:#424242;background-color:var(--card-bg);border:1px solid #757575;border:1px solid var(--card-border);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--card-shadow);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#00bcd4,#e91e63)}.btn-primary:hover{background:linear-gradient(135deg,#4dd0e1,#f06292);background:var(--btn-primary-hover);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;box-shadow:var(--shadow-md)}.btn-secondary{background-color:#424242;background-color:var(--btn-secondary-bg);border:1px solid #757575}.btn-secondary:hover{background-color:#616161;background-color:var(--btn-secondary-hover)}.input{background-color:#424242;background-color:var(--input-bg);border:1px solid #757575;border:1px solid var(--input-border);border-radius:6px;color:#fff;color:var(--input-color);font-size:14px;padding:10px 12px;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.input:focus{border-color:#4dd0e1;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #00bcd41a;outline:none}.input::placeholder{color:#bdbdbd;color:var(--input-placeholder)}.table{background-color:#424242;background-color:var(--table-bg);border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--card-shadow);overflow:hidden;width:100%}.table th{background-color:#424242;background-color:var(--table-header-bg);font-weight:600;text-align:left}.table td,.table th{border-bottom:1px solid #757575;border-bottom:1px solid var(--table-border);color:#fff;color:var(--text-primary);padding:12px 16px}.table tr:hover{background-color:#616161;background-color:var(--table-row-hover)}.modal{align-items:center;background-color:#000c;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-content{animation:modalSlideIn .3s ease-out;background-color:#424242;background-color:var(--modal-bg);border:1px solid #757575;border:1px solid var(--modal-border);box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;box-shadow:var(--modal-shadow)}.message{animation:messageSlideIn .3s ease-out;border-radius:6px;font-weight:500;margin-bottom:16px;padding:12px 16px}.message-success{background-color:#4caf501a;background-color:var(--message-success-bg);border-left:4px solid #4caf50;border-left:4px solid var(--message-success-color);color:#4caf50;color:var(--message-success-color)}.message-error{background-color:#f443361a;background-color:var(--message-error-bg);border-left:4px solid #f44336;border-left:4px solid var(--message-error-color);color:#f44336;color:var(--message-error-color)}.message-warning{background-color:#ff98001a;background-color:var(--message-warning-bg);border-left:4px solid #ff9800;border-left:4px solid var(--message-warning-color);color:#ff9800;color:var(--message-warning-color)}.message-info{background-color:#2196f31a;background-color:var(--message-info-bg);border-left:4px solid #2196f3;border-left:4px solid var(--message-info-color);color:#2196f3;color:var(--message-info-color)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading{align-items:center;background-color:#000c;background-color:var(--loading-bg);color:#fff;color:var(--loading-text);display:flex;justify-content:center}.loading-spinner{border:2px solid #757575;border-top:2px solid #00bcd4;border-top-color:var(--loading-spinner);height:24px;margin-right:12px;width:24px}.tooltip{display:inline-block;position:relative}.tooltip-content{background-color:#424242;background-color:var(--tooltip-bg);border:1px solid #757575;border:1px solid var(--tooltip-border);border-radius:6px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;box-shadow:var(--tooltip-shadow);color:#fff;color:var(--tooltip-color);font-size:12px;opacity:0;padding:8px 12px;position:absolute;transition:all .3s ease;transition:all var(--transition-normal);visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}@media (max-width:768px){:root{--sidebar-width:0px}}@media (max-width:480px){:root{--header-height:60px;--footer-height:40px}}:root{--header-height:70px;--sidebar-width:280px;--footer-height:48px;--z-header:1000;--z-sidebar:900;--z-modal:2000;--z-tooltip:3000}.app-layout{background-color:var(--bg-primary);color:var(--text-primary);display:grid;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:280px 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:70px 1fr 48px;grid-template-rows:var(--header-height) 1fr var(--footer-height);min-height:100vh;transition:all var(--transition-normal)}.app-header{background-color:var(--header-bg);border-bottom:1px solid var(--header-border);grid-area:header;height:70px;padding:0 15px;z-index:1000}.header-left{align-items:center;display:flex;gap:16px}.header-center{display:flex;flex:1 1;justify-content:center;max-width:600px}.header-right{align-items:center;display:flex;gap:16px}.app-logo{color:var(--text-primary);font-size:20px;font-weight:600;gap:12px}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-magenta));border-radius:8px;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.app-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);grid-area:sidebar;height:calc(100vh - 118px);height:calc(100vh - var(--header-height) - var(--footer-height));left:0;overflow-y:auto;position:fixed;top:70px;top:var(--header-height);transition:transform var(--transition-normal);width:280px;width:var(--sidebar-width);z-index:900;z-index:var(--z-sidebar)}.sidebar-content{padding:16px 0}.sidebar-section{margin-bottom:24px}.sidebar-section-title{font-size:12px;padding:0 24px 8px}.sidebar-nav-link{padding:12px 24px}.sidebar-nav-link.active{background-color:var(--sidebar-active);color:var(--sidebar-active-text)}.sidebar-nav-icon{font-size:16px;height:20px;width:20px}.app-main{background-color:var(--bg-primary);grid-area:main;margin-bottom:48px;margin-bottom:var(--footer-height);margin-left:0;margin-top:60px;margin-top:calc(var(--header-height) - 10px);min-height:calc(100vh - 118px);min-height:calc(100vh - var(--header-height) - var(--footer-height));overflow-x:hidden;overflow-y:auto;position:relative}.app-layout:has(.app-sidebar.collapsed){grid-template-columns:60px 1fr}.main-content{min-height:100%;padding:0;position:relative;transition:all var(--transition-normal)}.app-main{scroll-behavior:smooth}.main-content.empty,.main-content.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.main-content.empty{color:var(--text-tertiary);flex-direction:column;text-align:center}.alert{animation:slideInDown .3s ease-out;border-left:4px solid;padding:16px 20px}.alert-success{background-color:#4caf501a;border-left-color:var(--success);color:var(--success)}.alert-error{background-color:#f443361a;border-left-color:var(--error);color:var(--error)}.alert-warning{background-color:#ff98001a;border-left-color:var(--warning);color:var(--warning)}.alert-info{background-color:#2196f31a;border-left-color:var(--info);color:var(--info)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-footer{background-color:var(--footer-bg);border-top:1px solid var(--footer-border);grid-area:footer;height:48px;justify-content:space-between;z-index:1000}.footer-left,.footer-right{align-items:center;display:flex;gap:16px}.footer-text{font-size:12px}@media (max-width:1024px){.app-layout{grid-template-columns:0 1fr}.app-sidebar{transform:translateX(-100%);transition:transform var(--transition-normal)}.app-sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.main-content{padding:20px}}@media (max-width:768px){.app-layout{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}.app-sidebar{display:none}.app-main{margin-bottom:48px;margin-bottom:var(--footer-height);margin-left:0;margin-top:70px;margin-top:var(--header-height)}.main-content{padding:16px}.alert{margin:10px;max-width:calc(100vw - 80px);padding:12px 16px}}@media (max-width:480px){.app-header{padding:0 16px}.main-content{padding:12px}.app-footer{padding:0 12px}.alert{font-size:14px;margin:8px;max-width:calc(100vw - 60px);padding:10px 12px}}.app-main{transition:margin-left var(--transition-normal)}.app-main.sidebar-open{margin-left:280px;margin-left:var(--sidebar-width)}.app-main.sidebar-closed{margin-left:0}.app-main::-webkit-scrollbar{width:8px}.app-main::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.app-main::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:4px;-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.app-main::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}@media (max-width:1024px){.sidebar-toggle{display:block}}.sidebar-overlay{z-index:900}@media (min-width:1025px){.sidebar-overlay{display:none!important}}body,html{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5;transition:all .2s ease}body:not([data-theme]){background-color:#0a0a0a;color:#fff}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-transition{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}:focus,a:focus,button:focus{outline:2px solid var(--border-focus);outline-offset:2px}.login-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background var(--transition-normal)}.login-card{animation:slideIn .3s ease-out;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--space-10);transition:all var(--transition-normal);width:100%}.login-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.login-header{margin-bottom:30px;text-align:center}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:var(--space-4)}.login-logo .logo-image{filter:drop-shadow(0 3px 6px rgba(0,0,0,.12));height:60px!important;object-fit:contain;transition:all var(--transition-normal);width:auto}.login-logo .logo-image:hover{transform:scale(1.08)}.login-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 10px;text-align:center}.login-header h1,.login-header p{transition:color var(--transition-normal)}.login-header p{color:var(--text-secondary);font-size:16px;margin:0}.login-form{margin-bottom:20px}.login-card .checkbox-group{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.login-card .checkbox-label{align-items:center;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;min-height:32px;padding:6px 12px;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.login-card .checkbox-label:hover{background:#ffffff0d}.login-card .checkbox-label input[type=checkbox]{accent-color:var(--primary-blue);cursor:pointer;flex-shrink:0;height:18px!important;margin:0;width:18px!important}.login-card .login-form .form-group label{color:#fff!important;display:block;font-size:14px;font-weight:600;margin-bottom:8px;transition:color var(--transition-normal)}.input-wrapper{position:relative}.clean-input{background:var(--input-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all var(--transition-normal);width:100%}.clean-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f61a}.clean-input:disabled{cursor:not-allowed;opacity:.6}.password-input{position:relative}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--transition-normal)}.password-toggle:hover{background:var(--hover-bg);color:var(--text-primary)}.clean-btn{background:var(--primary-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all var(--transition-normal);width:100%}.clean-btn:hover:not(:disabled){background:var(--primary-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.clean-btn:active:not(:disabled){transform:scale(.98)}.clean-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-group input{background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;box-sizing:border-box;color:var(--input-color);font-size:16px;padding:12px 16px;transition:all var(--transition-normal)}.form-group input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #00bcd41a}.form-group input:disabled{background-color:var(--bg-tertiary);opacity:.6}.form-group input::placeholder{color:var(--input-placeholder)}.login-button{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:8px;color:var(--btn-primary-color);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all var(--transition-normal);width:100%}.login-button:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{margin-top:20px;text-align:center}.forgot-password-link{background:none;border:none;color:var(--primary-blue);cursor:pointer;font-size:14px;text-decoration:underline;transition:color var(--transition-normal)}.forgot-password-link:hover{color:var(--primary-blue-dark)}.alert{transition:all var(--transition-normal)}.alert-error{background-color:var(--message-error-bg)}.alert-success{background-color:var(--message-success-bg)}.alert-info{background-color:var(--message-info-bg);border:1px solid var(--message-info-color);color:var(--message-info-color)}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h1{font-size:24px}.login-logo .logo-image{height:50px!important}}.login-container .login-card .login-form .form-group label{color:#fff!important}.login-container .login-card .checkbox-group{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:8px!important}.login-container .login-card .checkbox-label{align-items:center!important;color:#fff!important;display:flex!important;gap:8px!important;min-height:32px!important;padding:6px 12px!important}.login-container .login-card .checkbox-label input[type=checkbox]{flex-shrink:0!important;height:18px!important;margin:0!important;width:18px!important}.login-container .login-card .login-form .form-group.checkbox-group{margin-bottom:8px!important}.forgot-password-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.forgot-password-content{animation:modalSlideIn .3s ease-out;background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);max-width:400px;width:100%}.forgot-password-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:20px 24px}.forgot-password-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.forgot-password-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.forgot-password-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.forgot-password-body{padding:24px;text-align:center}.forgot-password-icon{color:var(--primary-blue);margin-bottom:16px}.forgot-password-body h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.forgot-password-body p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.contact-email{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;margin:16px 0;padding:12px 16px}.forgot-password-footer{padding:0 24px 24px;text-align:center}.forgot-password-btn{background-color:var(--primary-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.forgot-password-btn:hover{background-color:var(--primary-blue-dark);transform:translateY(-1px)}.forgot-password-btn:active{transform:translateY(0)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.forgot-password-modal{padding:10px}.forgot-password-content{max-width:100%}.forgot-password-body,.forgot-password-footer,.forgot-password-header{padding:16px}}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);height:var(--header-height);justify-content:space-between;left:0;padding:0 var(--space-6);position:fixed;right:0;top:0;z-index:var(--z-header)}.app-header,.app-logo{align-items:center;display:flex}.app-logo{color:inherit;text-decoration:none;transition:all var(--transition-normal)}.app-logo:hover{transform:scale(1.02)}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:40px;object-fit:contain;transition:all var(--transition-normal);width:auto}.logo-image:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.sidebar-toggle{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:none;padding:8px;transition:background-color var(--transition-fast)}.sidebar-toggle:hover{background-color:var(--hover-bg)}.hamburger-icon{display:flex;flex-direction:column;gap:3px;height:16px;width:20px}.hamburger-icon span{background-color:currentColor;border-radius:1px;height:2px;transition:all var(--transition-fast);width:100%}.page-title{font-size:24px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;overflow:hidden;padding:10px;position:relative;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--hover-bg);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.theme-icon,.theme-icon svg{transition:all var(--transition-fast)}.theme-icon svg{height:100%;width:100%}.theme-toggle:hover .theme-icon svg{transform:rotate(15deg)}.user-menu{position:relative}.user-button{align-items:center;background:none;border:none;border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;height:48px;overflow:hidden;padding:8px 12px;transition:all var(--transition-fast)}.user-button:hover{background-color:var(--hover-bg)}.app-header .user-button .user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border:none;border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:12px!important;font-weight:600;height:28px!important;justify-content:center;margin:0;outline:none;width:28px!important}.app-header .user-button .user-avatar,.app-header .user-button .user-avatar *,.app-header .user-button .user-avatar div,.app-header .user-button .user-avatar span,.app-header .user-button .user-avatar:active,.app-header .user-button .user-avatar:focus,.app-header .user-button .user-avatar:hover,.user-avatar,.user-avatar *,[class*=user-avatar],[class*=user-avatar] *,header.app-header div.header-right div.user-menu button.user-button div.user-avatar,header.app-header div.header-right div.user-menu button.user-button div.user-avatar *{color:#fff!important}.app-header .user-button .user-name,.user-dropdown .user-details,.user-dropdown .user-info{color:var(--text-primary)}.user-dropdown .user-name-large{font-weight:500}.user-dropdown .user-email,.user-dropdown .user-name-large{color:var(--text-primary);font-size:14px}.user-dropdown .user-info{border:none!important}.user-dropdown .user-info,.user-dropdown .user-info :not(.user-avatar-large){background:#0000!important}.user-dropdown .user-avatar-large{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark))!important;border-radius:50%!important}.user-name{color:var(--text-primary);font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlideIn .2s ease-out;background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:var(--z-modal)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{background:#0000!important;border:none!important;color:var(--text-primary);gap:12px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{min-width:0}.user-name-large{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.user-email,.user-name-large{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-secondary);font-size:12px}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--hover-bg)}.dropdown-item.logout{color:var(--error)}.dropdown-item.logout:hover{background-color:var(--error);color:#fff}.dropdown-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.dropdown-divider{background-color:var(--border-secondary);height:1px;margin:4px 0}.user-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-modal) - 1)}@media (max-width:1024px){.sidebar-toggle{display:block}.user-name{display:none}.page-title{font-size:20px}}@media (max-width:768px){.app-header{padding:0 16px}.header-center{display:none}.user-dropdown{right:-20px;width:220px}.logo-title{display:none}.app-logo{gap:8px}}@media (max-width:480px){.app-header{padding:0 12px}.app-logo span{display:none}.user-dropdown{right:-40px;width:200px}.theme-toggle{padding:8px}.theme-icon{height:20px;width:20px}}@keyframes logoPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.logo-icon:hover{animation:logoPulse .6s ease-in-out}.sidebar-toggle:focus,.theme-toggle:focus,.user-button:focus{outline:2px solid var(--border-focus);outline-offset:2px}.user-avatar.loading{animation:pulse 1.5s ease-in-out infinite}.app-sidebar{transition:width var(--transition-normal)}.app-sidebar.collapsed{width:60px}.sidebar-content{display:flex;flex-direction:column;height:100%;padding-left:0;padding-right:0;padding-top:0}.sidebar-header{border-bottom:none;justify-content:flex-end;padding:8px 12px;position:absolute;right:8px;top:8px;z-index:100}.sidebar-header,.sidebar-toggle-btn{align-items:center;display:flex;transition:all var(--transition-normal)}.sidebar-toggle-btn{background:var(--primary-cyan);border:1px solid var(--primary-cyan);border-radius:50%;box-shadow:0 0 15px #00bcd466;color:#fff;cursor:pointer;height:36px;justify-content:center;opacity:.7;width:36px}.sidebar-toggle-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 16px 0}.app-sidebar.collapsed .sidebar-toggle-section{align-items:center;display:flex;justify-content:center;width:100%}.app-sidebar.collapsed .sidebar-toggle-section .sidebar-section-title{display:none}.sidebar-toggle-btn:hover{background:var(--primary-cyan-light);box-shadow:0 0 20px #00bcd499;opacity:1;transform:scale(1.05)}.toggle-arrow{font-size:20px;font-weight:700;transition:transform var(--transition-normal)}.toggle-arrow.collapsed{transform:rotate(0deg)}.sidebar-section{margin-bottom:16px;padding-top:20px}.sidebar-section:first-of-type{margin-top:0;padding-top:0}.sidebar-section:last-of-type{margin-bottom:0}.sidebar-section-title{margin-bottom:8px;padding:0 16px 8px}.sidebar-section-title,.sidebar-toggle-section .sidebar-section-title{color:var(--text-tertiary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sidebar-toggle-section .sidebar-section-title{align-items:center;display:flex;flex:1 1;height:32px;margin:0;padding:0;text-align:left}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav-item{margin:0}.sidebar-nav-link{align-items:center;background:none;border:none;border-radius:0 25px 25px 0;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-right:16px;padding:12px 16px;text-decoration:none;transition:all var(--transition-fast)}.app-sidebar.collapsed .sidebar-nav-link{align-items:center;border-radius:6px;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2px;padding:12px;width:44px}.app-sidebar.collapsed .sidebar-toggle-btn{border-radius:50%;height:44px;margin:0;padding:12px;width:44px}.app-sidebar.collapsed .sidebar-section:first-of-type{padding-top:0}.app-sidebar.collapsed .sidebar-nav{align-items:center;display:flex;flex-direction:column;gap:2px}.app-sidebar.collapsed .sidebar-section{align-items:center;display:flex;flex-direction:column;width:100%}.app-sidebar.collapsed .sidebar-nav-link .sidebar-nav-icon{margin:0}.sidebar-nav-link:hover{background-color:var(--sidebar-hover);color:var(--text-primary)}.sidebar-nav-link.active{background:var(--primary-cyan);box-shadow:var(--shadow-md);color:#fff;font-weight:600}.sidebar-nav-link.active .sidebar-nav-icon{transform:scale(1.1)}.sidebar-nav-link.active .sidebar-nav-label{font-weight:600}.sidebar-nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:22px;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.sidebar-icon-img{height:24px;object-fit:contain;opacity:.9;width:24px}[data-theme=dark] .sidebar-icon-img{filter:brightness(0) invert(1)}.sidebar-nav-link.active .sidebar-icon-img{opacity:1}[data-theme=dark] .sidebar-nav-link.active .sidebar-icon-img{filter:brightness(0) invert(1)}.sidebar-nav-link:hover .sidebar-nav-icon{transform:scale(1.05)}.sidebar-nav-link:hover .sidebar-icon-img{opacity:1}[data-theme=dark] .sidebar-nav-link:hover .sidebar-icon-img{filter:brightness(0) invert(1)}.sidebar-nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{background-color:var(--primary-magenta);border-radius:10px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.sidebar-footer{border-top:1px solid var(--border-secondary);margin-top:auto;padding:16px 24px}.system-info{display:flex;flex-direction:column;gap:8px}.system-status{align-items:center;display:flex;gap:8px}.status-indicator{box-shadow:0 0 25px #0f0,0 0 50px #00ff00e6,0 0 80px #0f09;height:12px;width:12px}[data-theme=light] .status-indicator{box-shadow:0 0 25px #0a0,0 0 50px #00aa00e6,0 0 80px #0a09}.status-text{color:var(--text-secondary);font-size:12px}.system-version{color:var(--text-tertiary);font-family:Monaco,Menlo,monospace;font-size:11px}.sidebar-overlay{background-color:var(--bg-overlay);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:var(--z-sidebar)}.sidebar-overlay.open{display:block}@media (max-width:1024px){.app-sidebar{transform:translateX(-100%);transition:transform var(--transition-normal)}.app-sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}}@media (max-width:768px){.app-sidebar{max-width:280px;width:100%}.sidebar-nav-link{font-size:16px;padding:16px 24px}.sidebar-nav-icon{font-size:18px}}@media (max-width:480px){.app-sidebar{max-width:100%}.sidebar-section-title{padding:0 16px 8px}.sidebar-nav-link{margin-right:0;padding:16px}.sidebar-footer{padding:16px}}.sidebar-nav-link{overflow:hidden;position:relative}.sidebar-nav-link:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sidebar-nav-link:hover:after{left:100%}.sidebar-nav-link:focus{outline:2px solid var(--border-focus);outline-offset:2px}.sidebar-nav-link:focus:not(:focus-visible){outline:none}.sidebar-nav-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sidebar-nav-link.loading{opacity:.6;pointer-events:none}.sidebar-nav-link.loading .sidebar-nav-icon{animation:pulse 1.5s ease-in-out infinite}.sidebar-nav-link[title]:hover:before{animation:tooltipFadeIn .3s ease-out forwards;background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:6px;box-shadow:var(--shadow-lg);color:var(--text-primary);content:attr(title);font-size:12px;left:100%;margin-left:8px;opacity:0;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:var(--z-tooltip)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:#0000}.app-sidebar::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:3px}.app-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.sidebar-action-btn{background:linear-gradient(135deg,var(--primary-blue),#2563eb)!important;border:none!important;box-shadow:0 4px 12px #3b82f666;color:#fff!important;font-weight:600;margin-bottom:8px;min-height:48px;overflow:hidden;position:relative;transition:all var(--transition-normal)}.sidebar-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sidebar-action-btn:hover:before{left:100%}.sidebar-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.app-sidebar.collapsed .sidebar-action-btn:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px) scale(1.05)}.sidebar-action-btn:active{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.app-sidebar.collapsed .sidebar-action-btn:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0) scale(1.02)}.sidebar-action-btn .sidebar-nav-icon{height:32px;transform:scale(1.2);width:32px}.sidebar-action-btn .sidebar-icon-img{filter:brightness(0) invert(1);height:28px;width:28px}.sidebar-action-btn .sidebar-icon-svg{stroke:#fff;filter:none;height:28px;width:28px}.sidebar-action-btn .sidebar-nav-label{font-size:.95rem;font-weight:600}.app-sidebar.collapsed .sidebar-action-btn{align-items:center;border-radius:16px;display:flex;height:48px;justify-content:center;margin-bottom:16px;padding:12px;width:48px}.app-sidebar.collapsed .sidebar-action-btn .sidebar-nav-icon{height:24px;transform:scale(1.1);width:24px}.app-sidebar.collapsed .sidebar-action-btn .sidebar-icon-svg{height:24px;width:24px}.app-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border-top:1px solid var(--border-subtle);bottom:0;box-shadow:var(--shadow-sm);height:var(--footer-height);justify-content:center;left:0;padding:0 24px;position:fixed;right:0;z-index:var(--z-header)}.app-footer,.footer-content{align-items:center;display:flex}.footer-content{justify-content:space-between;max-width:1200px;width:100%}.footer-main{display:flex;flex:1 1;justify-content:center}.footer-content-text{align-items:center;display:flex;gap:12px}.footer-logo-image{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:32px;object-fit:contain;opacity:.9;transition:all var(--transition-normal);width:auto}.footer-logo-image:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));opacity:1}.footer-text{color:var(--footer-text);font-size:14px;font-weight:500}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:#e91e63}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.footer-text strong{color:var(--primary-cyan);font-weight:600}.footer-links{align-items:center;display:flex;gap:16px}.footer-link{color:var(--footer-text);font-size:12px;text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-cyan)}.footer-status{align-items:center;display:flex;gap:6px}.status-indicator{animation:slowBlink 3s infinite;background-color:#0f0;border-radius:50%;box-shadow:0 0 22px #0f0,0 0 45px #00ff00e6,0 0 70px #0f09;height:10px;width:10px}[data-theme=light] .status-indicator{background-color:#0a0;box-shadow:0 0 22px #0a0,0 0 45px #00aa00e6,0 0 70px #0a09}.status-indicator.offline{background-color:var(--error)}.status-indicator.warning{background-color:var(--warning)}@keyframes slowBlink{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.status-text{color:var(--footer-text);font-weight:500}@media (max-width:768px){.app-footer{padding:0 16px}.footer-content{flex-direction:column;gap:8px;text-align:center}.footer-main{order:1}.footer-right{flex-direction:column;gap:8px;order:2}.footer-links{gap:12px}.footer-text{font-size:13px}}@media (max-width:480px){.app-footer{padding:0 12px}.footer-links{flex-wrap:wrap;gap:8px;justify-content:center}.footer-text{font-size:12px}.footer-links .footer-link{font-size:11px}}.footer-link{overflow:hidden;position:relative}.footer-link:after{background-color:var(--primary-cyan);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.footer-link:hover:after{width:100%}.app-layout *{box-sizing:border-box}.app-layout.loading{opacity:.7;pointer-events:none}.app-layout.error{background-color:var(--error);color:#fff}.modal-overlay{background-color:var(--bg-overlay);padding:20px;z-index:var(--z-modal)}.modal-content{background-color:var(--bg-elevated);border-radius:12px;box-shadow:var(--shadow-xl);max-width:90vw;overflow:auto;position:relative}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-cyan);display:inline-block;height:20px;width:20px}@media (max-width:1024px){.app-layout{grid-template-columns:0 1fr}}@media (max-width:768px){.app-layout{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}}.icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.icon-button:hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.icon-button.danger:hover{background:var(--error);color:#fff}.icon-button.danger:hover .icon-img{filter:brightness(0) invert(1)}.icon-button.edit:hover{background:#ffc107;color:#000}.icon-button.edit:hover .icon-img{filter:brightness(0) invert(1)}.icon-button.copy .icon-img{filter:brightness(0) saturate(100%) invert(50%) sepia(0) saturate(0) hue-rotate(0deg) brightness(.5) contrast(100%)}.icon-button.copy:hover{background:var(--primary-blue);color:#fff}.icon-button.copy:hover .icon-img{filter:brightness(0) invert(1)}.icon-button.warning:hover{background:var(--warning);color:#000}.icon-button.success:hover{background:var(--success);color:#fff}.icon-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon-button:disabled:hover{background:#0000;color:var(--text-secondary);transform:none}.icon-button svg{fill:currentColor;height:16px;width:16px}.icon-button .icon-img{filter:brightness(0) invert(1);height:24px;object-fit:contain;transition:filter .2s ease;width:24px}[data-theme=light] .icon-button .icon-img{filter:brightness(0) invert(0)}.icon-button.danger .icon-img,[data-theme=light] .icon-button.danger .icon-img{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.icon-button.edit .icon-img,[data-theme=light] .icon-button.edit .icon-img{filter:brightness(0) saturate(100%) invert(69%) sepia(60%) saturate(2583%) hue-rotate(2deg) brightness(102%) contrast(101%)}[data-theme=light] .icon-button{color:var(--text-secondary)}[data-theme=light] .icon-button:hover{color:var(--text-primary)}.close-icon{stroke:currentColor;height:20px;width:20px}.icon-button .close-icon{filter:none}.icon-button:hover .close-icon{filter:brightness(0) invert(1)}.toggle-switch-container{align-items:center;display:flex;gap:12px}.toggle-switch{align-items:center;display:inline-flex;height:20px;justify-content:center;position:relative;width:40px}.toggle-label{font-weight:500}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#cfd8dc;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background .2s ease}.toggle-slider:before{background:#f1faf4;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:16px}.toggle-switch input:checked+.toggle-slider{background:#43b24b}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:focus+.toggle-slider{outline:2px solid #6aa9ff;outline-offset:2px}.toggle-switch:disabled{cursor:not-allowed;opacity:.5}.toggle-switch:disabled .toggle-slider{cursor:not-allowed}.edit-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto}.edit-modal,.form-input{background:var(--bg-primary);border:1px solid var(--border-primary);width:100%}.form-input{border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;padding:12px 16px;transition:all var(--transition-normal)}.form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error{border-color:var(--error)}.form-textarea{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:12px 16px;transition:all var(--transition-normal);width:100%}.form-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-with-copy{align-items:center;display:flex;gap:8px}.input-with-copy .form-input{flex:1 1}.form-help{margin-top:6px}.form-help code{background:var(--bg-secondary);border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;padding:2px 6px}.url-input-group{margin-bottom:12px}.url-input-group .input-with-copy{margin-bottom:4px}.add-url-btn{background:var(--bg-secondary)}.add-url-btn:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.submit-error{align-items:center;color:var(--error);display:flex;font-size:.9rem;gap:8px;padding:12px 16px}.error-icon{font-size:1rem}.form-actions{margin-top:20px}.btn-secondary{background:var(--bg-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);border-color:var(--primary-blue-dark)}@media (max-width:768px){.edit-modal{margin:10px;max-height:95vh}.modal-form{padding:16px}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.delete-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:slideIn .3s ease-out;background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}.delete-modal .modal-header{align-items:center;background:#1e293b;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.header-content{gap:12px}.header-content,.warning-icon{align-items:center;display:flex}.warning-icon{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 8px #f59e0b4d;font-size:20px;height:40px;justify-content:center;width:40px}.delete-modal .modal-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.delete-modal .modal-content{background:#1e293b;display:flex;flex:1 1;flex-direction:column;padding:24px}.warning-text{color:#e2e8f0;font-size:1rem;line-height:1.5;margin-bottom:20px;text-align:center}.redirecionamento-info{background:#334155;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.redirecionamento-info h4{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 12px}.redirecionamento-info h4:before{content:"🔗";font-size:1rem}.slug-info,.url-info{align-items:center;background:#0f172a80;border-left:3px solid #3b82f6;border-radius:8px;color:#cbd5e1;display:flex;font-size:.9rem;gap:8px;margin:8px 0;padding:8px 12px}.slug-info strong,.url-info strong{color:#60a5fa;font-weight:600;min-width:60px}.warning-message{background:#ef44441a;border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:12px;margin-bottom:20px;padding:16px}.warning-message p{color:#fca5a5;font-size:.9rem;line-height:1.5;margin:0 0 8px}.warning-message p:last-child{margin-bottom:0}.warning-message p strong{color:#fff;font-weight:600}.modal-actions{background:#1e293b;border-top:1px solid #ffffff1a;flex-shrink:0}.btn-secondary{background:#64748b;border:1px solid #64748b}.btn-secondary:hover:not(:disabled){background:#475569;border-color:#475569}.btn-danger{background:#ef4444;border:1px solid #ef4444}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d}@media (max-width:768px){.delete-modal{margin:15px;max-width:calc(100vw - 30px)}.delete-modal .modal-content,.delete-modal .modal-header{padding:20px}.modal-actions{flex-direction:column;gap:12px;padding:20px}.btn{width:100%}.warning-icon{font-size:18px;height:36px;width:36px}.delete-modal .modal-header h3{font-size:1.1rem}}@media (max-width:480px){.delete-modal-overlay{padding:10px}.delete-modal{margin:0;max-width:100%}.redirecionamento-info{padding:16px}.warning-message{padding:12px}}[data-theme=light] .delete-modal{background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column}[data-theme=light] .delete-modal .modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}[data-theme=light] .delete-modal .modal-content{background:#fff;display:flex;flex:1 1;flex-direction:column}[data-theme=light] .delete-modal .modal-header h3{color:#1e293b}[data-theme=light] .warning-text{color:#475569}[data-theme=light] .redirecionamento-info{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .redirecionamento-info h4{color:#1e293b}[data-theme=light] .slug-info,[data-theme=light] .url-info{background:#fff;border-left-color:#3b82f6;color:#64748b}[data-theme=light] .slug-info strong,[data-theme=light] .url-info strong{color:#1d4ed8}[data-theme=light] .warning-message{background:#ef44440d;border:1px solid #ef444433}[data-theme=light] .warning-message p{color:#dc2626}[data-theme=light] .warning-message p strong{color:#991b1b}[data-theme=light] .modal-actions{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}[data-theme=light] .btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.new-redirecionamento-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.new-redirecionamento-modal{animation:slideIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 24px}.modal-header h3{color:var(--text-primary)}[data-theme=dark] .modal-header h3{color:#fff!important}.modal-form{padding:24px}.form-input,.form-textarea{border-radius:var(--radius-md);box-sizing:border-box;transition:all var(--transition-normal)}.form-input:focus,.form-textarea:focus{border-color:var(--primary-blue)}.form-input.error,.form-textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.add-url-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:.8rem;gap:6px;padding:8px 12px;transition:all var(--transition-normal)}[data-theme=dark] .add-url-btn{color:#fff!important}.add-url-btn:hover:not(:disabled){background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.add-url-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-group{align-items:center;display:flex;gap:12px}.toggle-label{color:var(--text-primary);cursor:pointer;font-size:.9rem}[data-theme=dark] .toggle-label{color:#fff!important}.error-message{color:var(--error)}.submit-error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);margin-bottom:20px;padding:12px;text-align:center}.modal-actions{background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-primary);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn{display:flex}.btn-secondary{background:var(--bg-tertiary)}.btn-secondary:hover:not(:disabled){background:var(--bg-primary)}.btn-primary{background:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media (max-width:768px){.new-redirecionamento-modal{margin:10px;max-width:95%}.modal-form{padding:16px}.modal-actions{flex-direction:column;padding:16px}.btn{justify-content:center;width:100%}}.status-indicator{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.status-indicator:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.status-indicator:active{transform:scale(.95)}.status-indicator.online{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-indicator.offline{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-indicator.checking{animation:pulse 1.5s infinite;background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-indicator.unknown{animation:none;background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.status-indicator.unknown:hover{background:#e9ecef;border-color:#adb5bd}.status-icon{font-size:10px}.status-text{font-size:11px;letter-spacing:.5px;text-transform:uppercase}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-indicator.small{font-size:10px;padding:2px 6px}.status-indicator.small .status-icon{font-size:8px}.status-indicator.small .status-text{font-size:9px}.status-indicator.large{font-size:14px;padding:6px 12px}.status-indicator.large .status-icon{font-size:12px}.status-indicator.large .status-text{font-size:13px}.redirecionamento-card{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:680px;margin-bottom:var(--space-4);min-width:0;overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal);width:100%}.redirecionamento-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-xl);transform:scale(1.02)}.card-content::-webkit-scrollbar-thumb{background:var(--border-primary)}.card-content::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.description{margin-bottom:15px}.description p{color:#fff!important;font-style:italic;line-height:1.4;margin:0;transition:color var(--transition-normal)}[data-theme=light] .description p{color:#000!important}.webhook-url{align-items:center;border-left:4px solid var(--primary-cyan);border-radius:4px;display:flex;gap:8px;margin-bottom:15px;min-height:40px;padding:10px;transition:all var(--transition-normal)}.webhook-url strong{color:#fff!important;display:block;font-size:.9rem;margin-bottom:5px;transition:color var(--transition-normal)}[data-theme=light] .webhook-url strong{color:#000!important}.url-code{background:var(--bg-tertiary);border-radius:3px;color:#fff!important;display:inline-block;font-family:Courier New,monospace;font-size:.9rem;margin-right:8px;padding:4px 8px;transition:all var(--transition-normal);word-break:break-all}[data-theme=light] .url-code{color:#000!important}.copy-btn{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);border-radius:3px;color:var(--btn-secondary-color);cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all var(--transition-normal)}.copy-btn:hover{background:var(--btn-secondary-hover)}.urls-section{margin-bottom:15px}.urls-section strong{color:#fff!important;display:block;font-size:.9rem;margin-bottom:8px;transition:color var(--transition-normal)}[data-theme=light] .urls-section strong{color:#000!important}.urls-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding-right:4px}.urls-list::-webkit-scrollbar{width:4px}.urls-list::-webkit-scrollbar-track{background:#0000}.urls-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.urls-list::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.url-item{align-items:center;border:1px solid var(--border-primary);border-radius:6px;display:flex;gap:8px;padding:12px;transition:all var(--transition-normal)}.url-item.url-disabled{opacity:.6}.url-content{flex:1 1}.url-content,.url-main{display:flex;flex-direction:column;min-width:0}.url-main{flex:1 1;gap:8px}.url-header{justify-content:space-between;min-height:40px}.url-footer,.url-header{align-items:center;display:flex;gap:8px}.url-footer{justify-content:flex-start}.url-toggle-container{gap:8px}.toggle-label,.url-toggle-container{align-items:center;display:flex;height:20px}.toggle-label{flex-shrink:0;line-height:1;margin:0;padding:0;transform:translateY(5px);white-space:nowrap}.toggle-label,.url-text{font-family:Courier New,monospace;font-size:.85rem}.url-text{color:#fff!important;flex:1 1;line-height:1.3;min-width:0;transition:color var(--transition-normal);word-break:break-all}[data-theme=light] .url-text{color:#000!important}.no-urls{border-radius:4px;color:#fff!important;font-style:italic;margin:0;padding:10px;text-align:center;transition:all var(--transition-normal)}[data-theme=light] .no-urls{color:#000!important}.card-meta{border-radius:4px;display:flex;flex-direction:column;font-size:.85rem;gap:5px;padding:10px;transition:all var(--transition-normal)}.meta-item{align-items:center;display:flex;justify-content:space-between}.meta-item span,.meta-item strong{color:#fff!important;transition:color var(--transition-normal)}.meta-item span{font-family:Courier New,monospace}[data-theme=light] .meta-item span,[data-theme=light] .meta-item strong{color:#000!important}.card-footer{background:#0000!important;border-top:1px solid var(--border-primary);flex-shrink:0;margin-top:auto;padding-top:15px;text-align:center;transition:border-color var(--transition-normal)}.status-badge{border-radius:12px;transition:all var(--transition-normal)}.status-active{background:var(--message-success-bg);border:1px solid var(--message-success-color);color:var(--message-success-color)}.status-inactive{background:var(--message-error-bg);border:1px solid var(--message-error-color);color:var(--message-error-color)}.btn{border-radius:4px}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-secondary{border:1px solid var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn-danger,.btn-danger:hover:not(:disabled){background:var(--message-error-color)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-warning{background:var(--message-warning-color);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background:var(--message-warning-color);opacity:.9}.btn-success,.btn-success:hover:not(:disabled){background:var(--message-success-color)}.btn-success:hover:not(:disabled){opacity:.9}.btn-sm{padding:4px 8px}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:14px;width:14px}@media (max-width:768px){.card-header{flex-direction:column;gap:10px}.card-actions{align-self:stretch;justify-content:center}.url-item{align-items:stretch;flex-direction:column;gap:5px}.url-text{word-break:break-all}.meta-item{align-items:flex-start;flex-direction:column;gap:2px}}.test-result-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.test-result-modal-content{animation:modalIn .3s ease-out forwards;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:16px;box-shadow:0 25px 80px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;transform:scale(.95);width:100%}@keyframes modalIn{to{transform:scale(1)}}.test-result-modal-header{align-items:center;background:linear-gradient(135deg,#374151,#1f2937);border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:24px 28px;position:relative}.test-result-modal-header:before{background:linear-gradient(90deg,#0000,#22c55e80 20%,#3b82f680 50%,#a855f780 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.test-result-modal-header h3{align-items:center;color:#f3f4f6;display:flex;font-size:1.4rem;font-weight:700;gap:8px;margin:0;text-shadow:0 1px 2px #00000080}.test-result-modal-body{background:#111827;color:#f3f4f6;flex:1 1;overflow-y:auto;padding:28px}.test-result-modal-footer{background:linear-gradient(135deg,#1f2937,#111827);border-top:1px solid #374151;display:flex;gap:12px;justify-content:flex-end;padding:24px 28px}.payload-section,.results-section,.statistics-section,.test-info-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f293780;border:1px solid #37415180;border-radius:12px;margin-bottom:32px;padding:20px;transition:all .3s ease}.payload-section:hover,.results-section:hover,.statistics-section:hover,.test-info-section:hover{background:#1f2937b3;border-color:#3b82f64d;transform:translateY(-2px)}.payload-section h4,.results-section h4,.statistics-section h4,.test-info-section h4{align-items:center;border-bottom:1px solid #37415180;color:#e5e7eb;display:flex;font-size:1.2rem;font-weight:700;gap:10px;margin:0 0 20px;padding-bottom:12px;text-shadow:0 1px 2px #00000080}.info-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#11182799;border:1px solid #3741514d;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.info-item:hover{background:#111827cc;border-color:#3b82f666;transform:translateY(-1px)}.info-item strong{color:#9ca3af;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.info-item span{color:#f3f4f6;font-size:1rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background:linear-gradient(135deg,#111827cc,#1f293799);border:1px solid #37415166;padding:20px 16px;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);height:3px;opacity:.6}.stat-card:hover{border-color:#fff3;box-shadow:0 10px 25px #0000004d,0 0 0 1px #ffffff1a;transform:translateY(-4px) scale(1.02)}.stat-value{font-weight:800;margin-bottom:8px;text-shadow:0 1px 2px #00000080}.stat-label{color:#d1d5db;font-size:.75rem;letter-spacing:.1em}.stat-card.success .stat-value,.stat-card.success:before{color:#10b981}.stat-card.error .stat-value,.stat-card.error:before{color:#ef4444}.stat-card.total .stat-value,.stat-card.total:before{color:#3b82f6}.stat-card.rate .stat-value,.stat-card.rate:before{color:#8b5cf6}.stat-card.time .stat-value,.stat-card.time:before{color:#f59e0b}.payload-code{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:8px;box-shadow:inset 0 2px 4px #0003;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;overflow-x:auto;padding:20px}.results-list{display:flex;flex-direction:column;gap:20px}.result-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182766;border:1px solid #37415166;border-radius:12px;overflow:hidden;transition:all .3s ease}.result-item:hover{border-color:#ffffff1a;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.result-item.success{border-left:4px solid #10b981;box-shadow:0 0 20px #10b9811a}.result-item.error{border-left:4px solid #ef4444;box-shadow:0 0 20px #ef44441a}.result-header{align-items:center;background:linear-gradient(135deg,#1f293799,#111827cc);border-bottom:1px solid #3741514d;display:flex;gap:16px;padding:20px}.result-status{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.5rem}.result-destino{flex:1 1}.result-destino strong{color:#f3f4f6;display:block;font-size:.95rem;font-weight:700;margin-bottom:6px}.result-url{background:#0003;border:1px solid #3741514d;border-radius:4px;color:#9ca3af;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.8rem;padding:4px 8px;word-break:break-all}.result-timing{background:#0000004d;border:1px solid #37415166;border-radius:6px;color:#d1d5db;font-size:.875rem;font-weight:600;padding:6px 12px}.result-details{background:#0000001a;padding:20px}.result-status-info{margin-bottom:12px}.status-badge{border:1px solid;border-radius:6px;font-weight:700;letter-spacing:.05em;padding:6px 12px}.status-badge.success{background:#10b98133;border-color:#10b9814d;box-shadow:0 0 10px #10b98133;color:#34d399}.status-badge.error{background:#ef444433;border-color:#ef44444d;box-shadow:0 0 10px #ef444433;color:#f87171}.result-response{margin-top:16px}.result-response strong{color:#e5e7eb;display:block;font-size:.9rem;font-weight:600;margin-bottom:12px}.response-code{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:8px;box-shadow:inset 0 2px 4px #0003;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.5;margin:0;max-height:200px;overflow-x:auto;overflow-y:auto;padding:16px}.result-headers{margin-top:16px}.result-headers summary{border-bottom:1px solid #3741514d;color:#9ca3af;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 0;transition:color .2s ease}.result-headers summary:hover{color:#e5e7eb}.headers-code{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;color:#94a3b8;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.75rem;line-height:1.4;margin:12px 0 0;max-height:150px;overflow-x:auto;overflow-y:auto;padding:14px}.result-error{color:#f87171}.error-message{font-size:.875rem;margin-top:12px}.error-message strong{color:#ef4444;font-weight:700}.btn{border:1px solid;border-radius:8px;letter-spacing:.05em;text-transform:uppercase}.btn.btn-secondary{background:#37415199;border-color:#374151cc;color:#d1d5db}.btn.btn-secondary:hover{background:#374151cc;border-color:#fff3;color:#f3f4f6;transform:translateY(-1px)}.btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.headers-code::-webkit-scrollbar,.response-code::-webkit-scrollbar,.test-result-modal-body::-webkit-scrollbar{width:8px}.headers-code::-webkit-scrollbar-track,.response-code::-webkit-scrollbar-track,.test-result-modal-body::-webkit-scrollbar-track{background:#3741514d;border-radius:4px}.headers-code::-webkit-scrollbar-thumb,.response-code::-webkit-scrollbar-thumb,.test-result-modal-body::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}.headers-code::-webkit-scrollbar-thumb:hover,.response-code::-webkit-scrollbar-thumb:hover,.test-result-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}@media (max-width:768px){.test-result-modal-overlay{padding:10px}.test-result-modal-content{border-radius:12px;max-height:95vh}.test-result-modal-body,.test-result-modal-footer,.test-result-modal-header{padding:20px}.payload-section,.results-section,.statistics-section,.test-info-section{margin-bottom:24px;padding:16px}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.result-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.result-timing{align-self:flex-end}.result-details{padding:16px}.test-result-modal-header h3{font-size:1.2rem}.btn{font-size:.8rem;padding:10px 20px}}.redirecionamento-manager{margin:0 auto;max-width:calc(100vw - 350px);padding:5px 15px 15px;width:100%}.header-actions{gap:6px}.header-actions .btn{align-items:center;display:flex;gap:6px}.header-actions .btn svg{height:20px;width:20px}.empty-state{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:40px 20px}.empty-state p{font-size:1.1rem}.redirecionamentos-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));justify-items:stretch;margin-top:20px;width:100%}.redirecionamentos-grid>*{max-width:100%;width:100%}.loading{padding:40px;text-align:center}.loading .spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;width:40px}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:40px;text-align:center}.error h2{margin-top:0}.retry-button{background:#dc3545;border-radius:4px;font-size:1rem}.retry-button:hover{background:#c82333}.form-card{max-width:600px}@media (max-width:768px){.section-header{align-items:stretch;flex-direction:column;gap:15px;padding-bottom:15px}.header-actions{justify-content:center;width:100%}.header-actions .btn{flex:1 1;min-width:120px}.redirecionamentos-grid{grid-template-columns:1fr}.form-overlay{padding:10px}.form-card{max-height:95vh}}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.skeleton-table{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-table-row{display:flex;gap:var(--space-4);padding:var(--space-3)}.skeleton-table-cell{border-radius:var(--radius-sm);flex:1 1;height:20px}.skeleton-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skeleton-stat-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.skeleton-stat-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.skeleton-stat-icon{border-radius:var(--radius-md);height:40px;width:40px}.skeleton-stat-title{border-radius:var(--radius-sm);flex:1 1;height:16px}.skeleton-stat-value{border-radius:var(--radius-sm);height:32px;margin-bottom:var(--space-2)}.skeleton-stat-description{border-radius:var(--radius-sm);height:14px;width:70%}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{animation:skeleton-pulse 2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-wave{overflow:hidden;position:relative}.skeleton-wave:after{animation:skeleton-wave 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes skeleton-wave{0%{left:-100%}to{left:100%}}.progress-bar-container{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.progress-label{align-items:center;display:flex;justify-content:space-between}.progress-text{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-medium)}.progress-track{background:var(--bg-tertiary);height:8px;width:100%}.progress-fill,.progress-track{border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;transition:width .3s ease}.progress-sm .progress-track{height:4px}.progress-md .progress-track{height:8px}.progress-lg .progress-track{height:12px}.progress-xl .progress-track{height:16px}.progress-primary{background:var(--primary-gradient)}.progress-success{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.progress-warning{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.progress-error{background:linear-gradient(90deg,var(--error-500),var(--error-600))}.progress-info{background:linear-gradient(90deg,var(--info-500),var(--info-600))}.progress-animated .progress-fill{animation:progressPulse 2s ease-in-out infinite}.progress-striped .progress-fill:after{animation:progressStripes 1s linear infinite;background-image:linear-gradient(45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes progressStripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-glow .progress-fill{box-shadow:0 0 10px #00bcd480}.progress-glow.progress-success .progress-fill{box-shadow:0 0 10px #22c55e80}.progress-glow.progress-warning .progress-fill{box-shadow:0 0 10px #f59e0b80}.progress-glow.progress-error .progress-fill{box-shadow:0 0 10px #ef444480}.progress-glow.progress-info .progress-fill{box-shadow:0 0 10px #3b82f680}.page-stats{grid-gap:30px;display:grid;gap:30px;grid-template-rows:auto 1fr;margin:0 auto;max-width:calc(300vw - 40px);padding:5px 15px 15px}.stats-manager{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;transition:all var(--transition-normal)}.stats-manager:hover{box-shadow:var(--shadow-lg)}.page-title{color:var(--text-primary);transition:color var(--transition-normal)}[data-theme=dark] .page-title .icon-img{filter:brightness(0) invert(1)}.header-actions{align-items:center;flex-shrink:0;gap:15px}@media (max-width:768px){.section-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{gap:10px;justify-content:center}}.refresh-button{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.refresh-button:hover{background:#5a6fd8;transform:translateY(-1px)}.error-state,.loading-state{color:#666;padding:40px 20px;text-align:center}[data-theme=dark] .error-state,[data-theme=dark] .loading-state{color:#fff!important}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:32px;margin:0 auto 15px;width:32px}.error-state{color:#dc3545}[data-theme=dark] .error-state{color:#ff6b6b!important}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:30px}.stat-card{background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);min-height:120px;overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:scale(1.02)}.stat-progress{margin-top:var(--space-3)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.total:before,.stat-card:before{background:#667eea}.stat-card.success .stat-description,.stat-card.success .stat-label,.stat-card.success .stat-value{color:#fff}.stat-card.success:before{background:#28a745}.stat-card.error .stat-description,.stat-card.error .stat-label,.stat-card.error .stat-value{color:#fff}.stat-card.error:before{background:#dc3545}.stat-card.today:before{background:#17a2b8}.stat-card.rate:before{background:#ffc107}.stat-card.destinations:before{background:#6f42c1}.stat-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a}.stat-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.stat-icon{flex-shrink:0;font-size:1.5rem;opacity:.8}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.stat-value{color:#333;font-size:1.75rem;line-height:1;margin-bottom:2px}[data-theme=dark] .stat-value{color:#fff!important}.stat-label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}[data-theme=dark] .stat-label{color:#fff!important}.stat-description{color:#999;font-size:.75rem;line-height:1.2;margin-bottom:var(--space-2)}[data-theme=dark] .stat-description{color:#fff!important}.stats-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}[data-theme=dark] .stats-summary{background:var(--bg-subtle);border-color:var(--border-subtle)}.stats-summary h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}[data-theme=dark] .stats-summary h3{color:#fff!important}.summary-content p{color:#666;font-size:.9rem;line-height:1.4;margin:8px 0}[data-theme=dark] .summary-content p{color:#fff!important}.summary-content strong{color:#333;font-weight:600}[data-theme=dark] .summary-content strong{color:#fff!important}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width:768px){.stats-container{padding:15px}.stats-header{align-items:stretch;flex-direction:column;gap:15px}.stats-grid{gap:15px;grid-template-columns:1fr;grid-template-rows:auto}.stat-card{flex-direction:column;gap:10px;min-height:100px;padding:15px;text-align:left}.stat-icon{font-size:1.25rem}.stat-value{font-size:1.4rem}.stat-label{font-size:.75rem}.stat-description{font-size:.7rem}.stats-summary{padding:15px}.summary-content p{font-size:.85rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}.stat-value{font-size:1.2rem}}.btn{border:2px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);line-height:1.5;outline:none;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid var(--primary-cyan);outline-offset:2px}.btn-content{align-items:center;display:flex;gap:var(--space-2);position:relative;z-index:2}.btn-icon,.btn-text{transition:all var(--transition-normal)}.btn-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.loading-spinner{animation:spin 1s linear infinite}.btn-ripple{background:#ffffff1a;border-radius:inherit;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s ease}.btn:active .btn-ripple{opacity:1;transform:scale(1)}.btn-primary{background:var(--primary-gradient);border-color:#0000}.btn-primary:hover:not(.disabled):not(.loading){background:linear-gradient(135deg,var(--primary-blue-light),var(--primary-indigo-light));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(.disabled):not(.loading){box-shadow:var(--shadow-md);transform:translateY(0)}.btn-secondary{background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);color:var(--btn-secondary-color)}.btn-secondary:hover:not(.disabled):not(.loading){background:var(--btn-secondary-hover);border-color:var(--primary-cyan);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background:#0000;border-color:var(--primary-cyan);color:var(--primary-cyan)}.btn-outline:hover:not(.disabled):not(.loading){background:var(--primary-cyan);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.btn-ghost{background:#0000;border-color:#0000;color:var(--text-primary)}.btn-ghost:hover:not(.disabled):not(.loading){background:var(--hover-bg);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-danger{background:var(--error-500);border-color:#0000}.btn-danger:hover:not(.disabled):not(.loading){background:var(--error-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-sm{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.btn-lg{border-radius:var(--radius-lg);font-size:16px;padding:var(--space-4) var(--space-6)}.btn-xl{border-radius:var(--radius-xl);font-size:18px;padding:var(--space-5) var(--space-8)}.btn.loading{cursor:not-allowed;pointer-events:none}.btn.loading .btn-icon,.btn.loading .btn-text{opacity:0}.btn.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn.disabled:hover{box-shadow:var(--shadow-sm);transform:none}@keyframes buttonPulse{0%{box-shadow:0 0 0 0 #00bcd466}70%{box-shadow:0 0 0 10px #00bcd400}to{box-shadow:0 0 0 0 #00bcd400}}.btn-pulse{animation:buttonPulse 2s infinite}.btn-gradient-border{background:var(--bg-elevated);border:2px solid #0000;position:relative}.btn-gradient-border:before{background:var(--primary-gradient);border-radius:inherit;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.btn-gradient-border:hover:before{background:linear-gradient(135deg,var(--primary-blue-light),var(--primary-indigo-light))}@media (max-width:768px){.btn{font-size:14px;padding:var(--space-3) var(--space-4)}.btn-sm{font-size:12px;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:16px;padding:var(--space-4) var(--space-5)}}.settings-container{margin:0 auto;max-width:calc(100vw - 350px);padding:5px 15px 15px;width:100%}.page-title .icon-img{height:32px;width:32px}.settings-content{margin:0 auto;max-width:800px;padding:20px 0}.settings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-normal)}.settings-section:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg)}.section-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.section-title{align-items:flex-start!important;display:flex!important;flex-direction:column!important;text-align:left!important}.section-title h3{color:#fff!important;font-size:1.3rem;font-weight:600;margin:0!important;text-align:left!important;transition:color var(--transition-normal)}[data-theme=light] .section-title h3{color:#000!important}.section-title p{color:#fff!important;font-size:.95rem;margin:2px 0 0!important;opacity:.8;text-align:left!important;transition:color var(--transition-normal)}[data-theme=light] .section-title p{color:#000!important;opacity:.7}.section-content{margin-top:20px;padding:0}.settings-skeleton{margin:0 auto;max-width:800px;padding:20px 0}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.form-label{color:#fff!important;transition:color var(--transition-normal)}[data-theme=light] .form-label{color:#000!important}.input-group{align-items:stretch;display:flex;gap:8px;margin-bottom:8px}.form-control{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:#000!important;flex:1 1;font-size:.9rem;padding:8px 12px;transition:all var(--transition-normal)}[data-theme=dark] .form-control,[data-theme=light] .form-control{background:#fff;color:#000!important}.form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #667eea33}.text-muted{color:#fff!important;font-size:.8rem;opacity:.7;transition:color var(--transition-normal)}[data-theme=light] .text-muted{color:#000!important;opacity:.6}.toggle-setting{align-items:center;display:flex;gap:16px;justify-content:space-between}.toggle-info{flex:1 1}.toggle-label{color:#fff!important;display:block;font-size:1rem;font-weight:600;margin-bottom:8px;transition:color var(--transition-normal)}[data-theme=light] .toggle-label{color:#000!important}.toggle-description{color:#fff!important;font-size:.85rem;line-height:1.4;margin:0;opacity:.8;transition:color var(--transition-normal)}[data-theme=light] .toggle-description{color:#000!important;opacity:.7}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.info-item{align-items:center!important;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;display:flex!important;gap:8px!important;justify-content:flex-start!important;padding:12px 16px;transition:all var(--transition-normal)}.info-item strong{color:#fff!important;font-size:.9rem;font-weight:600;transition:color var(--transition-normal)}[data-theme=light] .info-item strong{color:#000!important}.info-item span{color:#fff!important;font-size:.9rem;transition:color var(--transition-normal)}[data-theme=light] .info-item span{color:#000!important}.alert{animation:fadeIn .3s ease-out}.alert-success{background:var(--message-success-bg);border:1px solid var(--message-success-color);color:var(--message-success-color)}.alert-error{background:var(--message-error-bg);border:1px solid var(--message-error-color);color:var(--message-error-color)}@media (max-width:768px){.settings-container{padding:15px}.settings-content{max-width:100%;padding:0}.settings-section{margin-bottom:var(--space-4)}.section-header{align-items:stretch;flex-direction:column;gap:12px}.input-group{flex-direction:column;gap:8px}.toggle-setting{align-items:stretch;flex-direction:column;gap:15px}.info-grid{gap:12px;grid-template-columns:1fr;grid-template-rows:auto}.info-item{align-items:center!important;flex-direction:row!important;gap:8px!important;justify-content:flex-start!important}}@media (max-width:480px){.settings-container{padding:10px}.settings-section{padding:var(--space-4)}.section-title h3{font-size:1.1rem}.section-icon{height:40px;width:40px}.info-item{padding:8px 12px}}.status-online{color:#22c55e;font-weight:600}.status-offline{color:#ef4444;font-weight:600}.status-online:before{content:"🟢 "}.status-offline:before{content:"🔴 "}.page-dashboard{min-height:100%}@media (max-width:768px){.page-dashboard{padding:0}}@media (max-width:480px){.page-dashboard{padding:0}}.page-redirecionamentos{min-height:100%}@media (max-width:768px){.page-redirecionamentos{padding:0}}@media (max-width:480px){.page-redirecionamentos{padding:0}}.new-redirecionamento-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.page-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:40px 20px}.page-header h1{color:var(--text-primary);font-size:2rem;font-weight:600;margin:0 0 8px}[data-theme=dark] .page-header h1,[data-theme=dark] .page-header p{color:#fff!important}.page-content{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.redirecionamento-form{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:32px;width:100%}.form-group{margin-bottom:24px}.form-label{color:var(--text-primary);font-weight:500;margin-bottom:8px}[data-theme=dark] .form-label{color:#fff!important}.form-input,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--bg-primary);color:#fff!important}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-textarea{min-height:80px;resize:vertical}.form-help{color:var(--text-secondary);font-size:.8rem;margin-top:4px}[data-theme=dark] .form-help{color:#fff!important}.url-input-group{align-items:center;display:flex;gap:8px;margin-bottom:8px}.url-input-group .form-input{flex:1 1}.remove-url-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.remove-url-btn:hover{background:#dc2626}.add-url-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.add-url-btn:hover{background:var(--primary-hover)}.error-message{color:#ef4444;font-size:.8rem}.form-actions{border-top:1px solid var(--border-primary);gap:16px;margin-top:32px;padding-top:24px}.btn{padding:12px 24px}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}[data-theme=dark] .btn-secondary{color:#fff!important}.btn-secondary:hover{background:var(--bg-secondary)}.toggle-container{align-items:center;display:flex;gap:12px;margin-top:8px}@media (max-width:768px){.page-header{padding:20px 16px}.page-header h1{font-size:1.5rem}.page-content{padding:20px 16px}}.page-stats{min-height:100%}@media (max-width:768px){.page-stats{padding:0}}@media (max-width:480px){.page-stats{padding:0}}.page-settings{min-height:100%}@media (max-width:768px){.page-settings{padding:0}}@media (max-width:480px){.page-settings{padding:0}}.user-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.form-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 24px}.form-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.form-content{padding:24px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group input:disabled,.form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{color:#dc3545;display:block;font-size:12px;font-weight:500;margin-top:4px}.alert{border-radius:8px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.form-actions{border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn{min-width:120px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.form-header{padding:16px 20px}.form-header h3{font-size:16px}.form-content{padding:20px}.form-actions{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.form-header{padding:12px 16px}.form-content{padding:16px}.form-group{margin-bottom:16px}.form-group input,.form-group select{font-size:16px;padding:10px 12px}}.user-card{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:320px;margin-bottom:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.user-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-xl);transform:scale(1.02)}.card-header{align-items:flex-start;background:#0000!important;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);transition:border-color var(--transition-normal)}.card-title{display:flex;flex:1 1;flex-direction:column;gap:8px}.card-status{gap:8px;min-width:0}.card-status,.status-label{align-items:center;display:flex;flex-shrink:0}.status-label{color:#fff!important;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;height:20px;line-height:1;margin:0;padding:0;transform:translateY(5px);transition:color var(--transition-normal);white-space:nowrap}[data-theme=light] .status-label{color:#000!important}.card-title h3{color:#fff!important;font-size:1.2rem;font-weight:600;margin:0;transition:color var(--transition-normal)}[data-theme=light] .card-title h3{color:#000!important}.card-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:12px;margin-top:-32px;min-height:40px;position:relative;z-index:10}.card-content{flex:1 1;margin-bottom:15px;overflow-y:auto;padding-right:4px}.card-content::-webkit-scrollbar{width:4px}.card-content::-webkit-scrollbar-track{background:#0000}.card-content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.card-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.user-info{align-items:flex-start;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:16px;padding:16px}.user-avatar{flex-shrink:0;height:48px;width:48px}.avatar-icon{color:#fff;height:24px;width:24px}.user-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.user-email,.user-last-login,.user-role{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px}.user-email .icon,.user-last-login .icon,.user-role .icon{flex-shrink:0;height:16px;width:16px}.user-email{color:var(--text-primary);font-weight:500}.user-role{color:var(--text-secondary);font-weight:500}.user-last-login{color:var(--text-muted);font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-card{height:auto;min-height:280px}.card-header{align-items:stretch;flex-direction:column;gap:12px}.card-actions{justify-content:center;margin-top:0}.user-info{flex-direction:column;text-align:center}.user-details,.user-info{align-items:center}}@media (max-width:480px){.user-card{height:auto;min-height:250px;padding:var(--space-4)}.card-title h3{font-size:1.1rem}.status-label{font-size:1rem}.user-avatar{height:40px;width:40px}.avatar-icon{height:20px;width:20px}}[data-theme=dark] .user-card{background:var(--bg-glass-dark);border-color:var(--border-subtle-dark)}[data-theme=dark] .user-info{background:var(--bg-subtle-dark);border-color:var(--border-subtle-dark)}[data-theme=dark] .user-email{color:var(--text-primary-dark)}[data-theme=dark] .user-role{color:var(--text-secondary-dark)}[data-theme=dark] .user-last-login{color:var(--text-muted-dark)}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-button:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.close-button:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:24px;text-align:center}.warning-icon{color:#f59e0b;font-size:48px;margin-bottom:16px}.modal-body p{color:#374151;line-height:1.5;margin:0 0 12px}.modal-body p:last-child{margin-bottom:0}.warning-text{color:#dc2626;font-size:.875rem;font-weight:500}.modal-footer{border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px 24px}.btn{border:1px solid #0000;font-size:.875rem;min-width:100px;transition:all .2s}.btn:disabled{opacity:.5}.btn-secondary{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.btn-danger{background-color:#dc2626;border-color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}@media (max-width:640px){.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding-left:16px;padding-right:16px}.modal-footer{flex-direction:column}.btn{width:100%}}.user-manager{margin:0 auto;max-width:calc(100vw - 350px);padding:5px 15px 15px;width:100%}.page-title .icon-img{transition:filter var(--transition-normal)}.page-title h2{color:#fff!important;font-size:1.5rem;font-weight:600;margin:0}[data-theme=light] .page-title h2{color:#000!important}[data-theme=light] .page-title .icon-img{filter:none}.section-header h2{color:#333;font-size:1.5rem;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.empty-state{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin-top:20px}.empty-icon{margin-bottom:20px}.empty-icon .icon{color:#6c757d;height:64px;width:64px}.empty-state h3{color:#495057;font-size:1.25rem;font-weight:600;margin:0 0 8px}.empty-state p{color:#6c757d;font-size:1rem;margin:0 0 24px}.btn{padding:10px 16px}.btn .icon{flex-shrink:0;height:16px;width:16px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-success:hover{background:#218838;transform:translateY(-1px)}.btn-warning:hover{background:#e0a800}.btn-danger:hover,.btn-warning:hover{transform:translateY(-1px)}.btn-sm{font-size:12px;padding:6px 10px}.btn:disabled{transform:none!important}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-card{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.error,.loading{padding:40px 20px;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:32px;margin:0 auto 20px;width:32px}.error h2{color:#dc3545;margin-bottom:10px}.retry-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px}.retry-button:hover{background:#5a6fd8}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin:10px 0}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#333;font-weight:600;padding:16px 12px;text-align:left}.users-table td{border-bottom:1px solid #e1e5e9;padding:16px 12px;vertical-align:middle}.users-table tr:hover{background:#f8f9fa}.user-cell{align-items:center;display:flex;gap:12px}.user-avatar{font-size:14px;font-weight:600;height:32px;width:32px}.user-name{color:#333;font-weight:500}.role-badge,.status-badge{border-radius:4px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.role-admin{background:#cce5ff;color:#004085}.role-user{background:#e2e3e5;color:#383d41}.action-buttons{align-items:center;display:flex;gap:6px}.action-buttons .btn{align-items:center;display:flex;height:32px;justify-content:center;min-width:32px;padding:0}@media (max-width:768px){.user-manager{padding:15px}.section-header{align-items:stretch;flex-direction:column}.section-header h2{font-size:20px;margin-bottom:15px}.header-actions{justify-content:center}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.users-table td,.users-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{font-size:10px;height:28px;width:28px}}@media (max-width:480px){.form-overlay{padding:10px}.form-card{max-height:95vh}.users-table td,.users-table th{font-size:12px;padding:8px 4px}.user-cell{gap:8px}.user-avatar{font-size:12px;height:24px;width:24px}}@media (max-width:768px){.users-grid{gap:16px;grid-template-columns:1fr}.page-title{justify-content:center}}@media (max-width:480px){.users-grid{gap:12px;grid-template-columns:1fr}.empty-state{padding:40px 15px}.empty-icon .icon{height:48px;width:48px}}.page-users{min-height:100%}@media (max-width:768px){.page-users{padding:0}}@media (max-width:480px){.page-users{padding:0}}.logs-page{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:30px;text-align:center}.page-header h2{color:var(--text-primary);font-size:2.2rem;font-weight:600;margin-bottom:10px}.page-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.refresh-indicator{animation:spin 2s linear infinite;font-size:.8em;margin-left:10px;opacity:.7}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-md);padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.success{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff}.stat-card.success .stat-label,.stat-card.success .stat-value,.stat-card.success h3{color:#fff}.stat-card.error{background:linear-gradient(135deg,#dc3545,#e74c3c);border-color:#dc3545;color:#fff}.stat-card.error .stat-label,.stat-card.error .stat-value,.stat-card.error h3{color:#fff}.stat-card h3{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.tabs{border-bottom:2px solid var(--border-subtle);display:flex;margin-bottom:20px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.tab.active,.tab:hover{background-color:var(--bg-hover);color:var(--accent-primary)}.tab.active{border-bottom-color:var(--accent-primary)}.logs-container{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.logs-filters{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);padding:20px}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-group label{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:5px}.filter-group input,.filter-group select{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:8px 12px;transition:border-color .3s ease,box-shadow .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.search-group{flex:1 1;min-width:300px}.logs-table-container{max-height:600px;overflow-x:auto;overflow-y:auto}.logs-table{border-collapse:collapse;font-size:.9rem;width:100%}.logs-table th{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-weight:600;padding:15px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.logs-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:12px;vertical-align:top}.logs-table tbody tr:hover{background-color:var(--bg-hover)}.logs-table tbody tr:nth-child(2n){background-color:var(--bg-subtle)}.logs-table tbody tr:nth-child(2n):hover{background-color:var(--bg-hover)}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-warning{background-color:#ffeaa7;border:1px solid #fdcb6e;color:#856404}.status-default{background-color:#e9ecef;border:1px solid #ced4da;color:#495057}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-detail-row{animation:expandRow .3s ease-out;background:var(--bg-subtle);border-top:1px solid var(--border-subtle)}.log-detail-cell{background:var(--bg-subtle);border:none!important;padding:0!important}@keyframes expandRow{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.log-details{border-top:1px solid var(--border-subtle);margin-top:0}.log-detail-content,.log-details{background:var(--bg-subtle);padding:20px}.log-detail-content h4{border-bottom:2px solid var(--accent-primary);color:var(--text-primary);font-size:1.2rem;margin-bottom:15px;padding-bottom:8px}.detail-grid{grid-gap:20px;display:grid;gap:20px}.detail-item{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:8px;padding:15px}.detail-item label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.detail-item pre{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:.8rem;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.detail-item span{color:var(--text-primary);font-size:.9rem}.error-text{background-color:#f8d7da!important;border-color:#f5c6cb!important;color:#dc3545!important}.pagination{align-items:center;background:var(--bg-subtle);border-top:1px solid var(--border-subtle);display:flex;gap:15px;justify-content:center;padding:20px}.pagination button{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--text-secondary);font-size:.9rem;font-weight:500}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border-top:4px solid var(--border-subtle);border:4px solid var(--border-subtle);border-top-color:var(--accent-primary);height:40px;margin-bottom:15px;width:40px}@media (max-width:768px){.logs-page{padding:10px}.stats-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:15px}.stat-value{font-size:2rem}.filter-row{flex-direction:column;gap:15px}.filter-group,.search-group{min-width:100%}.logs-table-container{font-size:.8rem}.logs-table td,.logs-table th{padding:8px 6px}.pagination{flex-direction:column;gap:10px}}@media (max-width:480px){.page-header h2,.stat-value{font-size:1.8rem}.tabs{flex-direction:column}.tab{text-align:center}}.date-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.date-shortcuts .btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.date-shortcuts .btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.date-shortcuts .btn:active{background:#e9ecef;transform:translateY(1px)}@media (max-width:768px){.date-shortcuts{flex-direction:column;gap:4px}.date-shortcuts .btn{text-align:center;width:100%}}.user-profile{margin:0;max-width:none;padding:5px 15px 15px}.profile-header{margin-bottom:30px;text-align:center}.profile-header h2{color:#333;margin-bottom:20px}.user-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;gap:20px;padding:20px}.user-avatar,.user-info{align-items:center;display:flex;justify-content:center}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:24px;font-weight:700;height:60px;width:60px}.user-details h3{color:#333;margin:0 0 5px}.user-details p{color:#666;margin:0 0 10px}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#dc3545;color:#fff}.role-badge.user{background:#28a745;color:#fff}.profile-actions{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.btn{border-radius:5px;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-danger:hover{background:#c82333}.btn-secondary:hover{background:#545b62}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;margin:0}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.form-help{color:#666;display:block;font-size:12px;margin-top:5px}.alert{border-radius:5px;font-size:14px;margin-bottom:20px;padding:12px}@media (max-width:768px){.user-info{text-align:center}.profile-actions,.user-info{flex-direction:column}.modal{margin:10px;width:95%}.modal-footer{flex-direction:column}}.help-page{background:var(--bg-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.help-container{padding:5px 15px 15px}.help-container,.section-header{margin:0 auto;max-width:calc(100vw - 350px);width:100%}.section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;min-width:0;padding-bottom:8px}[data-theme=dark] .section-header{border-bottom-color:#3c4043}.page-title{align-items:center;color:#fff!important;display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0}.page-title .icon-img{filter:brightness(0) invert(1);height:40px;width:40px}[data-theme=light] .page-title{color:#000!important}[data-theme=light] .page-title .icon-img{filter:brightness(0) invert(0)}.help-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin-top:20px}.help-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:var(--space-6);position:-webkit-sticky;position:sticky;top:20px}.help-nav{display:flex;flex-direction:column;gap:8px}.help-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all var(--transition-normal);width:100%}.help-nav-item:hover{background:var(--bg-subtle);color:var(--primary-blue)}.help-nav-item.active{background:var(--primary-blue);box-shadow:var(--shadow-md);color:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:600px;padding:var(--space-6)}.help-content{color:var(--text-primary);line-height:1.6}.help-header{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.help-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:12px;margin:0 0 var(--space-3) 0}.help-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-6) 0}.feature-card{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:16px;padding:var(--space-5);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-content h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.feature-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.getting-started{margin:var(--space-6) 0}.getting-started h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:12px;margin:0 0 var(--space-4) 0}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{align-items:flex-start;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px}.step-number{align-items:center;background:var(--primary-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.step-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.step-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.code-block{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:16px 0;overflow-x:auto;padding:16px}.code-block pre{color:var(--text-primary);font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;margin:0;white-space:pre-wrap}.info-box{background:var(--message-info-bg);border:1px solid var(--message-info-color);border-radius:var(--radius-md);margin:16px 0;padding:16px}.info-box h4{font-size:1rem;font-weight:600;margin:0 0 8px}.info-box h4,.info-box p{color:var(--message-info-color)}.info-box p{font-size:.9rem;line-height:1.4;margin:0}.warning-box{background:var(--message-warning-bg);border:1px solid var(--message-warning-color);border-radius:var(--radius-md);margin:16px 0;padding:16px}.warning-box h4{font-size:1rem;font-weight:600;margin:0 0 8px}.warning-box h4,.warning-box p{color:var(--message-warning-color)}.warning-box p{font-size:.9rem;line-height:1.4;margin:0}.success-box{background:var(--message-success-bg);border:1px solid var(--message-success-color);border-radius:var(--radius-md);margin:16px 0;padding:16px}.success-box h4{font-size:1rem;font-weight:600;margin:0 0 8px}.success-box h4,.success-box p{color:var(--message-success-color)}.success-box p{font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.help-page{padding:15px}.help-layout{gap:20px;grid-template-columns:1fr}.help-sidebar{order:2;position:static}.help-main{order:1}.features-grid{gap:16px;grid-template-columns:1fr}.step-item{flex-direction:column;gap:12px}.step-number{align-self:flex-start}}@media (max-width:480px){.help-page{padding:10px}.help-main,.help-sidebar{padding:var(--space-4)}.feature-card{flex-direction:column;gap:12px;text-align:center}.help-header h2{font-size:1.5rem}.page-title{font-size:1.3rem}}.toast{animation:toastSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;min-width:300px;overflow:hidden;position:fixed;z-index:9999}.toast-exiting{animation:toastSlideOut .3s ease-in}.toast-top-right{right:var(--space-4);top:var(--space-4)}.toast-top-left{left:var(--space-4);top:var(--space-4)}.toast-bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast-bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast-top-center{left:50%;top:var(--space-4);transform:translateX(-50%)}.toast-bottom-center{bottom:var(--space-4);left:50%;transform:translateX(-50%)}.toast-content{align-items:flex-start;display:flex;gap:var(--space-3);padding:var(--space-4)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-body{flex:1 1;min-width:0}.toast-title{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-semibold);line-height:1.4;margin-bottom:var(--space-1)}.toast-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-1);transition:all var(--transition-normal)}.toast-close:hover{background:var(--hover-bg);color:var(--text-primary)}.toast-success{border-left:4px solid var(--success-500)}.toast-success .toast-icon{color:var(--success-500)}.toast-error{border-left:4px solid var(--error-500)}.toast-error .toast-icon{color:var(--error-500)}.toast-warning{border-left:4px solid var(--warning-500)}.toast-warning .toast-icon{color:var(--warning-500)}.toast-info{border-left:4px solid var(--info-500)}.toast-info .toast-icon{color:var(--info-500)}.toast-progress{background:var(--bg-tertiary);bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.toast-progress-bar{animation:toastProgress linear;background:var(--primary-gradient);height:100%;transform-origin:left}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:768px){.toast{max-width:calc(100vw - var(--space-8));min-width:280px}.toast-bottom-left,.toast-bottom-right,.toast-top-left,.toast-top-right{left:var(--space-4);right:var(--space-4);transform:none}}*{box-sizing:border-box}.App{background:linear-gradient(135deg,#667eea,#764ba2)}.App,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.text-success{color:#28a745}.text-error{color:#dc3545}.text-warning{color:#ffc107}.text-muted{color:#6c757d}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-height:36px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-sm{font-size:.8rem;min-height:30px;padding:6px 12px}.btn-lg{font-size:1rem;min-height:48px;padding:12px 24px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.card-body{padding:20px}.card-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px}.form-group{margin-bottom:20px}.form-label{color:#555;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.form-control{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-control:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.alert{animation:slideIn .3s ease;border-radius:6px;font-weight:500;margin:15px;max-width:calc(100vw - 130px);padding:12px 16px;text-align:center}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.App{background-color:#f8f9fa;min-height:100vh}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-screen .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}.loading-screen p{font-size:16px;margin:0}.app-content{min-height:calc(100vh - 60px)}.app-nav{-ms-overflow-style:none;background:#fff;border-bottom:1px solid #e1e5e9;display:flex;gap:0;overflow-x:auto;padding:0 20px;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.nav-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 20px;transition:all .2s ease;white-space:nowrap}.nav-button:hover{background-color:#f8f9fa;color:#333}.nav-button.active{background-color:#f8f9fa;border-bottom-color:#667eea;color:#667eea}@media (max-width:768px){.container{padding:0 15px}.btn{font-size:.9rem;padding:10px 16px}.card-body,.card-footer,.card-header{padding:15px}.form-control{font-size:.9rem;padding:10px 14px}.app-nav{padding:0 15px}.nav-button{font-size:13px;padding:12px 16px}}@media (max-width:480px){.app-nav{padding:0 10px}.nav-button{font-size:12px;padding:10px 12px}}