:root{--sf-blue-50:#EFF6FF;--sf-blue-100:#DBEAFE;--sf-blue-200:#BFDBFE;--sf-blue-300:#93C5FD;--sf-blue-400:#60A5FA;--sf-blue-500:#2563EB;--sf-blue-600:#1E40AF;--sf-blue-700:#1E3A8A;--sf-blue-800:#1E3A8A;--sf-blue-900:#1E2756;--sf-green-50:#F0FDF4;--sf-green-100:#DCFCE7;--sf-green-200:#BBF7D0;--sf-green-300:#86EFAC;--sf-green-400:#4ADE80;--sf-green-500:#22C55E;--sf-green-600:#16A34A;--sf-green-700:#15803D;--sf-green-800:#166534;--sf-green-900:#14532D;--sf-teal-400:#2DD4BF;--sf-teal-500:#14B8A6;--sf-teal-600:#0D9488;--color-primary-50:var(--sf-blue-50);--color-primary-100:var(--sf-blue-100);--color-primary-200:var(--sf-blue-200);--color-primary-300:var(--sf-blue-300);--color-primary-400:var(--sf-blue-400);--color-primary-500:var(--sf-blue-500);--color-primary-600:var(--sf-blue-600);--color-primary-700:var(--sf-blue-700);--color-primary-800:var(--sf-blue-800);--color-primary-900:var(--sf-blue-900);--color-secondary-50:var(--sf-green-50);--color-secondary-100:var(--sf-green-100);--color-secondary-200:var(--sf-green-200);--color-secondary-300:var(--sf-green-300);--color-secondary-400:var(--sf-green-400);--color-secondary-500:var(--sf-green-500);--color-secondary-600:var(--sf-green-600);--color-secondary-700:var(--sf-green-700);--color-secondary-800:var(--sf-green-800);--color-secondary-900:var(--sf-green-900);--glass-white:rgba(255, 255, 255, 0.18);--glass-white-subtle:rgba(255, 255, 255, 0.10);--glass-white-strong:rgba(255, 255, 255, 0.32);--glass-border-light:rgba(255, 255, 255, 0.45);--glass-shadow-light:rgba(37, 99, 235, 0.06);--glass-blue-tint:rgba(37, 99, 235, 0.06);--glass-blue-tint-hover:rgba(37, 99, 235, 0.10);--glass-blue-border:rgba(37, 99, 235, 0.18);--glass-green-tint:rgba(34, 197, 94, 0.06);--glass-green-tint-hover:rgba(34, 197, 94, 0.10);--glass-green-border:rgba(34, 197, 94, 0.18);--text-primary:#0F172A;--text-secondary:#475569;--text-tertiary:#94A3B8;--text-on-dark:#F8FAFC;--text-on-dark-secondary:#CBD5E1;--surface-base:#F8FAFC;--surface-elevated:#FFFFFF;--surface-sunken:#F1F5F9;--border-subtle:#E2E8F0;--border-default:#CBD5E1;--border-strong:#94A3B8;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--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-success:#22C55E;--color-success-light:#F0FDF4;--success-glass:rgba(34, 197, 94, 0.12);--color-error:#EF4444;--color-error-light:#FEF2F2;--error-glass:rgba(239, 68, 68, 0.12);--color-warning:#F59E0B;--color-warning-light:#FFFBEB;--warning-glass:rgba(245, 158, 11, 0.12);--color-info:#2563EB;--color-info-light:#EFF6FF;--info-glass:rgba(37, 99, 235, 0.12);--font-display:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-body:'SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono','Fira Code','JetBrains Mono',monospace;--font-family:var(--font-body);--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;--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;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-glass:0 8px 32px -4px rgba(0, 0, 0, 0.08),0 0 1px 0 rgba(255, 255, 255, 0.6),inset 0 1px 0 0 rgba(255, 255, 255, 0.5),inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);--shadow-glass-hover:0 12px 40px -4px rgba(0, 0, 0, 0.12),0 0 1px 0 rgba(255, 255, 255, 0.7),inset 0 1px 0 0 rgba(255, 255, 255, 0.6),inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);--shadow-glass-active:0 4px 16px -2px rgba(0, 0, 0, 0.08),inset 0 1px 0 0 rgba(255, 255, 255, 0.4);--shadow-glass-modal:0 32px 80px -12px rgba(0, 0, 0, 0.2),0 0 1px 0 rgba(255, 255, 255, 0.5),inset 0 1px 0 0 rgba(255, 255, 255, 0.6),inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--z-dropdown:1000;--z-sticky:100;--z-modal:200;--z-toast:300}.dark{--color-gray-50:#18181b;--color-gray-100:#27272a;--color-gray-200:#3f3f46;--color-gray-300:#52525b;--color-gray-400:#71717a;--color-gray-500:#a1a1aa;--color-gray-600:#d4d4d8;--color-gray-700:#e4e4e7;--color-gray-800:#f4f4f5;--color-gray-900:#fafafa;--glass-dark:rgba(15, 23, 42, 0.22);--glass-dark-subtle:rgba(15, 23, 42, 0.12);--glass-dark-strong:rgba(15, 23, 42, 0.38);--glass-border-dark:rgba(255, 255, 255, 0.15);--glass-shadow-dark:rgba(0, 0, 0, 0.3);--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-tertiary:#64748B}*,::after,::before{box-sizing:border-box}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;padding:0;line-height:1.5;color:var(--color-gray-900);background-color:var(--color-gray-50)}.dark body{color:var(--color-gray-100);background-color:#0f172a}.app-bg{background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(37,99,235,.12) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(34,197,94,.1) 0,transparent 50%),linear-gradient(135deg,#f8fafc 0,#eff6ff 50%,#f0fdf4 100%);background-attachment:fixed;min-height:100vh}.dark .app-bg{background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(37,99,235,.15) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(34,197,94,.12) 0,transparent 50%),linear-gradient(135deg,#0f172a 0,#1e293b 100%);background-attachment:fixed}.mesh-gradient{background:radial-gradient(at 40% 20%,rgba(37,99,235,.15) 0,transparent 50%),radial-gradient(at 80% 0,rgba(34,197,94,.1) 0,transparent 50%),radial-gradient(at 0 50%,rgba(37,99,235,.08) 0,transparent 50%),radial-gradient(at 80% 50%,rgba(34,197,94,.08) 0,transparent 50%),radial-gradient(at 0 100%,rgba(37,99,235,.1) 0,transparent 50%),radial-gradient(at 80% 100%,rgba(34,197,94,.1) 0,transparent 50%),#f8fafc}.sf-blue-gradient{background:linear-gradient(to bottom right,#60a5fa,#2563eb)}.sf-green-gradient{background:linear-gradient(to bottom right,#4ade80,#22c55e)}.sf-brand-gradient{background:linear-gradient(to right,#2563eb,#22c55e)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.glass-toast-error,.glass-toast-info,.glass-toast-success,.glass-toast-warning{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-xl);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);animation:slideDown var(--transition-normal) ease-out}.glass-toast-success{background:rgba(209,250,229,.95);border:1px solid rgba(16,185,129,.3)}.glass-toast-error{background:rgba(254,226,226,.95);border:1px solid rgba(239,68,68,.3)}.glass-toast-warning{background:rgba(254,243,199,.95);border:1px solid rgba(245,158,11,.3)}.glass-toast-info{background:rgba(219,234,254,.95);border:1px solid rgba(59,130,246,.3)}.dark .glass-toast-success{background:rgba(6,78,59,.9);border:1px solid rgba(16,185,129,.4)}.dark .glass-toast-error{background:rgba(127,29,29,.9);border:1px solid rgba(239,68,68,.4)}.dark .glass-toast-warning{background:rgba(120,53,15,.9);border:1px solid rgba(245,158,11,.4)}.dark .glass-toast-info{background:rgba(30,58,138,.9);border:1px solid rgba(59,130,246,.4)}.glass-input,.solid-input{width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.9);border:1px solid var(--border-default);border-radius:var(--radius-xl);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:0}.glass-input:focus,.solid-input:focus{background:#fff;border-color:var(--sf-blue-400);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.glass-input::placeholder,.solid-input::placeholder{color:var(--text-tertiary)}.dark .glass-input,.dark .solid-input{background:rgba(30,41,59,.95);border-color:rgba(71,85,105,.6);color:var(--text-on-dark)}.dark .glass-input:focus,.dark .solid-input:focus{background:#1e293b;border-color:var(--sf-blue-400);box-shadow:0 0 0 3px rgba(37,99,235,.2)}.glass-input.input-error,.solid-input.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.glass-input.input-error:focus,.solid-input.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.15)}.glass-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:linear-gradient(to bottom,var(--sf-blue-500),var(--sf-blue-600));color:#fff;font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(37,99,235,.5);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;box-shadow:0 4px 12px -2px rgba(37,99,235,.4),inset 0 1px 0 0 rgba(255,255,255,.15)}.glass-btn-primary:hover{background:linear-gradient(to bottom,var(--sf-blue-400),var(--sf-blue-500));box-shadow:0 6px 20px -2px rgba(37,99,235,.5),inset 0 1px 0 0 rgba(255,255,255,.2);transform:translateY(-1px)}.glass-btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px -1px rgba(37,99,235,.3),inset 0 1px 2px 0 rgba(0,0,0,.1)}.glass-btn-primary:focus-visible{outline:2px solid var(--sf-blue-500);outline-offset:2px;box-shadow:0 0 0 3px rgba(37,99,235,.3)}.glass-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:rgba(255,255,255,.38);color:var(--sf-blue-600);font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 4px 12px -4px rgba(0,0,0,.08),inset 0 1px 0 0 rgba(255,255,255,.5)}.glass-btn-secondary:hover{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.65);box-shadow:0 6px 16px -4px rgba(0,0,0,.1),inset 0 1px 0 0 rgba(255,255,255,.6)}.glass-btn-secondary:active{background:rgba(255,255,255,.3)}.dark .glass-btn-secondary{background:rgba(255,255,255,.1);color:var(--sf-blue-300);border-color:rgba(255,255,255,.18)}.dark .glass-btn-secondary:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.25)}.glass-btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff;font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;box-shadow:0 2px 8px rgba(239,68,68,.3)}.glass-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px rgba(239,68,68,.4);transform:translateY(-1px)}.glass-btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:0 0;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.glass-btn-ghost:hover{background:rgba(0,0,0,.05);color:var(--color-gray-900)}.dark .glass-btn-ghost{color:var(--color-gray-400)}.dark .glass-btn-ghost:hover{background:rgba(255,255,255,.05);color:var(--color-gray-200)}.glass-btn-accent,.glass-btn-success{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:linear-gradient(to bottom,var(--sf-green-500),var(--sf-green-600));color:#fff;font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(34,197,94,.5);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;box-shadow:0 4px 12px -2px rgba(34,197,94,.4),inset 0 1px 0 0 rgba(255,255,255,.15)}.glass-btn-accent:hover,.glass-btn-success:hover{background:linear-gradient(to bottom,var(--sf-green-400),var(--sf-green-500));box-shadow:0 6px 20px -2px rgba(34,197,94,.5);transform:translateY(-1px)}.glass-btn-accent:active,.glass-btn-success:active{transform:translateY(0)}.glass{background:var(--glass-white);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass)}.glass-subtle{background:var(--glass-white-subtle);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px -4px rgba(0,0,0,.06),inset 0 1px 0 0 rgba(255,255,255,.35)}.glass-strong{background:var(--glass-white-strong);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 32px -4px rgba(0,0,0,.1),0 0 1px 0 rgba(255,255,255,.6),inset 0 1px 0 0 rgba(255,255,255,.6),inset 0 -1px 0 0 rgba(255,255,255,.2)}.glass-blue{background:linear-gradient(135deg,rgba(37,99,235,.05) 0,var(--glass-white) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(37,99,235,.12);box-shadow:0 8px 32px -4px rgba(37,99,235,.08),0 0 1px 0 rgba(255,255,255,.5),inset 0 1px 0 0 rgba(255,255,255,.45)}.glass-green{background:linear-gradient(135deg,rgba(34,197,94,.05) 0,var(--glass-white) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(34,197,94,.12);box-shadow:0 8px 32px -4px rgba(34,197,94,.08),0 0 1px 0 rgba(255,255,255,.5),inset 0 1px 0 0 rgba(255,255,255,.45)}.dark .glass,.glass-dark{background:var(--glass-dark);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px -4px rgba(0,0,0,.4),0 0 1px 0 rgba(255,255,255,.08),inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -1px 0 0 rgba(255,255,255,.04)}.dark .glass-subtle{background:var(--glass-dark-subtle);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}.dark .glass-strong{background:var(--glass-dark-strong);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%)}.dark .glass-blue{background:linear-gradient(135deg,rgba(37,99,235,.08) 0,var(--glass-dark) 100%);border-color:rgba(37,99,235,.2)}.dark .glass-green{background:linear-gradient(135deg,rgba(34,197,94,.08) 0,var(--glass-dark) 100%);border-color:rgba(34,197,94,.2)}.glass-card{background:var(--glass-white);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass)}.dark .glass-card{background:var(--glass-dark);border-color:var(--glass-border-dark)}.glass-card-hover{background:var(--glass-white);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.34, 1.56, .64, 1)}.glass-card-hover:hover{transform:translateY(-2px);background:rgba(255,255,255,.25);box-shadow:var(--shadow-glass-hover);border-color:rgba(255,255,255,.55)}.dark .glass-card-hover{background:var(--glass-dark);border-color:rgba(255,255,255,.12);box-shadow:0 8px 32px -4px rgba(0,0,0,.4),0 0 1px 0 rgba(255,255,255,.08),inset 0 1px 0 0 rgba(255,255,255,.1)}.dark .glass-card-hover:hover{background:rgba(15,23,42,.3);border-color:rgba(255,255,255,.2)}.glass-card-subtle{background:var(--glass-white-subtle);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:0 4px 16px -4px rgba(0,0,0,.06),inset 0 1px 0 0 rgba(255,255,255,.3)}.dark .glass-card-subtle{background:var(--glass-dark-subtle);border-color:rgba(255,255,255,.08)}.glass-card-strong{background:var(--glass-white-strong);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-2xl);box-shadow:0 8px 32px -4px rgba(0,0,0,.1),0 0 1px 0 rgba(255,255,255,.6),inset 0 1px 0 0 rgba(255,255,255,.55),inset 0 -1px 0 0 rgba(255,255,255,.15)}.dark .glass-card-strong{background:var(--glass-dark-strong);border-color:rgba(255,255,255,.15)}.glass-panel{background:var(--glass-white-strong);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass)}.dark .glass-panel{background:var(--glass-dark-strong);border-color:var(--glass-border-dark)}.glass-sidebar{background:var(--glass-white);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid rgba(255,255,255,.35);box-shadow:4px 0 24px -4px rgba(0,0,0,.06),inset -1px 0 0 0 rgba(255,255,255,.3)}.dark .glass-sidebar{background:var(--glass-dark);border-right-color:rgba(255,255,255,.1);box-shadow:4px 0 24px -4px rgba(0,0,0,.3),inset -1px 0 0 0 rgba(255,255,255,.06)}.glass-modal-overlay{background:rgba(15,23,42,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-modal{background:var(--glass-white-strong);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-3xl);box-shadow:var(--shadow-glass-modal)}.dark .glass-modal{background:var(--glass-dark-strong);border-color:rgba(255,255,255,.15)}.glass-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:rgba(243,244,246,.8);color:var(--color-gray-600)}.badge-primary{background:rgba(37,99,235,.12);color:var(--sf-blue-600)}.badge-published,.badge-success{background:rgba(34,197,94,.12);color:var(--sf-green-600)}.badge-draft,.badge-warning{background:rgba(245,158,11,.15);color:#d97706}.badge-closed,.badge-danger{background:rgba(239,68,68,.15);color:#dc2626}.dark .badge-primary{background:rgba(37,99,235,.25);color:var(--sf-blue-400)}.dark .badge-published,.dark .badge-success{background:rgba(34,197,94,.25);color:var(--sf-green-400)}.dark .badge-draft,.dark .badge-warning{background:rgba(245,158,11,.25);color:#fbbf24}.dark .badge-closed,.dark .badge-danger{background:rgba(239,68,68,.25);color:#f87171}.glass-badge-green{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:rgba(34,197,94,.12);color:var(--sf-green-600)}.dark .glass-badge-green{background:rgba(34,197,94,.25);color:var(--sf-green-400)}.glass-badge-yellow{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:rgba(245,158,11,.15);color:#d97706}.dark .glass-badge-yellow{background:rgba(245,158,11,.25);color:#fbbf24}.glass-badge-gray{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:rgba(107,114,128,.15);color:#4b5563}.dark .glass-badge-gray{background:rgba(107,114,128,.25);color:#9ca3af}.glass-badge-primary{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);background:rgba(37,99,235,.15);color:var(--sf-blue-700)}.dark .glass-badge-primary{background:rgba(37,99,235,.3);color:#93c5fd}.skeleton-shimmer{background:linear-gradient(90deg,rgba(243,244,246,.8) 0,rgba(229,231,235,.8) 50%,rgba(243,244,246,.8) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.dark .skeleton-shimmer{background:linear-gradient(90deg,rgba(51,65,85,.8) 0,rgba(71,85,105,.8) 50%,rgba(51,65,85,.8) 100%);background-size:200% 100%}.glass-table{width:100%;border-collapse:separate;border-spacing:0}.glass-table th{padding:.75rem 1rem;text-align:left;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:rgba(249,250,251,.8);border-bottom:1px solid rgba(229,231,235,.5)}.glass-table td{padding:1rem;font-size:var(--font-size-sm);color:var(--color-gray-700);border-bottom:1px solid rgba(229,231,235,.3)}.glass-table tbody tr:hover{background:rgba(249,250,251,.5)}.dark .glass-table th{color:var(--color-gray-400);background:rgba(30,41,59,.8);border-bottom-color:rgba(71,85,105,.5)}.dark .glass-table td{color:var(--color-gray-300);border-bottom-color:rgba(71,85,105,.3)}.dark .glass-table tbody tr:hover{background:rgba(51,65,85,.3)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-xl);margin-bottom:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-on-glass{text-shadow:0 1px 2px rgba(255,255,255,.5)}.text-on-glass-dark{text-shadow:0 1px 3px rgba(0,0,0,.3)}.logo-mobile{display:block;height:2rem;width:auto}.logo-desktop{display:none;height:2rem;width:auto}@media (min-width:640px){.logo-mobile{display:none}.logo-desktop{display:block}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}.dark ::-webkit-scrollbar-thumb{background:rgba(71,85,105,.5)}.dark ::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,.7)}:focus-visible{outline:2px solid var(--sf-blue-500);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sf-blue-500);outline-offset:2px}@media (max-width:768px){.glass,.glass-card,.glass-panel,.glass-sidebar{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}.glass-subtle{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}}@media (prefers-reduced-motion:reduce){.glass,.glass-blue,.glass-card,.glass-card-hover,.glass-card-strong,.glass-card-subtle,.glass-green,.glass-modal,.glass-panel,.glass-sidebar,.glass-strong,.glass-subtle{backdrop-filter:none;background:rgba(255,255,255,.95)}.dark .glass,.dark .glass-blue,.dark .glass-card,.dark .glass-card-hover,.dark .glass-card-strong,.dark .glass-card-subtle,.dark .glass-green,.dark .glass-modal,.dark .glass-panel,.dark .glass-sidebar,.dark .glass-strong,.dark .glass-subtle{background:rgba(15,23,42,.95)}.glass-card-hover:hover{transform:none}}@supports not (backdrop-filter:blur(20px)){.glass,.glass-blue,.glass-card,.glass-card-hover,.glass-card-strong,.glass-card-subtle,.glass-green,.glass-modal,.glass-panel,.glass-sidebar,.glass-strong,.glass-subtle{background:rgba(255,255,255,.95)}.dark .glass,.dark .glass-blue,.dark .glass-card,.dark .glass-card-hover,.dark .glass-card-strong,.dark .glass-card-subtle,.dark .glass-green,.dark .glass-modal,.dark .glass-panel,.dark .glass-sidebar,.dark .glass-strong,.dark .glass-subtle{background:rgba(15,23,42,.95)}}.glass-card,.glass-panel{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),box-shadow .3s ease-out,border-color .2s ease-out}.glass-btn-accent:active,.glass-btn-primary:active,.glass-btn-secondary:active,.glass-btn-success:active{transform:scale(.98)}@keyframes modalSlideIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.glass-modal-enter{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-list-item{animation:fadeSlideIn .4s ease-out forwards;opacity:0}.glass-list-item:first-child{animation-delay:50ms}.glass-list-item:nth-child(2){animation-delay:.1s}.glass-list-item:nth-child(3){animation-delay:.15s}.glass-list-item:nth-child(4){animation-delay:.2s}.glass-list-item:nth-child(5){animation-delay:.25s}@media print{.no-print{display:none!important}body{background:#fff!important}.glass,.glass-card,.glass-panel,.glass-strong,.glass-subtle{background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;border:1px solid #e5e7eb!important}}