:root{--white:#ffffff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9f1239;--pink-900:#831843;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--background:#e8e6fe;--background-secondary:#f6f4ff;--background-tertiary:#fafafa;--background-dark:#1e3a8a;--card-bg:#ffffff;--background-gradient:linear-gradient(135deg,#f5f3ff,#e9d5ff 50%,#ddd6fe);--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#6a6a6a;--text-quaternary:#9a9a9a;--text-light:var(--white);--border-primary:#e8e8e8;--border-secondary:#d4d4d4;--border-accent:var(--purple-400);--accent-primary:var(--purple-500);--accent-secondary:#14b8a6;--accent-highlight:var(--purple-400);--accent-success:#22c55e;--accent-warning:var(--yellow-500);--accent-danger:#ef4444;--shadow-sm:0 2px 4px 0 rgb(0 0 0/0.08);--shadow-md:0 4px 8px -1px rgb(0 0 0/0.12),0 2px 4px -2px rgb(0 0 0/0.08);--shadow-lg:0 10px 20px -5px rgb(0 0 0/0.15),0 4px 8px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 30px -10px rgb(0 0 0/0.2),0 10px 15px -8px rgb(0 0 0/0.12);--gradient-primary:linear-gradient(135deg,#ffffff,#fafafa);--gradient-secondary:linear-gradient(135deg,#f5f3ff,#e9d5ff);--gradient-accent:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-600) 100%);--gradient-highlight:linear-gradient(135deg,var(--purple-400) 0%,var(--purple-500) 100%);--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}*{box-sizing:border-box}body{background:var(--background);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.text-display{font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.text-heading-1{font-size:1.875rem}.text-heading-1,.text-heading-2{font-weight:600;line-height:1.3;letter-spacing:-.025em}.text-heading-2{font-size:1.5rem}.text-heading-3{font-size:1.25rem;font-weight:600;line-height:1.4}.text-body-lg{font-size:1.125rem}.text-body,.text-body-lg{font-weight:400;line-height:1.6}.text-body{font-size:1rem}.text-body-sm{font-size:.875rem;font-weight:400;line-height:1.5}.text-caption{font-size:.75rem;font-weight:500;line-height:1.4;text-transform:uppercase;letter-spacing:.05em}@media (max-width:640px){.text-display{font-size:1.875rem}.text-heading-1{font-size:1.5rem}.text-heading-2{font-size:1.25rem}.text-heading-3{font-size:1.125rem}}.btn-primary{background:var(--background-dark);color:var(--white);border:1px solid var(--background-dark);border-radius:var(--radius-lg);padding:.625rem 1.5rem;font-weight:500;font-size:.875rem;letter-spacing:.01em;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-md);min-height:2.5rem}.btn-primary:hover{background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-primary .lucide,.btn-primary svg{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-outline{background:var(--white);color:var(--background-dark);border:1.5px solid var(--background-dark);border-radius:var(--radius-lg);padding:.625rem 1.5rem;font-weight:500;font-size:.875rem;letter-spacing:.01em;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem}.btn-outline:hover{background:var(--blue-700);border-color:var(--blue-700);box-shadow:0 2px 8px rgba(29,78,216,.2);transform:translateY(-1px)}.btn-outline:hover,.btn-outline:hover .lucide,.btn-outline:hover svg{color:var(--white)!important}.btn-outline:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-outline .lucide,.btn-outline svg{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-outline-highlight{background:var(--white);color:var(--accent-secondary);border:1.5px solid var(--accent-secondary);border-radius:var(--radius-lg);padding:.625rem 1.5rem;font-weight:500;font-size:.875rem;letter-spacing:.01em;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem}.btn-outline-highlight:hover{background:var(--accent-secondary);color:var(--white)!important;border-color:var(--accent-secondary);box-shadow:0 2px 8px rgba(20,184,166,.25);transform:translateY(-1px)}.btn-outline-highlight:hover .lucide,.btn-outline-highlight:hover svg{color:var(--white)!important}.btn-outline-highlight:active{transform:translateY(0)}.btn-outline-highlight .lucide,.btn-outline-highlight svg{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-secondary{background:var(--white);color:var(--background-dark);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:.625rem 1.5rem;font-weight:500;font-size:.875rem;letter-spacing:.01em;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm);min-height:2.5rem}.btn-secondary:hover{border-color:var(--background-dark);background:var(--background-secondary);color:var(--blue-700);box-shadow:0 1px 3px rgba(0,0,0,.08)}.btn-secondary .lucide,.btn-secondary svg{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-md);padding:.5rem 1rem;font-weight:500;font-size:.875rem;letter-spacing:.01em;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem}.btn-ghost:hover{background:var(--background-secondary);color:var(--text-primary)}.btn-ghost .lucide,.btn-ghost svg{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-action{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;border:1px solid var(--border-primary);background:var(--white);min-width:2rem;min-height:2rem;box-shadow:var(--shadow-sm)}.btn-action:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-action .lucide,.btn-action svg{width:1rem;height:1rem}.btn-action-delete{color:var(--accent-danger);border-color:#fecaca}.btn-action-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn-action-edit{color:var(--blue-600);border-color:#bfdbfe}.btn-action-edit:hover{background:#dbeafe;border-color:#93c5fd;color:var(--blue-700)}.card{background:var(--card-bg);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-elevated{background:var(--card-bg);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.input{background:var(--white);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary);transition:all .2s ease;width:100%;min-height:2.5rem;box-shadow:var(--shadow-sm)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--purple-100)}.input::placeholder{color:var(--text-quaternary)}select,select.input{background:var(--white);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary);transition:all .2s ease;width:100%;min-height:2.5rem;box-shadow:var(--shadow-sm);cursor:pointer}select.input:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--purple-100)}textarea,textarea.input{background:var(--white);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary);transition:all .2s ease;width:100%;min-height:2.5rem;box-shadow:var(--shadow-sm);font-family:inherit}textarea.input:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--purple-100)}textarea.input::placeholder,textarea::placeholder{color:var(--text-quaternary)}.nav{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary)}.nav .container{padding-top:0;padding-bottom:0}.page-header{background:var(--background-dark);color:var(--white);padding:0;border-radius:0}.page-header-title{color:var(--white);font-weight:600;font-size:1.125rem}.page-header-button{background:transparent;border:1.5px solid var(--white);color:var(--white);border-radius:var(--radius-lg);padding:.5rem 1rem;font-weight:500;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2rem}.page-header-button:hover{background:var(--white);color:var(--background-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.2)}.page-header-button:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media (min-width:640px){.container{padding:0 var(--space-lg)}}@media (min-width:1024px){.container{padding:0 var(--space-xl)}}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-quaternary{color:var(--text-quaternary)}.bg-primary{background-color:var(--background)}.bg-secondary{background-color:var(--background-secondary)}.bg-tertiary{background-color:var(--background-tertiary)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-accent{border-color:var(--border-accent)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--blue-100)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}.oembed-container{width:100%;max-width:100%;margin:0 auto}.oembed-container iframe[src*="youtu.be"],.oembed-container iframe[src*="youtube.com"]{width:100%!important;height:auto!important;min-height:250px;max-width:100%;border-radius:var(--radius-md);margin:0 auto;display:block}@media (max-width:640px){.oembed-container iframe[src*="youtu.be"],.oembed-container iframe[src*="youtube.com"]{min-height:200px;aspect-ratio:16/9}}@media (min-width:641px){.oembed-container iframe[src*="youtu.be"],.oembed-container iframe[src*="youtube.com"]{min-height:400px;aspect-ratio:16/9}}.oembed-container iframe[src*="tiktok.com"]{width:100%!important;max-width:100%;border-radius:var(--radius-md);margin:0 auto;display:block}@media (max-width:640px){.oembed-container iframe[src*="tiktok.com"]{height:720px!important}}