@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@1&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-hover: #e8edf4;--border: #e6ecf4;--border-light: #cfdae8;--accent: #2563eb;--accent-light: #3b82f6;--accent-dark: #1d4ed8;--accent-text: var(--accent);--accent-tint: color-mix(in oklab, var(--accent) 7%, transparent);--accent-line: color-mix(in oklab, var(--accent) 22%, transparent);--accent-glow: color-mix(in oklab, var(--accent) 15%, transparent);--success: #059669;--warning: #d97706;--danger: #e11d48;--info: #0891b2;--text-primary: #0f172a;--text-secondary: #4a5a70;--text-muted: #93a1b5;--lift: #ffffff;--bloom: color-mix(in oklab, var(--accent) 12%, transparent);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .05);--shadow-md: 0 8px 26px -10px rgba(15, 23, 42, .16);--shadow-lg: 0 30px 64px -30px rgba(15, 23, 42, .3);--shadow-3d: 0 12px 28px -6px rgba(15, 23, 42, .1);--shadow-glow: 0 0 32px var(--accent-glow);--transition: .24s cubic-bezier(.16, 1, .3, 1);--ease: cubic-bezier(.16, 1, .3, 1);--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-serif: "Instrument Serif", Georgia, serif;color-scheme:light}html[data-theme=dark]{--bg-base: #080b14;--bg-surface: #0e1524;--bg-elevated: #131b2c;--bg-hover: #1a2338;--border: #1d2740;--border-light: #2a3752;--accent-text: color-mix(in oklab, var(--accent) 55%, white);--accent-tint: color-mix(in oklab, var(--accent) 20%, transparent);--accent-line: color-mix(in oklab, var(--accent) 38%, transparent);--accent-glow: color-mix(in oklab, var(--accent) 28%, transparent);--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--info: #22d3ee;--text-primary: #eef2f8;--text-secondary: #a2b0c4;--text-muted: #6c7c93;--lift: #101a2e;--bloom: color-mix(in oklab, var(--accent) 26%, transparent);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 12px 32px -14px rgba(0, 0, 0, .7);--shadow-lg: 0 34px 74px -34px rgba(0, 0, 0, .85);--shadow-3d: 0 12px 28px -6px rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{background-color:var(--bg-base);overflow-x:hidden;overflow-x:clip;transition:background-color .3s var(--ease),color .3s var(--ease)}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary)}h2{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}h3{font-size:1.1rem;font-weight:700;letter-spacing:-.015em;color:var(--text-primary)}p{line-height:1.62;color:var(--text-secondary)}h1,h2,h3,p,label,td,th{overflow-wrap:break-word}a{color:var(--accent-text);text-decoration:none;font-weight:600}a:hover{color:var(--text-primary)}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-4px);border-color:var(--border-light);box-shadow:var(--shadow-md)}.glass{background:color-mix(in oklab,var(--bg-surface) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.5rem;border-radius:var(--radius-pill);font-size:.92rem;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid transparent;transition:all var(--transition);outline:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px -10px color-mix(in oklab,var(--accent) 65%,transparent)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 16px 32px -12px color-mix(in oklab,var(--accent) 70%,transparent)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-text);transform:translateY(-2px)}.btn-danger{background:var(--bg-surface);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 35%,transparent)}.btn-danger:hover{background:color-mix(in oklab,var(--danger) 10%,transparent);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.icon-btn{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.icon-btn:hover{color:var(--accent-text);border-color:var(--accent-line)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}input,textarea,select{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);font-size:.95rem;padding:.75rem 1rem;outline:none;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}textarea{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-pending{background:color-mix(in oklab,var(--warning) 12%,transparent);color:var(--warning);border:1px solid color-mix(in oklab,var(--warning) 25%,transparent)}.badge-processing{background:var(--accent-tint);color:var(--accent-text);border:1px solid var(--accent-line)}.badge-ready{background:color-mix(in oklab,var(--success) 12%,transparent);color:var(--success);border:1px solid color-mix(in oklab,var(--success) 25%,transparent)}.badge-failed{background:color-mix(in oklab,var(--danger) 12%,transparent);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 25%,transparent)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.75rem;background:color-mix(in oklab,var(--bg-surface) 85%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-brand{font-size:1.15rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.page{min-height:100vh;padding:2.5rem 1.5rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-base);background-image:radial-gradient(80% 55% at 50% 0%,var(--bloom) 0%,transparent 60%),radial-gradient(110% 70% at 50% 8%,var(--lift) 0%,transparent 58%);background-repeat:no-repeat}.auth-box{width:100%;max-width:440px;padding:2.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-title{text-align:center;margin-bottom:2rem}.auth-title h1{margin-bottom:.4rem;color:var(--text-primary)}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500}.alert-error{background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 25%,transparent)}.alert-success{background:color-mix(in oklab,var(--success) 10%,transparent);color:var(--success);border:1px solid color-mix(in oklab,var(--success) 25%,transparent)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}#top-loading-bar-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:999999;pointer-events:none;overflow:hidden}#top-loading-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 60%,var(--accent) 100%);box-shadow:0 0 12px var(--accent-glow);border-radius:0 3px 3px 0;transition:width .3s ease,opacity .4s ease}#top-loading-bar.indeterminate{width:70%!important;animation:topBarIndeterminate 1.6s cubic-bezier(.4,0,.2,1) infinite}@keyframes topBarIndeterminate{0%{transform:translate(-100%);opacity:1}60%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:400% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);display:block}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-text{height:14px;border-radius:6px}.skeleton-title{height:22px;border-radius:8px}.skeleton-avatar{border-radius:50%}.skeleton-badge{height:26px;border-radius:999px}.skeleton-btn{height:40px;border-radius:999px}.skeleton-icon{border-radius:14px}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.85rem}.skeleton-card-row{display:flex;align-items:center;gap:.75rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1.5rem}.project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.project-card h3{color:var(--text-primary);margin-bottom:.4rem;font-size:1.1rem}.project-card p{font-size:.88rem;color:var(--text-secondary)}.doc-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.doc-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1.2rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.doc-item:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.doc-info{display:flex;flex-direction:column;gap:.2rem}.doc-name{font-size:.92rem;font-weight:600;color:var(--text-primary)}.doc-meta{font-size:.78rem;color:var(--text-muted)}.upload-zone{border:1.5px dashed var(--border-light);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--bg-base);box-shadow:var(--shadow-sm)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-tint);box-shadow:var(--shadow-md)}.upload-zone p{margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-bottom:1.75rem}.tab{padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border:1px solid transparent;background:transparent;border-radius:var(--radius-pill);transition:all var(--transition);font-family:var(--font);white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.tab.active{color:var(--accent-text);background:var(--accent-tint);border-color:var(--accent-line)}.row{transition:background var(--transition)}.row:hover{background:var(--bg-base)}.squircle-3d{width:56px;height:56px;background:var(--bg-surface);border-radius:16px;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.sticky-note{background:color-mix(in oklab,var(--warning) 18%,var(--bg-surface));color:var(--text-primary);padding:1.25rem;border-radius:14px;font-weight:600;font-size:.85rem;line-height:1.5;box-shadow:var(--shadow-md);transform:rotate(-3deg);border:1px solid color-mix(in oklab,var(--warning) 30%,transparent)}.floating-card-3d{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-lg)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flow{to{stroke-dashoffset:-90}}@keyframes pop{0%,to{opacity:.28;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes scan{0%{transform:translateY(4px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(104px);opacity:0}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes indet{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes shimmerBar{0%{background-position:0% 50%}to{background-position:200% 50%}}.rise{animation:rise .8s var(--ease) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.project-sidebar-layout{display:flex;gap:1.25rem;align-items:flex-start;margin-top:1.5rem}.project-sidebar{width:250px;flex-shrink:0;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.25rem .85rem;box-shadow:var(--shadow-sm);position:sticky;top:1.5rem;transition:all var(--transition)}.project-sidebar-group-title{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:.75rem .75rem .35rem}.project-sidebar-item{width:100%;display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.6rem .85rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.87rem;cursor:pointer;text-align:left;transition:all var(--transition);position:relative;font-family:inherit}.project-sidebar-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.project-sidebar-item.active{background:var(--accent-tint);color:var(--accent-text);font-weight:700}.project-main-content{flex:1;min-width:0;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:2rem;box-shadow:var(--shadow-sm);min-height:500px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr}.split-grid>*,.form-grid-2>*,.feature-grid>*,.stage-grid>*,.strip-grid>*,.footer-grid>*,.hero-grid>*,.projects-grid>*{min-width:0}@media (max-width: 768px){.hide-below-md{display:none!important}}.touch-target:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}@media (hover: none){.hover-reveal{opacity:1!important}}@media (max-width: 1024px){.hero-grid,.split-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.feature-grid,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-title{font-size:3.1rem!important}}@media (max-width: 768px){h1{font-size:1.9rem!important;letter-spacing:-.03em!important}h2{font-size:1.4rem!important}h3{font-size:1.05rem!important}.container{padding:0 1rem!important}.public-nav-container{width:calc(100% - 24px)!important;padding:.65rem 1.1rem!important;top:8px!important}.public-nav-links-desktop,.public-nav-auth-desktop{display:none!important}.mobile-nav-toggle{display:flex!important;align-items:center!important;justify-content:center!important}.sticky-note,.floating-card-3d{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:1rem auto!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.project-header-actions{flex-direction:column!important;width:100%!important;align-items:stretch!important}.project-tabs-bar{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;padding-bottom:.5rem!important}.project-tabs-bar::-webkit-scrollbar{display:none!important}.projects-grid{grid-template-columns:1fr!important}.hero-grid,.split-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.feature-grid{grid-template-columns:1fr!important}.stage-grid,.strip-grid{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:2rem!important}.stat-grid{grid-template-columns:1fr 1fr!important}.hero-title{font-size:2.6rem!important}.section-title{font-size:1.9rem!important}.form-grid-2{grid-template-columns:1fr!important}.chat-header{padding:0 .9rem!important;gap:.5rem!important}.chat-header-actions{gap:6px!important}.chat-back-label{display:none!important}.chat-input-dock{padding:.75rem .9rem calc(.9rem + env(safe-area-inset-bottom))!important}.auth-page{padding:1.25rem!important}.auth-box{padding:1.75rem 1.35rem!important}.split-seam{border-right:none!important;border-bottom:1px solid var(--border)!important}.modal-panel{max-height:88dvh!important}.modal-body{padding:1.35rem 1.15rem!important}}@media (max-width: 480px){h1{font-size:1.6rem!important}.btn:not(.btn-inline){width:100%!important;justify-content:center!important}.btn-inline{width:auto!important;flex-shrink:0!important}.stage-grid,.strip-grid,.feature-grid{grid-template-columns:1fr!important}.hero-title{font-size:2.1rem!important}.section-title{font-size:1.55rem!important}.chat-project-name{max-width:40vw!important}}@media (max-width: 900px){.project-sidebar-layout{flex-direction:column;gap:1rem}.project-sidebar{width:100%;position:static;display:flex;overflow-x:auto;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;scrollbar-width:none}.project-sidebar::-webkit-scrollbar{display:none}.project-sidebar-group-title{display:none}.project-sidebar-item{width:auto;white-space:nowrap;padding:.5rem .85rem;font-size:.82rem}.project-main-content{padding:1.25rem 1rem!important;border-radius:var(--radius-md)!important}}@media (max-width: 640px){input,select,textarea{font-size:16px!important}}