.theme-toggle[data-v-caaff644]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.875rem;font-weight:500;line-height:1}.theme-toggle[data-v-caaff644]:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.theme-toggle--icon-only[data-v-caaff644]{padding:.5rem}.theme-toggle--sm[data-v-caaff644]{padding:.375rem .625rem;font-size:.8125rem}.theme-toggle--sm.theme-toggle--icon-only[data-v-caaff644]{padding:.375rem}.theme-toggle__icon[data-v-caaff644]{width:1.125rem;height:1.125rem;flex-shrink:0}.theme-toggle--sm .theme-toggle__icon[data-v-caaff644]{width:1rem;height:1rem}.theme-toggle__label[data-v-caaff644]{white-space:nowrap}.desktop-nav[data-v-26e0ecf1]{display:none}.nav-link[data-v-26e0ecf1]{transition:transform .2s ease,color .2s ease}.nav-link[data-v-26e0ecf1]:hover{transform:translateY(-1px)}.nav-link[data-v-26e0ecf1]:active{transform:scale(.97)}@media(min-width:768px){.desktop-nav[data-v-26e0ecf1]{display:flex}}.desktop-auth[data-v-26e0ecf1]{display:none;align-items:center;gap:.75rem}.desktop-auth .btn[data-v-26e0ecf1]{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.desktop-auth .btn[data-v-26e0ecf1]:hover{transform:translateY(-1px)}.desktop-auth .btn-primary[data-v-26e0ecf1]:hover{box-shadow:var(--shadow-cyan)}.desktop-auth .btn-secondary[data-v-26e0ecf1]:hover,.desktop-auth .btn-ghost[data-v-26e0ecf1]:hover{border-color:var(--color-primary)}.desktop-auth .btn[data-v-26e0ecf1]:active{transform:scale(.97)}.user-chip[data-v-26e0ecf1]{display:flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--color-border-default);background:var(--color-bg-sunken)}.user-chip-name[data-v-26e0ecf1]{color:var(--color-text-primary);font-weight:600;font-size:.85rem;max-width:9rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.avatar[data-v-26e0ecf1]{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--color-border-default);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-img[data-v-26e0ecf1]{width:100%;height:100%;object-fit:cover}.avatar-fallback[data-v-26e0ecf1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-on-primary);font-weight:700;letter-spacing:.04em}@media(min-width:768px){.desktop-auth[data-v-26e0ecf1]{display:flex}}.hamburger-btn[data-v-26e0ecf1]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.hamburger-btn[data-v-26e0ecf1]:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.hamburger-btn svg[data-v-26e0ecf1]{width:1.5rem;height:1.5rem}@media(min-width:768px){.hamburger-btn[data-v-26e0ecf1]{display:none}}.mobile-auth-quick[data-v-26e0ecf1]{display:flex;gap:.5rem}.mobile-auth-quick .btn-sm[data-v-26e0ecf1]{padding:.25rem .75rem;font-size:.8rem}@media(min-width:768px){.mobile-auth-quick[data-v-26e0ecf1]{display:none}}.mobile-nav-container[data-v-26e0ecf1]{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;z-index:40}.mobile-nav-menu[data-v-26e0ecf1]{display:flex;flex-direction:column;gap:.25rem}.mobile-nav-link[data-v-26e0ecf1]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.75rem;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;transition:all .2s;text-decoration:none}.mobile-nav-link[data-v-26e0ecf1]:hover{background:var(--color-primary-bg);color:var(--color-primary)}.mobile-nav-icon[data-v-26e0ecf1]{width:1.25rem;height:1.25rem;opacity:.7}.mobile-auth-buttons[data-v-26e0ecf1]{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.mobile-auth-btn[data-v-26e0ecf1]{width:100%;justify-content:center;padding:.75rem 1rem}.mobile-backdrop[data-v-26e0ecf1]{position:fixed;inset:72px 0 0;background:var(--color-bg-overlay);z-index:35}.mobile-menu-enter-active[data-v-26e0ecf1],.mobile-menu-leave-active[data-v-26e0ecf1]{transition:all .3s ease}.mobile-menu-enter-from[data-v-26e0ecf1],.mobile-menu-leave-to[data-v-26e0ecf1]{opacity:0;transform:translateY(-10px)}.fade-enter-active[data-v-26e0ecf1],.fade-leave-active[data-v-26e0ecf1]{transition:opacity .3s ease}.fade-enter-from[data-v-26e0ecf1],.fade-leave-to[data-v-26e0ecf1]{opacity:0}@media(min-width:768px){.mobile-nav-container[data-v-26e0ecf1],.mobile-backdrop[data-v-26e0ecf1]{display:none!important}}.footer-description[data-v-9c0b1656]{margin-top:.75rem;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.footer-nav[data-v-9c0b1656]{display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.footer-nav[data-v-9c0b1656]{align-items:flex-start}}.spinner-wrapper[data-v-c92ed05d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.spinner-wrapper.spinner-inline[data-v-c92ed05d]{flex-direction:row;gap:.5rem}.spinner-circle[data-v-c92ed05d]{border-radius:50%;border:3px solid rgba(255,255,255,.1);animation:base-spin-c92ed05d .8s linear infinite}.spinner-xs .spinner-circle[data-v-c92ed05d]{width:.875rem;height:.875rem;border-width:2px}.spinner-sm .spinner-circle[data-v-c92ed05d]{width:1.25rem;height:1.25rem;border-width:2px}.spinner-md .spinner-circle[data-v-c92ed05d]{width:2rem;height:2rem;border-width:3px}.spinner-lg .spinner-circle[data-v-c92ed05d]{width:3rem;height:3rem;border-width:3px}.spinner-text[data-v-c92ed05d]{color:var(--color-text-muted);font-size:.875rem}.spinner-xs .spinner-text[data-v-c92ed05d]{font-size:.75rem}.spinner-lg .spinner-text[data-v-c92ed05d]{font-size:1rem}@keyframes base-spin-c92ed05d{to{transform:rotate(360deg)}}.fade-enter-active[data-v-88472383],.fade-leave-active[data-v-88472383]{transition:opacity .3s ease}.fade-enter-from[data-v-88472383],.fade-leave-to[data-v-88472383]{opacity:0}.page-enter-active[data-v-88472383],.page-leave-active[data-v-88472383]{transition:opacity .2s ease,transform .2s ease}.page-enter-from[data-v-88472383]{opacity:0;transform:translateY(10px)}.page-leave-to[data-v-88472383]{opacity:0;transform:translateY(-10px)}.loading-container[data-v-88472383]{position:fixed;inset:0;display:grid;place-items:center;z-index:12000;background:var(--color-bg-page)}:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--slate-50: var(--color-slate-50);--slate-100: var(--color-slate-100);--slate-200: var(--color-slate-200);--slate-300: var(--color-slate-300);--slate-400: var(--color-slate-400);--slate-500: var(--color-slate-500);--slate-600: var(--color-slate-600);--slate-700: var(--color-slate-700);--slate-800: var(--color-slate-800);--slate-900: var(--color-slate-900);--slate-950: var(--color-slate-950);--color-cyan-200: #a5f3fc;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-amber-300: #fbbf24;--color-amber-500: #f59e0b;--color-amber-700: #d97706;--color-yellow-500: #eab308;--color-text-primary: var(--color-slate-100);--color-text-secondary: var(--color-slate-300);--color-text-muted: var(--color-slate-400);--color-text-disabled: rgba(148, 163, 184, .5);--color-text-inverse: var(--color-slate-900);--color-bg-page: var(--color-slate-950);--color-bg-card: rgba(15, 23, 42, .7);--color-bg-surface: rgba(15, 23, 42, .6);--color-bg-surface-hover: rgba(15, 23, 42, .8);--color-bg-elevated: rgba(30, 41, 59, .7);--color-bg-elevated-strong: rgba(30, 41, 59, .9);--color-bg-sunken: rgba(15, 23, 42, .4);--color-bg-inset: rgba(15, 23, 42, .15);--color-bg-popover: rgba(15, 23, 42, .95);--color-bg-overlay: rgba(0, 0, 0, .6);--color-bg-overlay-heavy: rgba(2, 6, 23, .85);--color-bg-section: var(--color-slate-950);--color-bg-section-alt: #0a1628;--color-bg-header: rgba(15, 23, 42, .9);--color-text-accent: rgba(165, 243, 252, .9);--color-text-on-primary: white;--color-bg-hover: rgba(148, 163, 184, .1);--color-bg-active: rgba(148, 163, 184, .15);--color-bg-pressed: rgba(148, 163, 184, .2);--color-primary-bg: rgba(6, 182, 212, .1);--color-primary-bg-strong: rgba(6, 182, 212, .15);--color-primary-bg-hover: rgba(6, 182, 212, .2);--color-border: rgba(30, 41, 59, .7);--color-border-subtle: rgba(148, 163, 184, .1);--color-border-default: rgba(148, 163, 184, .2);--color-border-strong: rgba(148, 163, 184, .35);--color-border-hover: rgba(148, 163, 184, .4);--color-border-primary: rgba(6, 182, 212, .3);--color-border-error: rgba(239, 68, 68, .3);--color-border-success: rgba(34, 197, 94, .3);--color-border-warning: rgba(245, 158, 11, .3);--color-primary: var(--color-cyan-400);--color-success: var(--color-green-500);--color-success-light: var(--color-green-400);--color-success-dark: var(--color-green-600);--color-success-bg: rgba(34, 197, 94, .15);--color-success-bg-subtle: rgba(34, 197, 94, .06);--color-error: var(--color-red-400);--color-error-light: var(--color-red-300);--color-error-strong: var(--color-red-500);--color-error-dark: var(--color-red-600);--color-error-bg: rgba(239, 68, 68, .15);--color-error-bg-subtle: rgba(239, 68, 68, .06);--color-error-bg-hover: rgba(239, 68, 68, .2);--color-warning: var(--color-amber-500);--color-warning-light: var(--color-amber-300);--color-warning-dark: var(--color-amber-700);--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-bg-subtle: rgba(245, 158, 11, .06);--color-info: var(--color-blue-400);--color-info-light: #93c5fd;--color-info-strong: var(--color-blue-500);--color-info-dark: var(--color-blue-600);--color-info-bg: rgba(59, 130, 246, .12);--color-info-bg-subtle: rgba(59, 130, 246, .06);--importance-urgent: var(--color-red-500);--importance-urgent-bg: var(--color-error-bg);--importance-high: var(--color-amber-500);--importance-high-bg: var(--color-warning-bg);--importance-medium: var(--color-cyan-500);--importance-medium-bg: var(--color-primary-bg-strong);--importance-low: var(--color-green-500);--importance-low-bg: var(--color-success-bg);--importance-none: var(--color-slate-500);--importance-none-bg: rgba(100, 116, 139, .15);--gradient-primary: linear-gradient(135deg, #06b6d4, #3b82f6);--gradient-primary-light: linear-gradient(135deg, #22d3ee, #3b82f6);--gradient-success: linear-gradient(135deg, #22c55e, #16a34a);--gradient-error: linear-gradient(135deg, #f87171, #dc2626);--gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--ring-primary: 0 0 0 2px rgba(6, 182, 212, .2);--ring-primary-lg: 0 0 0 4px rgba(6, 182, 212, .1);--ring-neutral: 0 0 0 3px rgba(148, 163, 184, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-cyan: 0 4px 12px rgba(6, 182, 212, .25);--font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--z-base: 1;--z-sticky: 30;--z-overlay: 40;--z-sidebar: 60;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200;--z-loading: 12000;--chart-height: 300px;--chart-status-ok: var(--color-green-500);--chart-status-ok-border: var(--color-green-600);--chart-status-recent: #38bdf8;--chart-status-recent-border: #0284c7;--chart-status-delayed: var(--color-amber-500);--chart-status-delayed-border: var(--color-amber-700);--chart-status-critical: var(--color-red-400);--chart-status-critical-border: var(--color-red-600);--chart-status-unknown: #94a3b8;--chart-status-unknown-border: #64748b;--chart-cat-1: rgba(34, 211, 238, .8);--chart-cat-2: rgba(56, 189, 248, .8);--chart-cat-3: rgba(99, 102, 241, .8);--chart-cat-4: rgba(168, 85, 247, .8);--chart-cat-5: rgba(236, 72, 153, .8);--chart-cat-6: rgba(251, 146, 60, .8);--chart-cat-7: rgba(250, 204, 21, .8);--chart-cat-8: rgba(34, 197, 94, .8);--chart-cat-9: rgba(20, 184, 166, .8);--chart-cat-10: rgba(148, 163, 184, .8);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-violet-400: #a78bfa;--color-violet-300: #c4b5fd;--color-violet-500: #8b5cf6;--color-emerald-400: #34d399;--color-emerald-300: #6ee7b7;--color-emerald-500: #10b981;--color-red-200: #fecaca;--color-yellow-400: #facc15;--color-cyan-300: #67e8f9;--color-orange-400: #fb923c;--color-purple: var(--color-violet-400);--color-purple-bg: rgba(139, 92, 246, .1);--color-purple-bg-subtle: rgba(139, 92, 246, .05);--color-purple-bg-strong: rgba(139, 92, 246, .15);--color-purple-bg-hover: rgba(139, 92, 246, .2);--color-border-purple: rgba(139, 92, 246, .3);--color-border-purple-subtle: rgba(139, 92, 246, .2);--color-border-purple-strong: rgba(139, 92, 246, .5);--color-emerald-bg: rgba(16, 185, 129, .1);--color-emerald-bg-strong: rgba(16, 185, 129, .15);--color-emerald-bg-hover: rgba(16, 185, 129, .2);--color-border-emerald: rgba(16, 185, 129, .3);--color-border-emerald-subtle: rgba(16, 185, 129, .2);--color-border-emerald-strong: rgba(16, 185, 129, .5);--color-warning-bg-strong: rgba(245, 158, 11, .12);--color-border-warning-subtle: rgba(245, 158, 11, .2);--color-border-warning-light: rgba(245, 158, 11, .25);--color-border-error-light: rgba(248, 113, 113, .3);--color-border-error-strong: rgba(248, 113, 113, .4);--color-border-error-hover: rgba(248, 113, 113, .45);--color-info-bg-strong: rgba(59, 130, 246, .15);--color-border-info: rgba(59, 130, 246, .4);--color-border-primary-light: rgba(6, 182, 212, .25);--ring-primary-sm: 0 0 0 2px rgba(34, 211, 238, .08);--ring-primary-md: 0 0 0 3px rgba(6, 182, 212, .12);--shadow-cyan-strong: 0 6px 16px rgba(6, 182, 212, .35);--shadow-primary-glow: 0 0 5px var(--color-violet-400);--shadow-blue-glow: 0 0 8px rgba(59, 130, 246, .25);--shadow-error-glow: 0 0 8px rgba(239, 68, 68, .25);--color-yellow-bg: rgba(234, 179, 8, .12);--gradient-elevated: linear-gradient( 135deg, rgba(30, 41, 59, .7), rgba(15, 23, 42, .8) );--gradient-elevated-strong: linear-gradient( 135deg, rgba(30, 41, 59, .95), rgba(15, 23, 42, .95) );--gradient-primary-subtle: linear-gradient( 135deg, rgba(6, 182, 212, .2), rgba(59, 130, 246, .15) );--color-skeleton-base: rgba(71, 85, 105, .25);--color-skeleton-shine: rgba(100, 116, 139, .4);--color-skeleton-base-strong: rgba(71, 85, 105, .3);--color-skeleton-shine-strong: rgba(100, 116, 139, .45);--gradient-purple: linear-gradient(135deg, #9333ea, #a855f7);--gradient-neutral: linear-gradient( 135deg, var(--color-slate-600), var(--color-slate-700) )}[data-theme=light]{--color-text-primary: var(--color-slate-900);--color-text-secondary: var(--color-slate-600);--color-text-muted: var(--color-slate-500);--color-text-inverse: var(--color-slate-50);--color-bg-page: #ffffff;--color-bg-card: rgba(255, 255, 255, .85);--color-bg-surface: rgba(241, 245, 249, .7);--color-bg-surface-hover: rgba(241, 245, 249, .9);--color-bg-elevated: rgba(255, 255, 255, .9);--color-bg-elevated-strong: rgba(255, 255, 255, .95);--color-bg-sunken: rgba(241, 245, 249, .5);--color-bg-inset: rgba(241, 245, 249, .4);--color-bg-popover: rgba(255, 255, 255, .98);--color-bg-overlay: rgba(0, 0, 0, .3);--color-bg-overlay-heavy: rgba(0, 0, 0, .5);--color-bg-section: #ffffff;--color-bg-section-alt: #f8fafc;--color-bg-header: rgba(255, 255, 255, .9);--color-text-accent: var(--color-cyan-600);--color-text-on-primary: white;--color-bg-hover: rgba(100, 116, 139, .08);--color-bg-active: rgba(100, 116, 139, .12);--color-bg-pressed: rgba(100, 116, 139, .16);--color-primary-bg: rgba(6, 182, 212, .08);--color-primary-bg-strong: rgba(6, 182, 212, .12);--color-primary-bg-hover: rgba(6, 182, 212, .16);--color-border: rgba(203, 213, 225, .7);--color-border-subtle: rgba(203, 213, 225, .4);--color-border-default: rgba(203, 213, 225, .6);--color-border-strong: rgba(148, 163, 184, .5);--color-border-hover: rgba(148, 163, 184, .6);--color-border-primary: rgba(6, 182, 212, .35);--color-border-error: rgba(239, 68, 68, .35);--color-border-success: rgba(34, 197, 94, .35);--color-border-warning: rgba(245, 158, 11, .35);--color-success: var(--color-green-600);--color-success-bg: rgba(34, 197, 94, .1);--color-success-bg-subtle: rgba(34, 197, 94, .05);--color-error: var(--color-red-500);--color-error-light: var(--color-red-400);--color-error-bg: rgba(239, 68, 68, .1);--color-error-bg-subtle: rgba(239, 68, 68, .05);--color-error-bg-hover: rgba(239, 68, 68, .15);--color-warning: var(--color-amber-700);--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-bg-subtle: rgba(245, 158, 11, .05);--color-info: var(--color-blue-600);--color-info-bg: rgba(59, 130, 246, .08);--color-info-bg-subtle: rgba(59, 130, 246, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--shadow-cyan: 0 4px 12px rgba(6, 182, 212, .15);--ring-primary: 0 0 0 2px rgba(6, 182, 212, .25);--ring-primary-lg: 0 0 0 4px rgba(6, 182, 212, .15);--ring-neutral: 0 0 0 3px rgba(148, 163, 184, .2);--color-skeleton-base: rgba(203, 213, 225, .5);--color-skeleton-shine: rgba(148, 163, 184, .4);--color-skeleton-base-strong: rgba(203, 213, 225, .6);--color-skeleton-shine-strong: rgba(148, 163, 184, .5);--color-purple-bg: rgba(139, 92, 246, .08);--color-purple-bg-subtle: rgba(139, 92, 246, .04);--color-purple-bg-strong: rgba(139, 92, 246, .12);--color-purple-bg-hover: rgba(139, 92, 246, .16);--color-border-purple: rgba(139, 92, 246, .35);--color-border-purple-subtle: rgba(139, 92, 246, .25);--color-border-purple-strong: rgba(139, 92, 246, .5);--color-emerald-bg: rgba(16, 185, 129, .08);--color-emerald-bg-strong: rgba(16, 185, 129, .12);--color-emerald-bg-hover: rgba(16, 185, 129, .16);--color-border-emerald: rgba(16, 185, 129, .35);--color-border-emerald-subtle: rgba(16, 185, 129, .25);--color-border-emerald-strong: rgba(16, 185, 129, .5);--color-warning-bg-strong: rgba(245, 158, 11, .1);--color-border-warning-subtle: rgba(245, 158, 11, .2);--color-border-warning-light: rgba(245, 158, 11, .25);--color-border-error-light: rgba(248, 113, 113, .25);--color-border-error-strong: rgba(248, 113, 113, .35);--color-border-error-hover: rgba(248, 113, 113, .4);--color-info-bg-strong: rgba(59, 130, 246, .12);--color-border-info: rgba(59, 130, 246, .35);--color-border-primary-light: rgba(6, 182, 212, .2);--ring-primary-sm: 0 0 0 2px rgba(34, 211, 238, .06);--ring-primary-md: 0 0 0 3px rgba(6, 182, 212, .1);--shadow-cyan-strong: 0 6px 16px rgba(6, 182, 212, .2);--shadow-primary-glow: 0 0 5px var(--color-violet-400);--shadow-blue-glow: 0 0 8px rgba(59, 130, 246, .15);--shadow-error-glow: 0 0 8px rgba(239, 68, 68, .15);--color-yellow-bg: rgba(234, 179, 8, .08);--gradient-elevated: linear-gradient( 135deg, rgba(255, 255, 255, .9), rgba(241, 245, 249, .9) );--gradient-elevated-strong: linear-gradient( 135deg, rgba(255, 255, 255, .98), rgba(241, 245, 249, .98) );--gradient-primary-subtle: linear-gradient( 135deg, rgba(6, 182, 212, .12), rgba(59, 130, 246, .08) )}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.app-loading{overflow:hidden}img,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit;transition:color .2s}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.hidden{display:none}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:text-left{text-align:left}.md\:w-1\/3{width:33.333333%}.md\:w-64{width:16rem}}.bg-gradient-page{background:var(--color-bg-page)}.blob{position:absolute;border-radius:9999px;filter:blur(64px);z-index:0;pointer-events:none}.blob-cyan{background-color:var(--color-primary-bg)}.blob-blue{background-color:var(--color-info-bg)}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.brand-link{display:flex;align-items:center;gap:.75rem}.brand-link:hover .brand-logo{transform:scale(1.05)}.brand-logo{height:2.75rem;width:2.75rem;border-radius:.75rem;background-color:var(--color-bg-surface);padding:.5rem;box-shadow:var(--shadow-cyan);border:1px solid var(--color-border);transition:transform .2s}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-name{font-family:var(--font-family-sans);font-weight:700;font-size:1.125rem;letter-spacing:.025em;color:var(--color-text-primary)}.brand-tagline{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-accent)}.nav-menu{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.nav-link{padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.nav-link:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.site-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-section);color:var(--color-text-secondary)}.footer-content{padding:4rem 1.5rem;display:flex;flex-direction:column;gap:3rem}@media(min-width:768px){.footer-content{flex-direction:row;align-items:flex-start}}.footer-brand{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}@media(min-width:768px){.footer-brand{width:16rem;align-items:flex-start;text-align:left}}.footer-links-grid{display:flex;flex-wrap:wrap;flex-grow:1;gap:3rem;justify-content:center}@media(min-width:768px){.footer-links-grid{padding-left:2.5rem;justify-content:flex-start}}.footer-column{width:100%;min-width:160px;text-align:center}@media(min-width:768px){.footer-column{flex:1;width:auto;text-align:left}}.footer-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);margin-bottom:1.5rem}.footer-link{display:block;padding:.25rem .5rem;border-radius:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.75rem}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.footer-link:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.footer-bottom{border-top:1px solid var(--color-border);background-color:var(--color-bg-sunken);padding:1rem 1.5rem;font-size:.875rem;color:var(--color-text-muted);text-align:center}.hero-section{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 1.5rem;isolation:isolate}.hero-content{position:relative;z-index:10;max-width:64rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.hero-badge{border-radius:9999px;border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-accent)}.hero-title{font-size:1.875rem;font-weight:600;color:var(--color-text-primary);line-height:1.2}@media(min-width:640px){.hero-title{font-size:2.25rem}}.hero-description{max-width:48rem;font-size:1rem;color:var(--color-text-secondary)}.contact-section{position:relative;padding:5rem 1.5rem;background-color:var(--color-bg-section);overflow:hidden;isolation:isolate}.contact-card{width:100%;max-width:48rem;margin:0 auto;border-radius:1rem;border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:1.5rem;box-shadow:var(--shadow-cyan)}.contact-form{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.contact-form{grid-template-columns:1fr 1fr}}.col-span-2{grid-column:span 1}@media(min-width:768px){.col-span-2{grid-column:span 2}}.not-found-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:4rem 1.5rem;background-color:var(--color-bg-section);isolation:isolate}.not-found-content{position:relative;z-index:10;max-width:64rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center}@media(min-width:1024px){.not-found-content{flex-direction:row;text-align:left}}.error-card{border-radius:1.5rem;border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:1.5rem;box-shadow:var(--shadow-cyan)}.error-code{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:linear-gradient(to bottom right,var(--color-cyan-400),var(--color-blue-600));font-size:1.25rem;font-weight:600;color:var(--color-slate-900);box-shadow:var(--shadow-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;padding:.375rem .75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none}.btn-icon{width:1.125rem;height:1.125rem}.btn-primary{background:linear-gradient(to right,var(--color-cyan-400),var(--color-cyan-500),var(--color-blue-600));color:var(--color-text-on-primary);box-shadow:var(--shadow-cyan)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.btn-secondary:hover{border-color:var(--color-cyan-400);color:var(--color-text-primary)}.btn-ghost{background-color:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-ghost:hover{border-color:var(--color-cyan-400);color:var(--color-text-primary)}.btn-google{background-color:#fff;border:1px solid var(--color-slate-300);color:var(--color-text-primary);width:100%;font-weight:600}.btn-google:hover{background-color:var(--color-bg-surface);border-color:var(--color-border-strong)}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-input{display:block;width:100%;border-radius:.75rem;border:1px solid var(--color-border);background-color:var(--color-bg-surface);padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-primary);outline:none;transition:all .2s ease}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-cyan-400);box-shadow:var(--ring-primary)}textarea.form-input{resize:vertical}.mt-6{margin-top:2rem}.space-y-3>*+*{margin-top:1rem}.visible-mobile{display:none}.hidden-mobile{display:initial}@media(max-width:768px){.visible-mobile{display:initial}.hidden-mobile{display:none!important}}.auth-page{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2rem 1rem;background-color:var(--color-bg-section);isolation:isolate}.auth-background{position:absolute;inset:0;background:var(--color-bg-page);z-index:-1;min-height:100%}.auth-container{position:relative;z-index:10;width:100%;max-width:28rem;margin:auto}.auth-card{width:100%;border-radius:1rem;border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:2rem 2.5rem;box-shadow:var(--shadow-cyan);color:var(--color-text-primary)}.auth-logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-logo{height:3rem;width:auto;border-radius:.75rem;background-color:var(--color-bg-surface);padding:.5rem;box-shadow:var(--shadow-cyan);border:1px solid var(--color-border)}.auth-title{margin-top:1rem;text-align:center;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.auth-subtitle{margin-top:.5rem;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.forgot-password{display:flex;justify-content:flex-end;font-size:.875rem;color:var(--color-text-secondary);margin-top:.75rem}.auth-footer{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;border:1px solid var(--color-border);background-color:var(--color-bg-card);padding:.75rem;font-size:.875rem;color:var(--color-text-secondary)}.link{color:inherit;text-decoration:none;transition:color .2s}.link:hover{color:var(--color-cyan-200)}.link-primary{font-weight:600;color:var(--color-cyan-300)}.link-primary:hover{color:var(--color-cyan-200)}.table-container,.processes-table-container{width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:1rem;overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch}.data-table,.processes-table{width:100%;border-collapse:collapse;min-width:800px}.actions-cell{position:relative;display:flex;justify-content:flex-end;align-items:center}@media(max-width:768px){.table-container,.processes-table-container{background:transparent;border:none;overflow-x:visible;padding:0}.data-table,.processes-table{display:block;min-width:100%;width:100%}.data-table thead,.processes-table thead{display:none}.data-table tbody,.processes-table tbody{display:flex;flex-direction:column;gap:1rem;width:100%}.data-table tr,.processes-table tr{display:flex;flex-direction:column;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:1rem;padding:1rem;position:relative;width:100%;box-sizing:border-box;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.data-table tr:active,.processes-table tr:active{transform:scale(.99)}.data-table td,.processes-table td{display:flex;flex-direction:column;align-items:stretch;padding:.75rem 0;border-bottom:1px solid var(--color-border-subtle);text-align:left;width:100%!important;min-width:0!important;word-wrap:break-word;overflow-wrap:break-word}.data-table td:last-child,.processes-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before,.processes-table td:before{content:attr(data-label);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.35rem;display:block;flex-shrink:0}.data-table td:not([data-label]):before,.processes-table td:not([data-label]):before{display:none}.actions-cell{justify-content:center;align-items:center;width:100%;margin-top:.5rem;padding-top:.75rem!important}.action-menu-trigger{width:2.75rem;height:2.75rem}.sort-order-btn{width:44px;height:44px}.action-menu{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:320px;z-index:1000}.client-name,.client-notes,.contact-item,.font-mono,.status-badge{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.badges{flex-direction:column;gap:.5rem;align-items:flex-start}.importance-select{width:100%}}.action-menu-trigger{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.action-menu-trigger svg{width:1rem;height:1rem}.action-menu-trigger:hover{background:var(--color-primary-bg-strong);border-color:var(--color-border-primary);color:var(--color-text-primary)}.action-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;background:var(--color-bg-popover);border:1px solid var(--color-border-strong);border-radius:.75rem;padding:.4rem;min-width:180px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.action-menu.is-visible{display:block;animation:menu-appear .2s ease-out}@keyframes menu-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-menu-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:.5rem;border:none;background:transparent;color:var(--color-text-primary);font-size:.8rem;cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease}.action-menu-item svg{width:.95rem;height:.95rem}.action-menu-item:hover:not(:disabled){background:var(--color-bg-hover)}.action-menu-item:disabled{opacity:.5;cursor:not-allowed}.action-menu-item.danger{color:var(--color-error-light)}.action-menu-item.danger:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error-light)}.view-header{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.view-title{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:700;color:var(--color-text-primary);margin:0}.view-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap}.action-btn.primary{background:linear-gradient(135deg,var(--color-cyan-500),var(--color-blue-600));color:var(--color-text-on-primary);box-shadow:var(--shadow-cyan)}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-cyan)}.action-btn.secondary{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.action-btn.secondary:hover{background:var(--color-primary-bg-strong);border-color:var(--color-cyan-400);color:var(--color-text-primary)}.action-btn.sm{padding:.5rem .75rem;font-size:.875rem}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.action-icon{width:1.125rem;height:1.125rem}.action-icon-btn{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.4rem;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.action-icon-btn svg{width:.9rem;height:.9rem}.action-icon-btn:hover:not(:disabled){transform:translateY(-1px)}.action-icon-btn:disabled{opacity:.4;cursor:not-allowed}.action-icon-btn.view{background:var(--color-primary-bg);border-color:var(--color-border-primary);color:var(--color-cyan-400)}.action-icon-btn.view:hover:not(:disabled){background:var(--color-primary-bg-strong);border-color:var(--color-cyan-400);color:var(--color-cyan-400);box-shadow:var(--shadow-cyan)}.action-icon-btn.edit{background:var(--color-info-bg-subtle);border-color:var(--color-border-primary);color:var(--color-blue-400)}.action-icon-btn.edit:hover:not(:disabled){background:var(--color-info-bg);border-color:var(--color-blue-500);color:var(--color-blue-500);box-shadow:0 0 8px #3b82f640}.action-icon-btn.refresh{background:var(--color-info-bg-subtle);border-color:var(--color-border-primary);color:var(--color-blue-400)}.action-icon-btn.refresh:hover:not(:disabled){background:var(--color-info-bg);border-color:var(--color-blue-500);color:var(--color-blue-500);box-shadow:0 0 8px #3b82f640}.action-icon-btn.delete{background:var(--color-error-bg-subtle);border-color:var(--color-border-error);color:var(--color-error)}.action-icon-btn.delete:hover:not(:disabled){background:var(--importance-urgent-bg);border-color:var(--importance-urgent);color:var(--importance-urgent);box-shadow:0 0 8px #ef444440}.action-icon-btn.archive{background:var(--color-error-bg-subtle);border-color:var(--color-border-error);color:var(--color-error)}.action-icon-btn.archive:hover:not(:disabled){background:var(--importance-urgent-bg);border-color:var(--importance-urgent);color:var(--importance-urgent);box-shadow:0 0 8px #ef444440}.action-icon-btn.close-case{background:var(--color-warning-bg-subtle);border-color:var(--color-border-warning);color:var(--color-amber-300)}.action-icon-btn.close-case:hover:not(:disabled){background:var(--importance-high-bg);border-color:var(--importance-high);color:var(--importance-high);box-shadow:0 0 8px #f59e0b40}.action-icon-btn.reopen{background:var(--color-success-bg-subtle);border-color:var(--color-border-success);color:var(--color-green-400)}.action-icon-btn.reopen:hover:not(:disabled){background:var(--color-success-bg);border-color:var(--importance-low);color:var(--importance-low);box-shadow:0 0 8px #22c55e40}.filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;align-items:center}.search-container{position:relative;flex:1;max-width:350px;min-width:200px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:none;border-color:var(--color-cyan-400);box-shadow:var(--ring-primary)}.filter-select{padding:.5rem .75rem;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;min-width:160px}.filter-select:focus{outline:none;border-color:var(--color-cyan-400)}.sort-order-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.sort-order-btn svg{width:1.125rem;height:1.125rem;stroke:var(--color-cyan-400)}.sort-order-btn:hover{background:var(--color-primary-bg-strong);border-color:var(--color-cyan-400)}.btn-clear-filters{padding:.5rem 1rem;background:var(--importance-urgent-bg);border:1px solid var(--color-border-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{background:var(--color-error-bg-hover);border-color:var(--color-border-error)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--color-bg-sunken);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle)}.loading-state h3,.empty-state h3{color:var(--color-text-primary);margin-bottom:.5rem}.loading-state p,.empty-state p{color:var(--color-text-muted);max-width:24rem}.spinner{width:2rem;height:2rem;border:3px solid var(--color-border-subtle);border-radius:50%;border-top-color:var(--color-cyan-400);animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon-wrapper{width:4rem;height:4rem;background:var(--color-bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.empty-icon{width:2rem;height:2rem;color:var(--color-text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;margin-top:1rem;background:var(--color-bg-sunken);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.pagination button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){background:var(--color-primary-bg-strong);border-color:var(--color-cyan-400);color:var(--color-text-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--color-text-muted);font-size:.875rem}.page-enter{animation:pageEnter .3s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.view-header{flex-direction:column;align-items:stretch}.view-title{margin-bottom:.5rem}.view-actions{flex-direction:column;width:100%}.view-actions .action-btn{width:100%;justify-content:center}.filters{flex-direction:column;align-items:stretch}.search-container{max-width:100%;min-width:0}.filter-select{width:100%;min-width:0}.pagination{flex-direction:column;gap:.75rem;padding:1rem}.pagination button{width:100%;justify-content:center}.pagination span{text-align:center}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.skeleton-base{border-radius:.5rem;background:linear-gradient(90deg,var(--color-skeleton-base) 25%,var(--color-skeleton-shine) 50%,var(--color-skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-icon{width:3.5rem;height:3.5rem;border-radius:1rem;background:linear-gradient(90deg,var(--color-skeleton-base-strong) 25%,var(--color-skeleton-shine-strong) 50%,var(--color-skeleton-base-strong) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-text{border-radius:4px;background:linear-gradient(90deg,var(--color-skeleton-base-strong) 25%,var(--color-skeleton-shine) 50%,var(--color-skeleton-base-strong) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-text.sm{width:60px;height:12px}.skeleton-text.md{width:120px;height:16px}.skeleton-text.lg{width:180px;height:24px}.skeleton-text.xl{width:100%;height:32px}.glass-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:1.25rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .35s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-cyan),0 0 0 1px #22d3ee1a inset;transform:translateY(-2px)}.glass-card.interactive{cursor:pointer}.glass-card.interactive:hover{transform:translateY(-4px)}.badge-pill{padding:.25rem .625rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.badge-pill.cyan{background:var(--color-primary-bg);color:var(--color-cyan-300);border-color:#22d3ee40}.badge-pill.purple{background:#a855f71f;color:var(--color-purple-400);border-color:#a855f740}.badge-pill.orange{background:#fb923c1f;color:var(--color-orange-400);border-color:#fb923c40}.badge-pill.green{background:var(--color-success-bg);color:var(--color-green-400);border-color:#22c55e40}.badge-pill.blue{background:var(--color-info-bg);color:var(--color-blue-400);border-color:#3b82f640}.badge-pill.red{background:var(--color-error-bg);color:var(--color-error);border-color:#ef444440}.icon-gradient{display:flex;align-items:center;justify-content:center;border-radius:.875rem;flex-shrink:0}.icon-gradient svg{color:#fff}.icon-gradient.cyan{background:linear-gradient(135deg,var(--color-cyan-500),var(--color-cyan-400))}.icon-gradient.blue{background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-500))}.icon-gradient.green{background:var(--gradient-success)}.icon-gradient.orange{background:var(--gradient-warning)}.icon-gradient.red{background:var(--gradient-error)}.icon-gradient.purple{background:var(--gradient-purple)}.icon-gradient.slate{background:var(--gradient-neutral)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .4s ease-out forwards}.scale-in{animation:scaleIn .3s ease-out forwards}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.15s;opacity:0}.stagger-4{animation-delay:.2s;opacity:0}.stagger-5{animation-delay:.25s;opacity:0}.stagger-6{animation-delay:.3s;opacity:0}.stagger-7{animation-delay:.35s;opacity:0}@keyframes pulseSuccess{0%{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulseCyan{0%{box-shadow:0 0 #22d3ee80}50%{box-shadow:0 0 0 12px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}@keyframes pulseDanger{0%{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}.pulse-success{animation:pulseSuccess .6s ease-out}.pulse-cyan{animation:pulseCyan .6s ease-out}.pulse-danger{animation:pulseDanger .6s ease-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.spin{animation:spin 1s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.bounce{animation:bounce .8s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pop-in{animation:popIn .35s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.slide-out-right{animation:slideOutRight .3s ease-out forwards}.slide-out-left{animation:slideOutLeft .3s ease-out forwards}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.checkmark-animate{stroke-dasharray:24;stroke-dashoffset:24;animation:checkmark .4s ease-out .2s forwards}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .4s ease-out,opacity .4s ease-out}.ripple:active:after{transform:translate(-50%,-50%) scale(2.5);opacity:1;transition:0s}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1.125rem;height:1.125rem;top:50%;left:50%;margin-top:-.5625rem;margin-left:-.5625rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.icon-animated{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.icon-animated:hover{transform:scale(1.1)}.icon-animated.success{color:var(--color-success);animation:popIn .35s ease-out}.icon-animated.danger{color:var(--color-error)}.icon-animated.danger:hover{transform:scale(1.1) rotate(-8deg)}.glow-success{box-shadow:0 0 20px #22c55e66}.glow-cyan{box-shadow:0 0 20px #22d3ee66}.glow-danger{box-shadow:0 0 20px #ef444466}.transition-fast{transition:all .15s ease}.transition-normal{transition:all .25s ease}.transition-slow{transition:all .4s ease}.hover-scale:hover{transform:scale(1.02)}.hover-scale-sm:hover{transform:scale(1.05)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift-lg:hover{transform:translateY(-4px)}.action-btn:focus-visible,.action-icon-btn:focus-visible,.action-menu-trigger:focus-visible,.action-menu-item:focus-visible,.filter-select:focus-visible,.search-input:focus-visible,.nav-item:focus-visible,.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--color-cyan-400);outline-offset:2px}