:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#252525;--color-primary-50:#fef7ed;--color-primary-100:#fdefd5;--color-primary-200:#fbdcaa;--color-primary-300:#f8c274;--color-primary-400:#f5a03c;--color-primary-500:#d4a574;--color-primary-600:#c89554;--color-primary-700:#b8833d;--color-primary-800:#9a6b2e;--color-primary-900:#7d5624;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#404040;--color-gray-300:#525252;--color-gray-400:#737373;--color-gray-500:#a3a3a3;--color-gray-600:#d4d4d4;--color-gray-700:#e5e5e5;--color-gray-800:#f5f5f5;--color-gray-900:#fff;--color-text-primary:#fff;--color-text-secondary:#d4d4d4;--color-text-tertiary:#a3a3a3;--color-success:#22c55e;--color-success-light:#bbf7d0;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-grade-a:#22c55e;--color-grade-a-light:#86efac;--color-grade-b:#84cc16;--color-grade-b-light:#bef264;--color-grade-c:#eab308;--color-grade-c-light:#fde047;--color-grade-d:#f97316;--color-grade-d-light:#fdba74;--color-grade-f:#ef4444;--color-grade-f-light:#fca5a5;--color-grade-default:#6b7280;--color-status-new:#667eea;--color-status-contacted:#f59e0b;--color-status-in-progress:#3b82f6;--color-status-completed:#10b981;--color-status-closed:#6b7280;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-serif:"Georgia","Times New Roman",serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Menlo","Courier New",monospace;--font-family-data:var(--font-family-mono);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--shadow-xs:0 1px 2px 0 #00000080;--shadow-sm:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #0009;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-hover:0 12px 24px -6px #d4a5744d,0 4px 8px -4px #d4a57433;--radius-none:0;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:4px;--radius-2xl:4px;--radius-3xl:4px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slowest:500ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--primary-color:var(--color-primary-500);--primary-dark:var(--color-primary-600);--secondary-color:var(--color-primary-700);--accent-color:var(--color-primary-400);--text-dark:var(--color-text-primary);--text-light:var(--color-text-tertiary);--bg-light:var(--color-bg-secondary)}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f5;--color-primary-50:#fef7ed;--color-primary-100:#fdefd5;--color-primary-200:#fbdcaa;--color-primary-300:#f8c274;--color-primary-400:#e8944a;--color-primary-500:#c4854a;--color-primary-600:#b07340;--color-primary-700:#8f5d32;--color-primary-800:#744b28;--color-primary-900:#5c3c20;--color-gray-50:#0a0a0a;--color-gray-100:#1a1a1a;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-info:#2563eb;--color-info-light:#dbeafe;--color-grade-a:#16a34a;--color-grade-a-light:#dcfce7;--color-grade-b:#65a30d;--color-grade-b-light:#ecfccb;--color-grade-c:#ca8a04;--color-grade-c-light:#fef9c3;--color-grade-d:#ea580c;--color-grade-d-light:#ffedd5;--color-grade-f:#dc2626;--color-grade-f-light:#fee2e2;--color-grade-default:#6b7280;--color-status-new:#5850ec;--color-status-contacted:#d97706;--color-status-in-progress:#2563eb;--color-status-completed:#059669;--color-status-closed:#6b7280;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-hover:0 12px 24px -6px #c4854a33,0 4px 8px -4px #c4854a26;--primary-color:var(--color-primary-500);--primary-dark:var(--color-primary-600);--secondary-color:var(--color-primary-700);--accent-color:var(--color-primary-400);--text-dark:var(--color-text-primary);--text-light:var(--color-text-tertiary);--bg-light:var(--color-bg-secondary)}body{background-color:#0a0a0a;background-color:var(--color-bg-primary);color:#d4d4d4;color:var(--color-text-secondary);transition:background-color .3s ease,color .3s ease}.btn{align-items:center;border:none;border-radius:3px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-2);justify-content:center;line-height:1.25;line-height:var(--line-height-tight);min-height:40px;outline:none;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);text-align:center;text-decoration:none;transition:all .2s ease;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);min-height:32px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);min-height:48px;padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.btn-full-width{width:100%}.btn-primary{background:#d4a574;background:var(--color-primary-500);box-shadow:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;box-shadow:var(--shadow-sm);color:#0a0a0a;color:var(--color-bg-primary)}.btn-primary:hover:not(:disabled){background:#c89554;background:var(--color-primary-600);box-shadow:0 12px 24px -6px #d4a5744d,0 4px 8px -4px #d4a57433;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:#b8833d;background:var(--color-primary-700);box-shadow:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:focus-visible{outline:2px solid #f5a03c;outline:2px solid var(--color-primary-400);outline-offset:2px}.btn-secondary{background:#0000;border:2px solid #d4a574;border:2px solid var(--color-primary-500);box-shadow:none;color:#fff;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,#d4a574 10%,#0000);background:color-mix(in srgb,var(--color-primary-500) 10%,#0000);border-color:#f5a03c;border-color:var(--color-primary-400);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:color-mix(in srgb,#d4a574 20%,#0000);background:color-mix(in srgb,var(--color-primary-500) 20%,#0000);transform:translateY(0)}.btn-secondary:focus-visible{outline:2px solid #f5a03c;outline:2px solid var(--color-primary-400);outline-offset:2px}.btn-tertiary{background:#252525;background:var(--color-bg-tertiary);border:1px solid #404040;border:1px solid var(--color-gray-200);box-shadow:none;color:#d4d4d4;color:var(--color-text-secondary)}.btn-tertiary:hover:not(:disabled){background:#1a1a1a;background:var(--color-bg-secondary);border-color:#525252;border-color:var(--color-gray-300);color:#fff;color:var(--color-text-primary)}.btn-tertiary:active:not(:disabled){background:#0a0a0a;background:var(--color-bg-primary)}.btn-success{background:#22c55e;background:var(--color-success);box-shadow:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;box-shadow:var(--shadow-sm);color:#fff}.btn-success:hover:not(:disabled){background:color-mix(in srgb,#22c55e 90%,#000);background:color-mix(in srgb,var(--color-success) 90%,#000);box-shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success-outline{background:#0000;border:2px solid #22c55e;border:2px solid var(--color-success);color:#22c55e;color:var(--color-success)}.btn-success-outline:hover:not(:disabled){background:color-mix(in srgb,#22c55e 10%,#0000);background:color-mix(in srgb,var(--color-success) 10%,#0000);transform:translateY(-1px)}.btn-danger,.btn-error{background:#ef4444;background:var(--color-error);box-shadow:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;box-shadow:var(--shadow-sm);color:#fff}.btn-danger:hover:not(:disabled),.btn-error:hover:not(:disabled){background:color-mix(in srgb,#ef4444 90%,#000);background:color-mix(in srgb,var(--color-error) 90%,#000);box-shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger-outline,.btn-error-outline{background:#0000;border:2px solid #ef4444;border:2px solid var(--color-error);color:#ef4444;color:var(--color-error)}.btn-danger-outline:hover:not(:disabled),.btn-error-outline:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--color-error) 10%,#0000);transform:translateY(-1px)}.btn-warning{background:#f59e0b;background:var(--color-warning);box-shadow:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;box-shadow:var(--shadow-sm);color:#0a0a0a;color:var(--color-bg-primary)}.btn-warning:hover:not(:disabled){background:color-mix(in srgb,#f59e0b 90%,#000);background:color-mix(in srgb,var(--color-warning) 90%,#000);box-shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning-outline{background:#0000;border:2px solid #f59e0b;border:2px solid var(--color-warning);color:#f59e0b;color:var(--color-warning)}.btn-warning-outline:hover:not(:disabled){background:color-mix(in srgb,#f59e0b 10%,#0000);background:color-mix(in srgb,var(--color-warning) 10%,#0000);transform:translateY(-1px)}.btn-info{background:#3b82f6;background:var(--color-info);box-shadow:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;box-shadow:var(--shadow-sm);color:#fff}.btn-info:hover:not(:disabled){background:color-mix(in srgb,#3b82f6 90%,#000);background:color-mix(in srgb,var(--color-info) 90%,#000);box-shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-info-outline{background:#0000;border:2px solid #3b82f6;border:2px solid var(--color-info);color:#3b82f6;color:var(--color-info)}.btn-info-outline:hover:not(:disabled){background:color-mix(in srgb,#3b82f6 10%,#0000);background:color-mix(in srgb,var(--color-info) 10%,#0000);transform:translateY(-1px)}.btn-icon{background:#0000;border:none;border-radius:3px;border-radius:var(--radius-md);color:#a3a3a3;color:var(--color-text-tertiary);min-height:32px;min-width:32px;padding:.5rem;padding:var(--spacing-2)}.btn-icon:hover:not(:disabled){background:#252525;background:var(--color-bg-tertiary);color:#fff;color:var(--color-text-primary);transform:scale(1.1)}.btn-icon.btn-icon-danger{color:#ef4444;color:var(--color-error)}.btn-icon.btn-icon-danger:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--color-error) 10%,#0000)}.btn-icon.btn-icon-success{color:#22c55e;color:var(--color-success)}.btn-icon.btn-icon-success:hover:not(:disabled){background:color-mix(in srgb,#22c55e 10%,#0000);background:color-mix(in srgb,var(--color-success) 10%,#0000)}.btn-icon.btn-icon-warning{color:#f59e0b;color:var(--color-warning)}.btn-icon.btn-icon-warning:hover:not(:disabled){background:color-mix(in srgb,#f59e0b 10%,#0000);background:color-mix(in srgb,var(--color-warning) 10%,#0000)}.btn-icon.btn-icon-info{color:#3b82f6;color:var(--color-info)}.btn-icon.btn-icon-info:hover:not(:disabled){background:color-mix(in srgb,#3b82f6 10%,#0000);background:color-mix(in srgb,var(--color-info) 10%,#0000)}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.6}.btn:disabled,.btn:disabled:hover,.btn[disabled],.btn[disabled]:hover{box-shadow:none;transform:none}.btn.loading{color:#0000;pointer-events:none;position:relative}.btn.loading:after{animation:button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes button-spin{to{transform:rotate(1turn)}}.btn-group{display:inline-flex;gap:.5rem;gap:var(--spacing-2)}.btn-group.btn-group-vertical{flex-direction:column}.btn-group.btn-group-full-width{width:100%}.btn-group.btn-group-full-width>.btn{flex:1 1}.grade-a-border{border-color:#22c55e!important;border-color:var(--color-grade-a)!important}.grade-b-border{border-color:#84cc16!important;border-color:var(--color-grade-b)!important}.grade-c-border{border-color:#eab308!important;border-color:var(--color-grade-c)!important}.grade-d-border{border-color:#f97316!important;border-color:var(--color-grade-d)!important}.grade-f-border{border-color:#ef4444!important;border-color:var(--color-grade-f)!important}.grade-a-text{color:#86efac!important;color:var(--color-grade-a-light)!important}.grade-b-text{color:#bef264!important;color:var(--color-grade-b-light)!important}.grade-c-text{color:#fde047!important;color:var(--color-grade-c-light)!important}.grade-d-text{color:#fdba74!important;color:var(--color-grade-d-light)!important}.grade-f-text{color:#fca5a5!important;color:var(--color-grade-f-light)!important}.grade-a-bg{background-color:#22c55e!important;background-color:var(--color-grade-a)!important}.grade-b-bg{background-color:#84cc16!important;background-color:var(--color-grade-b)!important}.grade-c-bg{background-color:#eab308!important;background-color:var(--color-grade-c)!important}.grade-d-bg{background-color:#f97316!important;background-color:var(--color-grade-d)!important}.grade-f-bg{background-color:#ef4444!important;background-color:var(--color-grade-f)!important}.status-new-border{border-color:#667eea!important;border-color:var(--color-status-new)!important}.status-contacted-border{border-color:#f59e0b!important;border-color:var(--color-status-contacted)!important}.status-in-progress-border{border-color:#3b82f6!important;border-color:var(--color-status-in-progress)!important}.status-completed-border{border-color:#10b981!important;border-color:var(--color-status-completed)!important}.status-closed-border{border-color:#6b7280!important;border-color:var(--color-status-closed)!important}.status-new-bg{background-color:#667eea!important;background-color:var(--color-status-new)!important}.status-contacted-bg{background-color:#f59e0b!important;background-color:var(--color-status-contacted)!important}.status-in-progress-bg{background-color:#3b82f6!important;background-color:var(--color-status-in-progress)!important}.status-completed-bg{background-color:#10b981!important;background-color:var(--color-status-completed)!important}.status-closed-bg{background-color:#6b7280!important;background-color:var(--color-status-closed)!important}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){.nav-app,button,input,select{min-height:44px}input,select,textarea{font-size:16px}.nav-apps::-webkit-scrollbar{height:4px}.nav-apps::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-text-primary) 10%,#0000)}.nav-apps::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-primary) 30%,#0000);border-radius:2px}}.theme-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-1);transition:transform var(--transition-base)}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{border-radius:var(--radius-full);outline:2px solid var(--color-primary-500);outline-offset:2px}.theme-toggle-track{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);display:flex;height:28px;justify-content:space-between;padding:0 var(--spacing-1);position:relative;transition:all var(--transition-base);width:52px}.theme-toggle:hover .theme-toggle-track{border-color:var(--color-primary-500)}.theme-toggle-icon{align-items:center;display:flex;height:20px;justify-content:center;transition:opacity var(--transition-base),color var(--transition-base);width:20px;z-index:1}.theme-toggle-sun{color:var(--color-warning);opacity:.4}.theme-toggle-moon{color:var(--color-primary-500);opacity:.4}[data-theme=light] .theme-toggle-sun{opacity:1}:root:not([data-theme]) .theme-toggle-sun,[data-theme=dark] .theme-toggle-sun,[data-theme=light] .theme-toggle-moon{opacity:.4}:root:not([data-theme]) .theme-toggle-moon,[data-theme=dark] .theme-toggle-moon{opacity:1}.theme-toggle-thumb{background:var(--color-primary-500);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:22px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:transform var(--transition-base),background-color var(--transition-base);width:22px}.theme-toggle-thumb.light{transform:translateY(-50%) translateX(0)}.theme-toggle-thumb.dark{transform:translateY(-50%) translateX(24px)}.theme-toggle.compact .theme-toggle-track{height:24px;width:44px}.theme-toggle.compact .theme-toggle-icon{height:16px;width:16px}.theme-toggle.compact .theme-toggle-icon svg{height:12px;width:12px}.theme-toggle.compact .theme-toggle-thumb{height:18px;width:18px}.theme-toggle.compact .theme-toggle-thumb.dark{transform:translateY(-50%) translateX(20px)}@media (max-width:768px){.theme-toggle-track{height:26px;width:48px}.theme-toggle-thumb{height:20px;width:20px}.theme-toggle-thumb.dark{transform:translateY(-50%) translateX(22px)}}.app-nav{background:var(--color-bg-primary);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;z-index:var(--z-fixed)}.app-nav-container{align-items:center;display:flex;gap:var(--spacing-8);justify-content:center;margin:0 auto;max-width:1200px;padding:var(--spacing-4) var(--spacing-8);position:relative}.app-nav-brand{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);left:var(--spacing-8);position:absolute;text-decoration:none;transition:transform var(--transition-base);z-index:calc(var(--z-fixed) + 1)}.app-nav-brand:hover{transform:translateY(-2px)}.app-nav-brand-logo{height:45px;width:auto}.app-mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:var(--spacing-2);z-index:calc(var(--z-fixed) + 1)}.app-mobile-menu-toggle span{background:var(--color-text-primary);border-radius:var(--radius-sm);height:3px;transition:all var(--transition-base);width:25px}.app-nav-links{align-items:center;display:flex;gap:var(--spacing-8)}.app-nav-link{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-2) 0;position:relative;text-decoration:none;transition:color var(--transition-base)}.app-nav-link:after{background:var(--color-primary-500);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.app-nav-link.active:after,.app-nav-link:hover:after{width:100%}.app-nav-link:hover,.app-nav-public{color:var(--color-primary-500)}.app-nav-public{background:#0000;border:1px solid var(--color-primary-500);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base)}.app-nav-public:after{display:none}.app-nav-public:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-bg-primary)}.app-nav-user{align-items:center;display:flex;gap:var(--spacing-4)}.app-nav-username{color:var(--color-primary-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.app-nav-demo-badge{align-items:center;animation:pulse-demo 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-error) 0,var(--color-error) 100%);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:10px;font-weight:var(--font-weight-bold);gap:var(--spacing-1);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}@keyframes pulse-demo{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-error) .4)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-error) 0)}}.app-nav-logout{background:var(--color-primary-500);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-6);transition:all var(--transition-base)}.app-nav-logout:hover{background:var(--color-primary-500);box-shadow:var(--shadow-hover);transform:translateY(-1px)}@media (max-width:768px){.app-mobile-menu-toggle{display:flex}.app-nav-links{align-items:flex-start;background:var(--color-bg-primary);border-right:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--spacing-4);height:calc(100vh - 70px);left:-100%;overflow-y:auto;padding:var(--spacing-8);position:fixed;top:70px;transition:left var(--transition-base);width:100%}.app-nav-links.mobile-open{left:0}.app-nav-link{padding:var(--spacing-3) 0;width:100%}.app-nav-public{text-align:center;width:100%}.app-nav-user{background:var(--color-bg-secondary);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);justify-content:space-between;margin-top:var(--spacing-4);padding:var(--spacing-4);width:100%}.app-nav-container{justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.app-nav-brand{left:0;position:relative}.app-nav-brand-logo{height:40px}}@media (max-width:480px){.app-nav-container{justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.app-nav-brand{left:0;position:relative}.app-nav-brand-logo{height:35px}.app-mobile-menu-toggle span{width:22px}.app-nav-links{padding:var(--spacing-6)}.app-nav-link{font-size:var(--font-size-sm)}}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-base);height:100vh}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{background:var(--color-bg-primary);flex:1 1;overflow-y:auto;padding-bottom:80px;padding-top:70px}@media (max-width:768px){.main-content{padding-top:70px}}@media (max-width:480px){.main-content{padding-top:65px}}.coming-soon{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-2xl);height:100%;justify-content:center;margin:var(--spacing-8)}*{box-sizing:border-box}body{margin:0;padding:0}.cache-stats{background:var(--color-bg-secondary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;padding:var(--spacing-6)}@media (max-width:768px){.cache-stats{border-radius:var(--radius-lg);margin:var(--spacing-4);padding:var(--spacing-8)}}.cache-stats h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-8);text-align:center}.cache-stats.error,.cache-stats.loading{color:var(--color-text-secondary);padding:var(--spacing-6);text-align:center}.stats-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-8)}.stat-item{background:var(--color-bg-tertiary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-6)}.stat-item label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.stat-item label,.stat-item span{font-weight:var(--font-weight-semibold)}.stat-item span{font-feature-settings:"tnum";color:var(--color-primary-500);font-family:var(--font-family-data);font-size:var(--font-size-2xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cache-actions{display:flex;gap:var(--spacing-4);justify-content:center}@media (max-width:768px){.cache-actions{flex-direction:column;gap:var(--spacing-3)}}.loading-screen{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:var(--color-primary-500);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}
/*# sourceMappingURL=main.467bb102.css.map*/