@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Geist+Mono:wght@300;400;500;600&display=swap";.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Consolas, monospace;--bg-primary:#000;--bg-secondary:#0a0e1a;--bg-tertiary:#111827;--border-primary:#1e293b;--border-secondary:#334155;--text-primary:#fff;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--accent-gold:#3b82f6;--accent-amber:#60a5fa;--bg-accent-glow:#3b82f60f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--bg-dropzone:#0a0e1a80;--bg-dropzone-hover:#0a0e1acc;--bg-message-system:#ffffff05}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal)}.app-layout,.sidebar-chat,.editor-viewport,.editor-header,.chat-input-container,.chat-input-wrapper,.kpi-card,.widget-card,.dashboard-list-item,.upload-card{transition:background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.onboarding-container{background:radial-gradient(circle at top, var(--bg-secondary) 0%, var(--bg-primary) 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.upload-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:540px;transition:all var(--transition-normal);padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.upload-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-gold), transparent);height:1px;position:absolute;top:0;left:0;right:0}.upload-card.drag-active{border-color:var(--accent-gold);background:var(--bg-tertiary);transform:scale(1.01)}.title-main{letter-spacing:-1.5px;color:var(--text-primary);margin-bottom:.5rem;font-size:2.2rem;font-weight:500}.title-sub{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem}.dropzone{border:1px dashed var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-dropzone);padding:3rem 1.5rem}.dropzone:hover{border-color:var(--text-tertiary);background:var(--bg-dropzone-hover)}.dropzone-icon{color:var(--accent-gold);stroke-width:1.5px;margin-bottom:1rem}.dropzone-text{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.dropzone-subtext{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono)}.app-layout{background-color:var(--bg-primary);width:100vw;height:calc(100vh - 56px);display:flex}.editor-viewport{border-right:1px solid var(--border-primary);background:linear-gradient(var(--bg-primary) 33%, transparent), linear-gradient(transparent, var(--bg-primary) 66%) 0 100%, radial-gradient(farthest-side at 50% 0, var(--border-primary), transparent), radial-gradient(farthest-side at 50% 100%, var(--border-primary), transparent) 0 100%;background-color:var(--bg-primary);scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 16px,100% 16px;background-attachment:local,local,scroll,scroll;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden auto}.editor-header{border-bottom:1px solid var(--border-primary);background:var(--bg-primary);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.dashboard-title-container{flex:1;align-items:center;gap:12px;max-width:700px;display:flex}.dashboard-title-input{color:var(--text-primary);font-size:1.15rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.5px;background:0 0;border:none;flex:1;width:100%;min-width:0}.dashboard-title-input:focus{border-bottom:1px solid var(--accent-gold);outline:none}.dashboard-title-input:hover{cursor:text;background:var(--bg-secondary);border-radius:4px;padding:2px 6px}.sidebar-chat{background:var(--bg-secondary);flex-direction:column;width:380px;min-width:380px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-primary);padding:1.2rem 1.5rem}.sidebar-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.message-feed{flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.message-bubble{border-radius:var(--radius-md);max-width:90%;padding:1rem;font-size:.85rem;line-height:1.6;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}.message-bubble.user{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);align-self:flex-end}.message-bubble.assistant{color:var(--text-secondary);background:0 0;align-self:flex-start}.message-bubble.system{background:var(--bg-message-system);border:1px dashed var(--border-primary);color:var(--text-tertiary);font-family:var(--font-mono);text-align:center;align-self:center;max-width:100%;font-size:.75rem}.chat-input-container{border-top:1px solid var(--border-primary);background:var(--bg-primary);padding:1.2rem}.chat-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 12px;display:flex}.chat-input{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:.85rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:0 0 16px;display:grid}.kpi-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);transition:all var(--transition-normal);background:linear-gradient(135deg,#0a0e1a66,#05070d99);border:1px solid #ffffff0d;padding:1.2rem;position:relative;overflow:hidden}.theme-light .kpi-card{background:linear-gradient(135deg,#ffffffa6,#f8fafcd9);border:1px solid #0000000f}.theme-earthy .kpi-card{background:linear-gradient(135deg,#1b1e1999,#141612cc);border:1px solid #f4f6f20d}.kpi-card:after{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);pointer-events:none;background:radial-gradient(circle at 100% 100%,#3b82f614 0%,#0000 60%);position:absolute;top:0;left:0}.kpi-card:hover{border-color:#3b82f640;transform:translateY(-2px);box-shadow:0 12px 30px #00000059,inset 0 0 1px 1px #3b82f61a}.theme-light .kpi-card:hover{border-color:#3b82f666;box-shadow:0 12px 30px #00000014,inset 0 0 1px 1px #3b82f626}.theme-earthy .kpi-card:hover{border-color:#fac77540;box-shadow:0 12px 30px #00000059,inset 0 0 1px 1px #fac7751a}.kpi-card:hover:after{opacity:1}.dashboard-delete-btn-kpi{color:#ef444466;cursor:pointer;font-size:.95rem;font-family:var(--font-mono,monospace);opacity:0;z-index:10;background:0 0;border:none;padding:4px;line-height:1;transition:opacity .15s,color .15s,transform .15s;position:absolute;top:6px;right:8px}.kpi-card:hover .dashboard-delete-btn-kpi,.dashboard-delete-btn-kpi:focus-visible{opacity:1}.dashboard-delete-btn-kpi:hover,.dashboard-delete-btn-kpi:focus{transform:scale(1.2);color:#ef4444!important}.dashboard-delete-btn-widget{color:#ef444466;cursor:pointer;font-size:.72rem;font-family:var(--font-mono,monospace);background:0 0;border:none;border-radius:4px;padding:2px 6px;transition:color .15s,background-color .15s}.dashboard-delete-btn-widget:hover,.dashboard-delete-btn-widget:focus{background-color:#ef444414;color:#ef4444!important}.dashboard-copy-btn-widget{color:var(--text-tertiary);cursor:pointer;font-size:.7rem;font-family:var(--font-mono,monospace);background:0 0;border:none;border-radius:4px;padding:2px 6px;transition:color .15s,background-color .15s}.dashboard-copy-btn-widget:hover,.dashboard-copy-btn-widget:focus{background-color:#fac77514;color:var(--accent-gold)!important}.dashboard-undo-btn-widget{color:var(--text-tertiary);cursor:pointer;font-size:.7rem;font-family:var(--font-mono,monospace);background:0 0;border:none;border-radius:4px;padding:2px 6px;transition:color .15s,background-color .15s}.dashboard-undo-btn-widget:hover,.dashboard-undo-btn-widget:focus{background-color:#3b82f614;color:#3b82f6!important}.workspace-badge{color:var(--text-tertiary);font-size:.72rem;font-family:var(--font-mono);border:1px solid var(--border-primary);cursor:pointer;border-radius:12px;padding:3px 8px;transition:border-color .2s,color .2s}.workspace-badge:hover,.workspace-badge:focus{border-color:var(--accent-gold)!important;color:var(--text-primary)!important}.kpi-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-size:.72rem;font-weight:500;font-family:var(--font-mono);margin-bottom:8px}.kpi-value{letter-spacing:-1px;color:var(--text-primary);font-size:1.8rem;font-weight:500}.kpi-change{font-size:.75rem;font-family:var(--font-mono);margin-top:6px}.kpi-change.positive{color:#4ade80;text-shadow:0 0 8px #4ade8059}.kpi-change.negative{color:#f87171;text-shadow:0 0 8px #f8717159}.widget-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);height:100%;transition:all var(--transition-normal);background:linear-gradient(135deg,#0a0e1a59,#05070d8c);border:1px solid #ffffff0d;flex-direction:column;padding:1.2rem;display:flex}.theme-light .widget-card{background:linear-gradient(135deg,#ffffff8c,#f8fafcbf);border:1px solid #0000000f}.theme-earthy .widget-card{background:linear-gradient(135deg,#1b1e198c,#141612bf);border:1px solid #f4f6f20d}.widget-card:hover{border-color:#3b82f640;transform:translateY(-2px);box-shadow:0 12px 30px #00000059,inset 0 0 1px 1px #3b82f614}.theme-light .widget-card:hover{border-color:#3b82f659;box-shadow:0 12px 30px #00000014,inset 0 0 1px 1px #3b82f61f}.theme-earthy .widget-card:hover{border-color:#fac77540;box-shadow:0 12px 30px #00000059,inset 0 0 1px 1px #fac77514}.widget-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.widget-title{color:var(--text-primary);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.widget-body{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.widget-drag-handle{cursor:grab}.widget-drag-handle:active{cursor:grabbing}.kpi-drag-handle{cursor:grab}.kpi-drag-handle:active{cursor:grabbing}.inline-title-input{background:var(--bg-tertiary);border:1px solid var(--accent-gold);color:var(--text-primary);font-family:inherit;font-size:inherit;font-weight:inherit;border-radius:3px;outline:none;width:100%;padding:0 4px}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 16px;font-size:.85rem;font-weight:500}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 16px;font-size:.85rem}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}.btn-icon{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.theme-light{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--bg-accent-glow:#3b82f60a;--bg-dropzone:#00000008;--bg-dropzone-hover:#0000000f;--bg-message-system:#00000005}.theme-earthy{--bg-primary:#141612;--bg-secondary:#1b1e19;--bg-tertiary:#222720;--border-primary:#2d352b;--border-secondary:#3d4939;--text-primary:#f4f6f2;--text-secondary:#a1ac9a;--text-tertiary:#6f7d67;--bg-accent-glow:#b5b5af1a}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border-primary) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:100%;animation:1.6s linear infinite loading-pulse;display:inline-block}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.widget-menu-container{display:inline-block;position:relative}.widget-menu-trigger{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.widget-menu-trigger:hover,.widget-menu-trigger:focus{background-color:var(--bg-tertiary);color:var(--text-primary)}.widget-menu-dropdown{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);z-index:50;transform-origin:100% 0;background:linear-gradient(135deg,#0a0e1ad9,#05070df2);border:1px solid #ffffff14;flex-direction:column;gap:4px;min-width:140px;margin-top:6px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #00000080,inset 0 0 1px 1px #ffffff0d}.theme-light .widget-menu-dropdown{background:linear-gradient(135deg,#ffffffe6,#f8fafcfa);border:1px solid #00000014;box-shadow:0 10px 30px #0000001a,inset 0 0 1px 1px #ffffff80}.theme-earthy .widget-menu-dropdown{background:linear-gradient(135deg,#1b1e19e6,#141612fa);border:1px solid #f4f6f214}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.widget-menu-item{text-align:left;width:100%;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.widget-menu-item:hover,.widget-menu-item:focus{color:var(--text-primary);background:#ffffff0f}.theme-light .widget-menu-item:hover,.theme-light .widget-menu-item:focus{background:#0000000a}.widget-menu-item.delete{color:#f87171}.widget-menu-item.delete:hover,.widget-menu-item.delete:focus{color:#ef4444;background:#ef444414}.landing-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);overflow:hidden auto}.landing-nav{border-bottom:1px solid var(--border-primary);background:var(--bg-primary);z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.landing-nav-brand{align-items:center;gap:8px;display:flex}.landing-logo{letter-spacing:-.8px;color:var(--accent-gold);font-size:1.25rem;font-weight:600}.landing-nav-links{align-items:center;gap:12px;display:flex}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:780px;margin:0 auto;padding:6rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='600' viewBox='0 0 800 600'%3E%3Cg opacity='0.08' fill='none' stroke='%23A78BFA' stroke-width='1.5'%3E%3Cpath d='M100 500 L200 350 L300 420 L400 280 L500 360 L600 200 L700 300'/%3E%3Cpath d='M80 450 L180 320 L280 380 L380 250 L480 340 L580 180 L680 280' opacity='0.5'/%3E%3Crect x='620' y='80' width='120' height='90' rx='8' opacity='0.4'/%3E%3Ccircle cx='150' cy='200' r='60' opacity='0.3'/%3E%3Cpath d='M200 520 L300 520 L300 460 L400 460 L400 520 L500 520'/%3E%3Crect x='50' y='100' width='80' height='60' rx='6' opacity='0.3'/%3E%3C/g%3E%3Cg opacity='0.06' fill='none' stroke='%23FAC775' stroke-width='1'%3E%3Cpath d='M120 480 L220 380 L320 440 L420 300 L520 390'/%3E%3Crect x='550' y='400' width='100' height='80' rx='6'/%3E%3Ccircle cx='400' cy='150' r='40'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:800px 600px;position:absolute;inset:0}.landing-hero-badge{background:var(--bg-accent-glow);color:var(--accent-gold);border:1px solid #3b82f626;border-radius:20px;align-items:center;gap:8px;margin-bottom:2rem;padding:6px 16px;font-size:.8rem;display:inline-flex}.landing-hero-title{letter-spacing:-1.6px;margin-bottom:1.25rem;font-size:3.25rem;font-weight:600;line-height:1.15}.landing-hero-gradient{background:linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-amber) 50%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.landing-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.landing-features{max-width:1100px;margin:0 auto;padding:4rem 2rem 5rem}.landing-features-title{letter-spacing:-.6px;text-align:center;color:var(--text-primary);margin-bottom:3rem;font-size:1.75rem;font-weight:600}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.landing-feature-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);padding:1.75rem}.landing-feature-card:hover{border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 30px #0003}.landing-feature-icon{color:var(--accent-gold);margin-bottom:1rem}.landing-feature-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.landing-feature-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.landing-footer{text-align:center;border-top:1px solid var(--border-primary);color:var(--text-tertiary);padding:2rem;font-size:.8rem}.auth-container{background:radial-gradient(circle at top, var(--bg-secondary) 0%, var(--bg-primary) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-back{color:var(--text-tertiary);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.85rem;text-decoration:none;display:flex;position:absolute;top:1.5rem;left:1.5rem}.auth-back:hover{color:var(--text-primary)}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:2.5rem;box-shadow:0 10px 40px #0000004d}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-logo{letter-spacing:-.8px;color:var(--accent-gold);margin-bottom:.75rem;font-size:1.5rem;font-weight:600;display:block}.auth-header h1{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:.35rem;font-size:1.5rem;font-weight:600}.auth-header p{color:var(--text-secondary);font-size:.88rem}.auth-error{color:#f87171;border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;margin-bottom:1rem;padding:.75rem 1rem;font-size:.83rem;line-height:1.4}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:flex}.auth-field input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.93rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:.65rem .85rem}.auth-field input:focus{border-color:var(--accent-gold)}.auth-field input::placeholder{color:var(--text-tertiary)}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1.25rem;font-size:.85rem}.auth-switch a{color:var(--accent-gold);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-loading{background:var(--bg-primary);min-height:100vh;color:var(--text-tertiary);font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:.55rem 1.2rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gold);color:#fff}.btn-primary:hover{background:#2563eb}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-secondary);background:#ffffff0a}.btn-lg{padding:.72rem 1.75rem;font-size:.95rem}.btn-full{width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.6s linear infinite spin}.saas-navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.saas-nav-left{align-items:center;gap:1.5rem;display:flex}.saas-nav-brand{cursor:pointer;align-items:center;gap:8px;text-decoration:none;display:flex}.saas-nav-brand span{letter-spacing:-.8px;color:var(--accent-gold);text-shadow:0 0 10px #fac77526;font-size:1.15rem;font-weight:600}.saas-nav-breadcrumbs{font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--text-tertiary);align-items:center;gap:6px;display:flex}.saas-nav-breadcrumb-item{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.saas-nav-breadcrumb-item.active{color:var(--accent-gold);font-weight:500}.saas-nav-links{align-items:center;gap:4px;display:flex}.saas-nav-tab{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.saas-nav-tab:hover{color:var(--text-primary);background:#ffffff08}.saas-nav-tab.active{color:var(--accent-gold);background:var(--bg-accent-glow);border-color:var(--border-secondary)}.saas-nav-right{align-items:center;gap:16px;display:flex}.saas-action-tray{align-items:center;gap:8px;display:flex}.saas-tray-btn{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.saas-tray-btn:hover{color:var(--text-primary);border-color:var(--border-secondary);background:#ffffff08}.saas-notification-badge{border:2px solid var(--bg-secondary);background:#f87171;border-radius:50%;width:8px;height:8px;animation:1.8s cubic-bezier(.455,.03,.515,.955) infinite pulse-ring;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #f8717199}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(.9)}}.saas-popover{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);z-index:1100;flex-direction:column;gap:12px;width:320px;padding:1rem;animation:.18s cubic-bezier(.16,1,.3,1) slide-down-fade;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000080}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.saas-popover-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.saas-popover-title{font-size:.82rem;font-family:var(--font-mono,monospace);color:var(--text-secondary);text-transform:uppercase;font-weight:600}.saas-popover-clear{color:var(--accent-gold);cursor:pointer;background:0 0;border:none;font-size:.72rem}.saas-notification-list{flex-direction:column;gap:8px;max-height:240px;display:flex;overflow-y:auto}.saas-notification-item{border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff03;border:1px solid #0000;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.saas-notification-item:hover{border-color:var(--border-primary);background:#ffffff08}.saas-notification-text{color:var(--text-primary);font-size:.8rem;line-height:1.35}.saas-notification-time{color:var(--text-tertiary);font-size:.68rem;font-family:var(--font-mono,monospace)}.saas-profile-container{position:relative}.saas-profile-trigger{border:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff03;border-radius:20px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.saas-profile-trigger:hover{border-color:var(--border-secondary);background:#ffffff08}.saas-avatar{background:linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-amber) 100%);color:#111827;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 0 10px #fac7754d}.saas-profile-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:.8rem;overflow:hidden}.saas-profile-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);z-index:1100;width:240px;animation:.18s cubic-bezier(.16,1,.3,1) slide-down-fade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.saas-profile-info{border-bottom:1px solid var(--border-primary);background:#ffffff03;padding:12px 16px}.saas-profile-role{font-size:.65rem;font-family:var(--font-mono,monospace);color:var(--accent-gold);background:var(--bg-accent-glow);border-radius:4px;margin-top:4px;padding:1px 6px;display:inline-block}.saas-dropdown-links{flex-direction:column;display:flex}.saas-dropdown-item{color:var(--text-secondary);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:.82rem;display:flex}.saas-dropdown-item:hover{color:var(--text-primary);background:#ffffff08}.saas-dropdown-item.logout{border-top:1px solid var(--border-primary);color:#f87171}.saas-dropdown-item.logout:hover{color:#ef4444;background:#ef44440d}.saas-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.saas-modal-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:560px;animation:.3s cubic-bezier(.34,1.56,.64,1) zoom-in-up;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}@keyframes zoom-in-up{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.saas-modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.saas-modal-title{letter-spacing:-.5px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.saas-modal-close{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.saas-modal-close:hover{color:var(--text-primary);background:#ffffff0d}.saas-modal-body{max-height:460px;color:var(--text-secondary);padding:1.5rem;font-size:.88rem;line-height:1.6;overflow-y:auto}.saas-modal-body h4{color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.saas-modal-body p{margin-bottom:1rem}.saas-modal-body ul{margin-bottom:1rem;padding-left:1.25rem}.saas-modal-footer{border-top:1px solid var(--border-primary);background:#00000026;justify-content:flex-end;padding:1rem 1.5rem;display:flex}