@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root,[data-theme=Brown],[data-theme=brown]{--bg-base:#faf5ee;--bg-surface:#fff;--bg-elevated:#f3e8dc;--bg-card:#fff;--border:#78350f2e;--border-accent:#78350f8c;--indigo:#78350f;--indigo-light:#92400e;--indigo-dark:#451a03;--violet:#b45309;--cyan:#d97706;--emerald:#059669;--rose:#e11d48;--amber:#b45309;--text-primary:#451a03;--text-secondary:#78350f;--text-muted:#92400e;--grad-brand:linear-gradient(135deg, #78350f 0%, #451a03 100%);--grad-cyan:linear-gradient(135deg, #d97706 0%, #78350f 100%);--grad-surface:linear-gradient(145deg, #fff 0%, #faf5ee 100%);--shadow-sm:0 1px 3px #78350f14;--shadow-md:0 4px 16px #78350f1f;--shadow-glow:0 0 24px #78350f38;--shadow-card:0 4px 20px #78350f0f, 0 0 0 1px #78350f24;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--sidebar-width:240px;--topbar-height:64px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}@keyframes text-gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text{background:linear-gradient(135deg, var(--indigo) 0%, var(--indigo-light) 35%, #0284c7 65%, var(--indigo) 100%);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;animation:5s infinite text-gradient-flow;display:inline-block}.animated-headline-lead{background:linear-gradient(110deg, var(--text-primary) 0%, var(--indigo) 35%, var(--indigo-light) 50%, var(--indigo) 65%, var(--text-primary) 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;animation:6s ease-in-out infinite text-gradient-flow;display:inline}[data-theme=Orange],[data-theme=orange]{--bg-base:#fff7ed;--bg-surface:#fff;--bg-elevated:#ffedd5;--bg-card:#fff;--border:#f9731633;--border-accent:#f9731699;--indigo:#ea580c;--indigo-light:#f97316;--indigo-dark:#c2410c;--violet:#f59e0b;--cyan:#0284c7;--emerald:#059669;--rose:#e11d48;--amber:#d97706;--text-primary:#431407;--text-secondary:#9a3412;--text-muted:#c2410c;--grad-brand:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--grad-cyan:linear-gradient(135deg, #fb923c 0%, #c2410c 100%);--grad-surface:linear-gradient(145deg, #fff 0%, #fff7ed 100%);--shadow-sm:0 1px 3px #f9731614;--shadow-md:0 4px 16px #f973161f;--shadow-glow:0 0 24px #f9731640;--shadow-card:0 4px 20px #f9731614, 0 0 0 1px #f9731624}[data-theme=DarkRed],[data-theme=darkred],[data-theme=dark-red]{--bg-base:#fdf2f4;--bg-surface:#fff;--bg-elevated:#fce7ea;--bg-card:#fff;--border:#9f123933;--border-accent:#9f123999;--indigo:#9f1239;--indigo-light:#be123c;--indigo-dark:#4c0519;--violet:#881337;--cyan:#0284c7;--emerald:#059669;--rose:#e11d48;--amber:#d97706;--text-primary:#4c0519;--text-secondary:#881337;--text-muted:#9f1239;--grad-brand:linear-gradient(135deg, #be123c 0%, #881337 100%);--grad-cyan:linear-gradient(135deg, #e11d48 0%, #9f1239 100%);--grad-surface:linear-gradient(145deg, #fff 0%, #fdf2f4 100%);--shadow-sm:0 1px 3px #9f123914;--shadow-md:0 4px 16px #9f12391f;--shadow-glow:0 0 24px #9f123940;--shadow-card:0 4px 20px #9f123914, 0 0 0 1px #9f123926}[data-theme=Pink],[data-theme=pink]{--bg-base:#fff1f2;--bg-surface:#fff;--bg-elevated:#ffe4e6;--bg-card:#fff;--border:#f43f5e33;--border-accent:#f43f5e99;--indigo:#e11d48;--indigo-light:#f43f5e;--indigo-dark:#be123c;--violet:#db2777;--cyan:#0284c7;--emerald:#059669;--rose:#f43f5e;--amber:#d97706;--text-primary:#4c0519;--text-secondary:#881337;--text-muted:#be123c;--grad-brand:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--grad-cyan:linear-gradient(135deg, #fb7185 0%, #db2777 100%);--grad-surface:linear-gradient(145deg, #fff 0%, #fff1f2 100%);--shadow-sm:0 1px 3px #f43f5e14;--shadow-md:0 4px 16px #f43f5e1f;--shadow-glow:0 0 24px #f43f5e40;--shadow-card:0 4px 20px #f43f5e14, 0 0 0 1px #f43f5e26}[data-theme=ClarityGray],[data-theme=clarity-gray]{--bg-base:#fafafa;--bg-surface:#fff;--bg-elevated:#f4f4f5;--bg-card:#fff;--border:#18181b1a;--border-accent:#18181b73;--indigo:#18181b;--indigo-light:#3f3f46;--indigo-dark:#09090b;--violet:#27272a;--cyan:#52525b;--emerald:#10b981;--rose:#f43f5e;--amber:#f59e0b;--text-primary:#09090b;--text-secondary:#3f3f46;--text-muted:#71717a;--grad-brand:linear-gradient(135deg, #18181b 0%, #3f3f46 100%);--grad-cyan:linear-gradient(135deg, #71717a 0%, #18181b 100%);--grad-surface:linear-gradient(145deg, #fff 0%, #f4f4f5 100%);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-glow:0 0 24px #18181b1f;--shadow-card:0 4px 20px #0000000d, 0 0 0 1px #18181b14}[data-theme=Brown] body,[data-theme=brown] body{background:radial-gradient(80% 50% at 50% -20%,#92400e24 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#b4530914 0%,#0000 60%),#faf5ee}[data-theme=Orange] body,[data-theme=orange] body{background:radial-gradient(80% 50% at 50% -20%,#f9731629 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#fb923c1a 0%,#0000 60%),#fff7ed}[data-theme=DarkRed] body,[data-theme=darkred] body,[data-theme=dark-red] body{background:radial-gradient(80% 50% at 50% -20%,#9f123926 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#be123c14 0%,#0000 60%),#fdf2f4}[data-theme=Pink] body,[data-theme=pink] body{background:radial-gradient(80% 50% at 50% -20%,#f43f5e26 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#ec48991a 0%,#0000 60%),#fff1f2}[data-theme=ClarityGray] body,[data-theme=clarity-gray] body{background:radial-gradient(80% 50% at 50% -20%,#18181b0f 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#71717a0a 0%,#0000 60%),#fafafa}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);transition:background .25s,border-color .25s}.mobile-header{background:var(--bg-surface);border-bottom:1px solid var(--border);transition:background .25s,border-color .25s}[data-theme=Brown] .sidebar,[data-theme=brown] .sidebar{background:linear-gradient(#fdf8f4 0%,#f3e8dc 100%);border-right:1px solid #78350f38}[data-theme=Brown] .sidebar-header,[data-theme=brown] .sidebar-header{border-bottom:1px solid #78350f24}[data-theme=Brown] .sidebar .nav-item,[data-theme=brown] .sidebar .nav-item{color:#78350f}[data-theme=Brown] .sidebar .nav-item:hover,[data-theme=brown] .sidebar .nav-item:hover{color:#451a03;background:#78350f1a}[data-theme=Brown] .sidebar .nav-item.active,[data-theme=brown] .sidebar .nav-item.active{color:#451a03;background:#fae4cb;border:1px solid #78350f59;box-shadow:0 2px 8px #78350f26}[data-theme=Orange] .sidebar,[data-theme=orange] .sidebar{background:linear-gradient(#fffaf5 0%,#ffedd5 100%);border-right:1px solid #f973163d}[data-theme=Orange] .sidebar-header,[data-theme=orange] .sidebar-header{border-bottom:1px solid #f9731624}[data-theme=Orange] .sidebar .nav-item,[data-theme=orange] .sidebar .nav-item{color:#9a3412}[data-theme=Orange] .sidebar .nav-item:hover,[data-theme=orange] .sidebar .nav-item:hover{color:#431407;background:#f973161a}[data-theme=Orange] .sidebar .nav-item.active,[data-theme=orange] .sidebar .nav-item.active{color:#7c2d12;background:#fed7aa;border:1px solid #f9731659;box-shadow:0 2px 8px #f9731626}[data-theme=DarkRed] .sidebar,[data-theme=darkred] .sidebar,[data-theme=dark-red] .sidebar{background:linear-gradient(#fdf4f5 0%,#fce7ea 100%);border-right:1px solid #9f12393d}[data-theme=DarkRed] .sidebar-header,[data-theme=darkred] .sidebar-header,[data-theme=dark-red] .sidebar-header{border-bottom:1px solid #9f123924}[data-theme=DarkRed] .sidebar .nav-item,[data-theme=darkred] .sidebar .nav-item,[data-theme=dark-red] .sidebar .nav-item{color:#881337}[data-theme=DarkRed] .sidebar .nav-item:hover,[data-theme=darkred] .sidebar .nav-item:hover,[data-theme=dark-red] .sidebar .nav-item:hover{color:#4c0519;background:#9f12391a}[data-theme=DarkRed] .sidebar .nav-item.active,[data-theme=darkred] .sidebar .nav-item.active,[data-theme=dark-red] .sidebar .nav-item.active{color:#881337;background:#fbcfe8;border:1px solid #9f123959;box-shadow:0 2px 8px #9f123926}[data-theme=Pink] .sidebar,[data-theme=pink] .sidebar{background:linear-gradient(#fff5f6 0%,#ffe4e6 100%);border-right:1px solid #f43f5e40}[data-theme=Pink] .sidebar-header,[data-theme=pink] .sidebar-header{border-bottom:1px solid #f43f5e26}[data-theme=Pink] .sidebar .nav-item,[data-theme=pink] .sidebar .nav-item{color:#881337}[data-theme=Pink] .sidebar .nav-item:hover,[data-theme=pink] .sidebar .nav-item:hover{color:#4c0519;background:#f43f5e1f}[data-theme=Pink] .sidebar .nav-item.active,[data-theme=pink] .sidebar .nav-item.active{color:#9f1239;background:#fecdd3;border:1px solid #f43f5e66;box-shadow:0 2px 8px #f43f5e26}[data-theme=ClarityGray] .sidebar,[data-theme=clarity-gray] .sidebar{background:linear-gradient(#fff 0%,#f4f4f5 100%);border-right:1px solid #18181b1f}[data-theme=ClarityGray] .sidebar-header,[data-theme=clarity-gray] .sidebar-header{border-bottom:1px solid #18181b1a}[data-theme=ClarityGray] .sidebar .nav-item,[data-theme=clarity-gray] .sidebar .nav-item{color:#3f3f46}[data-theme=ClarityGray] .sidebar .nav-item:hover,[data-theme=clarity-gray] .sidebar .nav-item:hover{color:#09090b;background:#18181b0d}[data-theme=ClarityGray] .sidebar .nav-item.active,[data-theme=clarity-gray] .sidebar .nav-item.active{color:#09090b;background:#e4e4e7;border:1px solid #18181b40;box-shadow:0 2px 8px #0000000f}[data-theme=Brown] .pill-btn-black,[data-theme=brown] .pill-btn-black{color:#fff!important;background:#78350f!important;box-shadow:0 10px 25px -5px #78350f66!important}[data-theme=Orange] .pill-btn-black,[data-theme=orange] .pill-btn-black{color:#fff!important;background:#ea580c!important;box-shadow:0 10px 25px -5px #ea580c66!important}[data-theme=DarkRed] .pill-btn-black,[data-theme=darkred] .pill-btn-black,[data-theme=dark-red] .pill-btn-black{color:#fff!important;background:#9f1239!important;box-shadow:0 10px 25px -5px #9f123966!important}[data-theme=Pink] .pill-btn-black,[data-theme=pink] .pill-btn-black{color:#fff!important;background:#e11d48!important;box-shadow:0 10px 25px -5px #e11d4866!important}[data-theme=ClarityGray] .pill-btn-black,[data-theme=clarity-gray] .pill-btn-black{color:#fff!important;background:#18181b!important;box-shadow:0 10px 25px -5px #18181b59!important}[data-theme=Brown] .floating-navbar,[data-theme=brown] .floating-navbar{background:#faf5eeeb!important;border-color:#78350f33!important}[data-theme=Orange] .floating-navbar,[data-theme=orange] .floating-navbar{background:#fff7edeb!important;border-color:#f9731638!important}[data-theme=DarkRed] .floating-navbar,[data-theme=darkred] .floating-navbar,[data-theme=dark-red] .floating-navbar{background:#fdf2f4eb!important;border-color:#9f123938!important}[data-theme=Pink] .floating-navbar,[data-theme=pink] .floating-navbar{background:#fff1f2eb!important;border-color:#f43f5e38!important}[data-theme=ClarityGray] .floating-navbar,[data-theme=clarity-gray] .floating-navbar{background:#fafafaeb!important;border-color:#18181b24!important}.card{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-card)}.nav-item{color:var(--text-muted)}.nav-item.active{background:var(--bg-elevated);color:var(--indigo);border:1px solid var(--border-accent)}.input,input[type=text],input[type=number],input[type=email],select,textarea{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-accent)}.table th{background:var(--bg-elevated);color:var(--text-muted);border-bottom:1px solid var(--border)}.table td{border-bottom:1px solid var(--border);color:var(--text-secondary)}pre{border:1px solid var(--border);background:var(--bg-elevated)!important;color:var(--text-primary)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-circle{border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.65s linear infinite spin;display:inline-block}html{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Inter,system-ui,sans-serif}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #6366f11f 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, #8b5cf614 0%, transparent 60%), var(--bg-base);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1.2}h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}.gradient-text{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-shell{width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content{margin-left:var(--sidebar-width);min-height:100vh;width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;max-width:100%;transition:margin-left .25s,width .25s;display:flex}.page-content{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:clamp(16px,3vw,32px)}.mobile-header{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:90;height:60px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(12px,3vw,20px);display:none;position:fixed;top:0;left:0;right:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:95;opacity:0;pointer-events:none;background:#0f172a99;transition:opacity .25s;display:none;position:fixed;inset:0}@media (max-width:1024px){.mobile-header{display:flex}.main-content{width:100%!important;margin-left:0!important;padding-top:60px!important}.page-content{padding:clamp(14px,3.5vw,24px)}.sidebar{box-shadow:none!important;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s!important;transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important;box-shadow:0 0 60px #0006!important}.sidebar-backdrop{pointer-events:auto;opacity:1;display:block}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;background:#111520f2;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 20px 16px}.sidebar-logo-mark{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{background:var(--grad-brand);border-radius:var(--radius-sm);width:36px;height:36px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:18px;display:flex}.logo-text{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.2}.logo-text span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:400;display:block}.sidebar-section{padding:16px 12px 8px}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;padding:0 8px;font-size:.65rem;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--indigo-light);background:#6366f126;border:1px solid #6366f133}.nav-item.active:before{content:"";background:var(--indigo);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:-1px}.nav-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px 12px}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:99;background:#0a0d14e6;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;right:0}.topbar-title{color:var(--text-primary);font-size:1rem;font-weight:600}.topbar-right{align-items:center;gap:12px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition);padding:24px}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card), var(--shadow-glow);transform:translateY(-1px)}.card-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#1a203599;border:1px solid #ffffff14;padding:24px}.module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);padding:28px;text-decoration:none;display:block;position:relative;overflow:hidden}.module-card:before{content:"";opacity:0;transition:opacity .3s;position:absolute;inset:0}.module-card:hover:before{opacity:1}.module-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-3px)}.module-icon-wrap{border-radius:var(--radius-md);width:52px;height:52px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:16px;font-size:26px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 4px 16px #6366f166}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 24px #6366f180}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#ffffff0f}.btn-secondary:hover{border-color:var(--indigo);background:#ffffff1a}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff0a;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem}.input:focus{border-color:var(--indigo);background:#6366f10f;box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-indigo{color:var(--indigo-light);background:#6366f126;border:1px solid #6366f14d}.badge-emerald{color:var(--emerald);background:#10b98126;border:1px solid #10b9814d}.badge-rose{color:var(--rose);background:#f43f5e26;border:1px solid #f43f5e4d}.badge-amber{color:var(--amber);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-cyan{color:var(--cyan);background:#22d3ee26;border:1px solid #22d3ee4d}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-green{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.dot-yellow{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot-red{background:var(--rose);box-shadow:0 0 8px var(--rose)}.dot-indigo{background:var(--indigo);box-shadow:0 0 8px var(--indigo)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);padding:48px 32px;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--indigo);background:#6366f10f}.progress-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--grad-brand);border-radius:2px;height:100%;transition:width .4s}.spinner{border:2px solid #ffffff1a;border-top-color:var(--indigo);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.anim-fade-up{animation:.4s forwards fadeUp}.anim-fade-in{animation:.3s forwards fadeIn}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.toast-container{z-index:99999;pointer-events:auto;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#111827f2;border:1px solid #ffffff26;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:14px 18px;font-size:.875rem;animation:.3s cubic-bezier(.16,1,.3,1) fadeDown;display:flex;box-shadow:0 10px 30px #00000080,0 0 1px #fff3}.toast-success{border-left:4px solid var(--emerald);box-shadow:0 10px 30px #10b98126,0 0 1px #10b98166}.toast-error{border-left:4px solid var(--rose);box-shadow:0 10px 30px #f43f5e26,0 0 1px #f43f5e66}.toast-info{border-left:4px solid var(--indigo);box-shadow:0 10px 30px #6366f126,0 0 1px #6366f166}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}@media (max-width:640px){.grid-2,.grid-3,.grid-4{gap:14px;grid-template-columns:1fr!important}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:20px}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1}.stat-delta{color:var(--text-muted);margin-top:6px;font-size:.8rem}.stat-delta.positive{color:var(--emerald)}.stat-delta.negative{color:var(--rose)}.divider{background:var(--border);height:1px;margin:24px 0}.empty-state{text-align:center;color:var(--text-muted);padding:64px 32px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.floating-nav-links{display:none}.floating-nav-mobile-btn{display:flex!important}@media (min-width:768px){.floating-nav-links{display:flex!important}.floating-nav-mobile-btn{display:none!important}}@media print{.no-print,.sidebar,.mobile-header,.sidebar-backdrop,.toast-container,header,nav{display:none!important}body,html{color:#f8fafc!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#090d16!important;margin:0!important;padding:0!important}.app-shell,.main-content,.page-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.card{break-inside:avoid!important;page-break-inside:avoid!important;box-sizing:border-box!important;background:#111827!important;border:1px solid #ffffff26!important}}@keyframes border-beam-flow{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes magic-pulse-subtle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes magic-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.magic-modal-overlay{z-index:999999;background:var(--bg-base);color:var(--text-primary);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden auto}.magic-dot-pattern{background-image:radial-gradient(var(--border) 1.5px, transparent 1.5px);background-size:20px 20px}.magic-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card), 0 10px 30px #0000000a;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.magic-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow), 0 14px 40px #00000014}.magic-card:before{content:"";background:linear-gradient(90deg, transparent, var(--indigo), var(--indigo-light), transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.magic-step-number{background:var(--grad-brand);color:#fff;width:34px;height:34px;box-shadow:0 0 14px var(--shadow-glow);border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.magic-input{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:12px 16px;font-size:.92rem;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s}.magic-input:focus{border-color:var(--indigo-light);box-shadow:0 0 0 3px var(--border-accent);background:var(--bg-surface)}.magic-responsive-grid{box-sizing:border-box;grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (min-width:1024px){.magic-responsive-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.magic-input-pair{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:520px){.magic-input-pair{grid-template-columns:1fr 130px}}.magic-input-pair-equal{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:520px){.magic-input-pair-equal{grid-template-columns:1fr 1fr}}.font-serif-italic{letter-spacing:-.01em;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.pill-btn-black{cursor:pointer;background:#090d16;border:1px solid #ffffff1f;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:13px 30px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #090d162e;color:#fff!important}.pill-btn-black:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 26px #090d1659;color:#fff!important}.pill-btn-lime{cursor:pointer;background:#cbf33e;border:1px solid #00000014;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #cbf33e73;color:#0d1604!important}.pill-btn-lime:hover{background:#d8fb4e;transform:translateY(-2px);box-shadow:0 8px 26px #cbf33ea6}.tilted-perspective-container{perspective:1800px;transform-style:preserve-3d}.tilted-tablet-screen{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;transform:rotateX(14deg)rotateY(-2deg)rotate(.5deg);box-shadow:0 35px 80px -15px #0000002e,0 0 0 1px #0000000f,0 0 50px #34d3991f}.tilted-tablet-screen:hover{transform:rotateX(7deg)rotateY(-1deg)rotate(0);box-shadow:0 45px 90px -15px #00000038,0 0 0 1px #00000014,0 0 60px #34d3992e}.bento-card-light{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;padding:26px;transition:all .3s cubic-bezier(.16,1,.3,1)}.bento-card-light:hover{border-color:var(--indigo);box-shadow:var(--shadow-md);transform:translateY(-3px)}.bento-card-dark{color:#fff;background:#0a0d14;border:1px solid #ffffff1a;border-radius:20px;padding:30px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000004d}.integration-card{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;transition:all .25s;display:flex}.integration-card:hover{border-color:var(--indigo);box-shadow:var(--shadow-md);transform:translateY(-4px)}.animate-spin{animation:1s linear infinite spin!important}@keyframes continuousShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background-size:200% 100%!important;animation:2s linear infinite continuousShimmer!important}@keyframes pulseSlow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseSlow}