@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-\[248px\]{top:248px}.top-\[290px\]{top:290px}.top-\[331px\]{top:331px}.left-\[380px\]{left:380px}.left-\[402px\]{left:402px}.left-\[539px\]{left:539px}.z-\[100\]{z-index:100}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[121px\]{height:121px}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-5\/6{width:83.3333%}.w-\[200px\]{width:200px}.w-\[412px\]{width:412px}.w-\[712px\]{width:712px}.w-full{width:100%}.min-w-\[80px\]{min-width:80px}.min-w-\[90px\]{min-width:90px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[150px\]{min-width:150px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-\[10px\]{border-radius:10px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#4A90E2\]{border-color:#4a90e2}.border-\[\#BFC7D1\]{border-color:#bfc7d1}.bg-transparent{background-color:#0000}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.\[font-family\:\'Performa_VF-ExtendedBold\'\,Helvetica\]{font-family:Performa VF-ExtendedBold,Helvetica}.font-\[\'Inter\'\]{font-family:Inter}.text-\[28px\]{font-size:28px}.text-\[length\:var\(--body-font-size\)\]{font-size:var(--body-font-size)}.leading-\[var\(--body-line-height\)\]{--tw-leading:var(--body-line-height);line-height:var(--body-line-height)}.leading-none{--tw-leading:1;line-height:1}.tracking-\[-0\.56px\]{--tw-tracking:-.56px;letter-spacing:-.56px}.tracking-\[var\(--body-letter-spacing\)\]{--tw-tracking:var(--body-letter-spacing);letter-spacing:var(--body-letter-spacing)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#4A90E2\]{color:#4a90e2}.text-\[\#545F71\]{color:#545f71}.\[font-style\:var\(--body-font-style\)\]{font-style:var(--body-font-style)}.opacity-0{opacity:0}.opacity-90{opacity:.9}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-\[\#2563EB\]:hover{border-color:#2563eb}.hover\:border-\[\#A0AEC0\]:hover{border-color:#a0aec0}.hover\:bg-\[\#EBF4FF\]:hover{background-color:#ebf4ff}.hover\:bg-\[\#F5F7FA\]:hover{background-color:#f5f7fa}}.focus\:border-0:focus{border-style:var(--tw-border-style);border-width:0}.focus\:opacity-100:focus{opacity:1}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--white)}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}body{display:flex;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}button:hover{border-color:#646cff}@media(prefers-color-scheme:light){html,body,#root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.auth-page-background{min-height:100vh;background:#f5f7fa;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.auth-frame-outer{background:#fff;border-radius:16px;width:1280px;height:840px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001a;overflow:hidden}.auth-frame-inner{width:954px;height:575px;flex-shrink:0;border-radius:10px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.auth-header{height:60px;border-bottom:1px solid #9BA5B7;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;position:relative}.auth-helper{color:#6b7280;font-size:14px;margin:8px 0 24px}.auth-link-inline{background:none;border:none;color:#4a90e2;text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.auth-header-dots{display:flex;gap:8px;align-items:center}.auth-dot{width:12px;height:12px;border-radius:50%;background:#545f71}.auth-header-title{position:absolute;left:50%;transform:translate(-50%);font-size:20px;font-weight:600;color:#545f71;text-align:center}.auth-content{display:flex;flex:1;height:100%}.auth-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:0}.auth-logo{text-align:center}.auth-logo-main{color:#545f71;font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.96px;margin:0}.auth-logo-sub{color:#545f71;font-family:Inter,sans-serif;font-size:28px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.56px;margin:8px 0 0}.auth-divider{width:2px;background:#9ba5b7;height:100%;flex-shrink:0}.auth-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:0 60px}.auth-form-container{width:100%;max-width:340px;margin:0 auto}.auth-form-container.verification{text-align:center}.auth-nav-container{text-align:center;margin-bottom:24px}.auth-nav-container.top{margin-bottom:24px;margin-top:0}.auth-link-button{background:none;border:none;color:#545f71;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-decoration:underline;cursor:pointer}.auth-link-button:hover{color:#4a90e2}.auth-title{color:#545f71;text-align:center;font-family:Performa VF,Inter,sans-serif;font-size:28px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:-.56px;margin:0 0 32px}.auth-subtitle{color:#545f71;font-family:Performa VF,Inter,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.3px;width:327px;height:47px;text-align:center;margin:0 auto 40px}.auth-error{background:#fee2e2;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center;font-size:14px;border:1px solid #FECACA}.auth-field{margin-bottom:24px}.auth-field-label{display:block;margin-bottom:8px;color:#545f71;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.auth-input{width:100%;height:44px;border:1px solid #D1D5DB;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding:0 12px;background:#fff;color:#374151;box-sizing:border-box;outline:none;transition:border-color .2s ease}.auth-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.auth-input::-moz-placeholder{color:#9ca3af}.auth-input::placeholder{color:#9ca3af}.auth-password-field{position:relative}.auth-password-input{width:100%;height:44px;border:1px solid #D1D5DB;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding:0 40px 0 12px;background:#fff;color:#374151;box-sizing:border-box;outline:none;transition:border-color .2s ease}.auth-password-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.auth-dropdown-container{position:relative}.auth-dropdown{width:100%;height:44px;border:1px solid #D1D5DB;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding:0 32px 0 12px;background:#fff;color:#374151;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;outline:none;cursor:pointer;transition:border-color .2s ease}.auth-dropdown:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.auth-dropdown option[value=""]:disabled{color:#9ca3af}.auth-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.auth-button{width:100%;height:48px;border-radius:6px;background:#6b7280;color:#fff;border:none;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.auth-button:hover:not(:disabled){background:#5a6470;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.auth-button:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af}.verification-code-container{margin-bottom:32px;display:flex;gap:8px;justify-content:center}.verification-code-input{width:40px;height:44px;border:1px solid #D1D5DB;border-radius:6px;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:normal;text-align:center;background:#fff;color:#374151;outline:none;transition:all .2s ease}.verification-code-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;transform:scale(1.05)}.welcome-container{display:flex;flex:1;height:100%;align-items:center;justify-content:center;background:#fff;position:relative}.welcome-content{text-align:center}.welcome-title{color:#545f71;font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.96px;margin:0 0 16px}.welcome-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:1.4;margin:0 0 40px}.welcome-button{height:48px;padding:0 32px;border-radius:6px;background:#6b7280;color:#fff;border:none;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer;transition:all .2s ease}.welcome-button:hover{background:#5a6470;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.welcome-logo{position:absolute;top:40px;right:40px;width:60px;height:60px;border-radius:50%;background:#e54b4b;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;box-shadow:0 4px 12px #e54b4b4d}@media(max-width:1320px){.auth-frame-outer{width:95vw;height:85vh}.auth-frame-inner{width:90%;height:85%}}@media(max-width:1024px){.auth-frame-outer{width:98vw;height:95vh}.auth-frame-inner{width:95%;height:90%}.auth-content{flex-direction:column}.auth-left,.auth-right{flex:none}.auth-left{height:30%}.auth-right{height:70%;padding:20px 40px}.auth-divider{width:100%;height:2px}}@media(max-width:768px){.auth-right{padding:20px 30px}.auth-logo-main{font-size:36px;line-height:36px}.auth-logo-sub{font-size:22px;line-height:28px}.welcome-title{font-size:36px;line-height:42px}.auth-form-container{max-width:300px}}.auth-button:disabled{position:relative}.auth-button:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}*:focus{outline:none}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}.auth-form-title{color:#545f71;text-align:center;font-family:Performa VF,Inter,sans-serif;font-size:28px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:-.56px;margin:0 0 32px}.auth-input-group{margin-bottom:24px}.auth-label{display:block;margin-bottom:8px;color:#545f71;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.auth-password-container{position:relative}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;font-size:14px}.auth-submit-button{width:100%;height:48px;border-radius:6px;background:#6b7280;color:#fff;border:none;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-top:16px}.auth-submit-button:hover:not(:disabled){background:#5a6470;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af}.auth-switch{text-align:center;margin-top:24px;color:#545f71;font-family:Inter,sans-serif;font-size:14px;font-weight:400}.auth-switch-button{background:none;border:none;color:#545f71;font-family:Inter,sans-serif;font-size:14px;font-weight:400;text-decoration:underline;cursor:pointer;padding:0;margin-left:4px}.auth-switch-button:hover:not(:disabled){color:#4a90e2}.auth-switch-button:disabled{opacity:.6;cursor:not-allowed}.auth-error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center;font-size:14px;border:1px solid #FECACA}.auth-success-message{background:#d1fae5;color:#065f46;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center;font-size:14px;border:1px solid #A7F3D0}.auth-welcome-subtitle{color:#545f71;font-family:Inter,sans-serif;font-size:16px;font-weight:400;text-align:center;margin-bottom:32px}.auth-user-info{background:#f9fafb;border-radius:8px;padding:20px;margin:20px 0;border:1px solid #E5E7EB}.auth-user-detail{margin:12px 0;font-size:14px;color:#374151;font-family:Inter,sans-serif}.auth-user-detail strong{font-weight:600;color:#1f2937;margin-right:8px}.auth-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@font-face{font-family:Performa VF;src:local("Performa VF"),local("Performa"),url(data:,) format("woff2");font-display:swap}.onboarding-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7fafc;padding:24px;font-family:Performa VF,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.onboarding-frame{width:954px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #1018280a;overflow:hidden;position:relative}.onboarding-chrome{height:72px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #545F71;background:#fff}.onboarding-chrome .dots{position:absolute;left:72px;top:24px;width:64px;height:16px}.onboarding-chrome .dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#545f71}.onboarding-chrome .dot:nth-child(1){left:0}.onboarding-chrome .dot:nth-child(2){left:24px}.onboarding-chrome .dot:nth-child(3){left:48px}.onboarding-chrome .title{position:absolute;left:50%;transform:translate(-50%);top:21px;width:412px;height:22px;text-align:center;font-family:Performa VF,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-style:normal;font-weight:400;font-size:15px;line-height:22px;letter-spacing:-.02em;color:#545f71}.onboarding-welcome{padding:72px 120px;text-align:center}.onboarding-welcome h1{font-size:36px;line-height:44px;color:#4b5563;margin-bottom:12px;font-weight:700}.onboarding-welcome p.lead{color:#6b7280;max-width:680px;margin:0 auto 12px;font-size:15px;line-height:22px}.onboarding-welcome p.small{color:#9ca3af;font-size:13px;margin-bottom:18px}.onboarding-cta{color:#6c4fff;font-weight:600;cursor:pointer;border:none;background:transparent;padding:8px 12px;transition:color .2s ease}.onboarding-cta:hover{color:#5a3fd8}.onboarding-back{border:1px solid #e5e7eb;padding:8px 14px;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.onboarding-back:hover{border-color:#d1d5db;background:#f9fafb}.next-purple{color:#6c4fff;font-weight:600;background:none;border:none;cursor:pointer;padding:8px 12px;transition:color .2s ease}.next-purple:hover{color:#5a3fd8}.onboarding-step{padding:28px 48px 40px}.onboarding-field label{display:block;margin-bottom:6px;color:#374151;font-size:14px;font-weight:500;font-family:Performa VF,Inter,sans-serif}.onboarding-field input{width:100%;padding:10px 12px;border:1px solid #545F71;border-radius:6px;font-family:Performa VF,Inter,sans-serif}.onboarding-form{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:0;gap:5px;width:610px;height:310px;margin:0 auto}.onboarding-form .onboarding-field{width:100%}.onboarding-form .onboarding-input{box-sizing:border-box;width:610px;height:48px;background:#fff;border:1px solid #545F71;border-radius:6px;padding:10px 12px}.onboarding-form-step1{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px;margin:0 auto}.onboarding-field-step1{display:flex;flex-direction:column;gap:8px;width:100%}.onboarding-field-step1 label{font-family:Performa VF,Inter,sans-serif;font-size:14px;font-weight:500;color:#374151;margin:0}.onboarding-input-step1{width:100%;height:48px;padding:12px 16px;background:#fff;border:1px solid #D1D5DB;border-radius:8px;font-family:Performa VF,Inter,sans-serif;font-size:15px;color:#374151;outline:none;transition:border-color .2s ease}.onboarding-input-step1:focus{border-color:#4f31fc;box-shadow:0 0 0 3px #4f31fc1a}.onboarding-input-step1::-moz-placeholder{color:#9ca3af}.onboarding-input-step1::placeholder{color:#9ca3af}.onboarding-input-step1 select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.add-products-link{background:transparent;border:none;color:#6b7280;font-family:Performa VF,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:400;line-height:22px;letter-spacing:-.3px;cursor:pointer;padding:8px 12px;display:flex;align-items:center;justify-content:flex-start;text-align:left;margin-left:-12px;transition:all .2s ease}.add-products-link:hover{color:#374151;background:#6b72800d;border-radius:6px}.add-products-link:hover{color:#5640fd;background:#4f31fc0d;border-radius:6px}.input-with-icon{position:relative}.input-with-icon .onboarding-input{padding-right:46px}.right-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6b7280;opacity:.95}.add-field{color:#374151;font-size:24px;cursor:pointer;margin-top:8px;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.add-field:hover{color:#6c4fff}.skip-link{color:#9ca3af;margin-right:12px}.next-purple{color:#6c4fff;font-weight:600}.progress-dots{display:flex;gap:10px;align-items:center}.progress-dots .dot{width:10px;height:10px;border-radius:999px}.scrollable-list{max-height:240px;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.scroll-indicator{position:absolute;left:-26px;top:8px;bottom:8px;width:6px;border-radius:6px;background:linear-gradient(180deg,#374151,#d1d5db);opacity:.9}.scrollable-list::-webkit-scrollbar{width:8px}.scrollable-list::-webkit-scrollbar-thumb{background:#c7cdd6;border-radius:8px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.upload-area{width:610px;height:160px;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6b7280;cursor:pointer;margin:0 auto;transition:all .2s ease}.upload-area:hover{border-color:#6c4fff;background-color:#f8faff}.company-table{width:610px;margin:0 auto}.company-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:12px;align-items:end}.company-row label{display:block;font-size:14px;color:#374151;margin-bottom:4px}.company-row input{box-sizing:border-box;height:48px;background:#fff;border:1px solid #545F71;border-radius:6px;padding:10px 12px}.company-row select{box-sizing:border-box;height:48px;background:#fff;border:1px solid #545F71;border-radius:6px;padding:10px 12px;width:120px}.onboarding-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 48px 34px}@media(max-width:1000px){.onboarding-frame{width:90%}.onboarding-welcome{padding:40px 32px;width:100%;height:auto}}.onboarding-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;height:575px;width:954px;max-width:100%;margin:0 auto}.onboarding-welcome h1{font-family:Performa VF,Inter,sans-serif;font-size:48px;font-weight:600;color:#6b7280;margin:0 0 32px;line-height:1.2}.onboarding-welcome .welcome-lead{font-family:Performa VF,Inter,sans-serif;font-size:18px;font-weight:400;color:#6b7280;line-height:1.5;margin:0 0 24px;max-width:500px}.onboarding-welcome .welcome-small{font-family:Performa VF,Inter,sans-serif;font-size:14px;font-weight:400;color:#9ca3af;line-height:1.4;margin:0 0 40px;max-width:450px}.onboarding-welcome .welcome-small strong{font-weight:500;color:#6b7280}.onboarding-welcome .welcome-button{width:418px;height:48px;background:transparent;color:#4f31fc;border:none;border-radius:8px;font-family:Performa VF,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:22px;letter-spacing:-.3px;text-align:center;cursor:pointer;transition:all .2s ease}.onboarding-welcome .welcome-button:hover{color:#5640fd;transform:translateY(-1px);background:#4f31fc0d}.onboarding-welcome .welcome-button:active{transform:translateY(0);color:#4f31fc;background:#4f31fc1a}.mission-page{display:flex;height:100vh;background-color:#f7fafc;position:relative}.canvas-main{flex:1;padding:80px 16px 16px}.msg{margin-bottom:12px;padding:8px;border-radius:8px;font-size:12px;white-space:pre-wrap;word-break:break-word;max-width:100%;box-sizing:border-box}.msg.user{background-color:#4a5568;color:#fff;margin-left:auto;margin-right:0;text-align:right}.msg.assistant{background-color:#e2e8f0;color:#1a202c;margin-left:0;margin-right:auto}.chat-sidebar{position:absolute;top:120px;right:12px;width:clamp(340px,36vw,760px);height:760px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px #0d1c2d0f;border-radius:8px;overflow:auto;max-height:calc(100vh - 140px);transform:none;-webkit-transform:none;z-index:30;box-sizing:border-box}@media(max-width:1100px){.chat-sidebar{width:clamp(360px,44vw,700px);right:12px;top:100px}}@media(max-width:800px){.chat-sidebar{left:auto;right:12px;width:clamp(300px,48vw,560px);top:84px;height:calc(100vh - 120px);max-height:none}.chat-sidebar .input-row{left:auto;right:12px;width:320px;height:120px;bottom:12px}}@media(max-width:600px){.chat-sidebar{width:clamp(260px,56vw,420px);right:8px;top:76px}.chat-sidebar .input-row{left:auto;right:8px;width:280px;height:116px;bottom:12px}}@media(max-width:480px){.chat-sidebar{left:auto;right:8px;top:72px;width:clamp(200px,80vw,320px);height:calc(100vh - 110px)}.chat-sidebar .input-row{left:auto;right:8px;bottom:8px;height:96px;width:220px}}.chat-sidebar .sidebar-header{padding:12px 16px;border-bottom:1px solid #eef2f6;background:transparent;box-sizing:border-box;height:56px}.chat-sidebar .input-row{position:absolute;left:16px;right:16px;width:calc(100% - 32px);height:95px;bottom:16px;border:1px solid #9BA5B7;border-radius:6px;background:#fff;padding:0;box-sizing:border-box;display:block}.chat-sidebar .input-row .plus-btn,.chat-panel .chat-input .plus-btn{z-index:20!important}.chat-sidebar .input-row .send-btn,.chat-panel .chat-input .send-btn{z-index:30!important}.chat-sidebar .input-row textarea:not(.chat-textarea),.chat-panel .chat-input textarea:not(.chat-textarea){display:none!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important}.chat-sidebar .input-row input{display:none!important}.main-chat-area{flex:1;display:flex;flex-direction:column;background-color:#f7fafc;margin-top:64px}.chat-header{padding:16px;border-bottom:1px solid #e2e8f0;background-color:#fff;flex:0 0 auto}.chat-header h2{margin:0;font-size:18px}.messages-main{flex:1 1 auto;overflow:hidden;padding:0}.message-row{margin-bottom:16px;display:flex}.message-bubble{max-width:70%;padding:12px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.message-bubble.user{background-color:#4a5568;color:#fff}.message-bubble.assistant{background-color:#e2e8f0;color:#1a202c}.chat-input{padding:20px;border-top:1px solid #e2e8f0;background-color:#fff;flex:0 0 auto}.chat-input input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.chat-panel{position:absolute;width:820px;left:50%;top:154px;bottom:calc(100px + env(safe-area-inset-bottom,8px));transform:translate(-50%);background:#fff;border:1px solid #9BA5B7;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;z-index:500;overflow:hidden}.chat-panel{--chat-header-height: 64px;--chat-input-bottom-offset: 24px;--chat-input-height: 160px}.chat-sidebar{--sidebar-header-height: 56px;--sidebar-input-bottom: 16px;--sidebar-input-height: 110px}.chat-sidebar .messages-container{position:absolute!important;top:var(--sidebar-header-height);left:16px;right:16px;bottom:calc(var(--sidebar-input-bottom) + var(--sidebar-input-height));overflow-y:auto;padding:12px 8px;box-sizing:border-box;z-index:10}.chat-sidebar .messages{display:block;margin:0;padding:0}.chat-panel .messages-container{position:absolute!important;top:var(--chat-header-height);left:40px;right:40px;bottom:calc(var(--chat-input-bottom-offset) + var(--chat-input-height));overflow-y:auto;padding:20px 8px;box-sizing:border-box;z-index:10}.chat-panel .messages{display:block}.chat-panel .messages-container:before{content:"";position:absolute;bottom:-24px;left:50%;transform:translate(-50%);width:56px;height:8px;border-radius:8px;background:linear-gradient(180deg,#fff,#eef3f7);pointer-events:none;z-index:120;opacity:.95}.frame107-toolbar{left:50%!important;transform:translate(-50%)!important}.frame107-toolbar .frame107-svg{width:353px;height:auto;display:block}@media(max-width:1100px){.frame107-toolbar .frame107-svg{width:320px}}@media(max-width:800px){.frame107-toolbar{left:auto!important;right:12px!important;transform:none!important}.frame107-toolbar .frame107-svg{width:300px}}@media(max-width:600px){.frame107-toolbar .frame107-svg{width:260px}}@media(max-width:480px){.frame107-toolbar .frame107-svg{width:220px}}.chat-sidebar .input-row .plus-btn{position:absolute;left:18px;bottom:12px;transform:none;height:28px;width:28px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#545f71;z-index:20}.chat-sidebar .input-row .plus-btn svg{width:14px;height:14px;display:block}.chat-sidebar .input-row .send-btn{position:absolute;right:12px;bottom:12px;transform:none;height:32px;width:32px;border-radius:50%;background:#545f71;border:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;z-index:25}.chat-sidebar .input-row .send-btn svg{width:12px;height:14px;display:block}.chat-panel .plus-btn{left:16px;bottom:12px;height:28px;width:28px;display:inline-flex;align-items:center;justify-content:center}.chat-panel .plus-btn svg{width:14px;height:14px}.chat-panel .send-btn{right:16px;bottom:12px;width:32px;height:32px}.chat-panel .send-btn svg{width:12px;height:14px}.chat-sidebar .input-row .plus-btn{height:30px!important;width:30px!important}.chat-sidebar .input-row .plus-btn svg{width:16px!important;height:16px!important}.chat-panel .plus-btn{height:30px!important;width:30px!important}.chat-panel .plus-btn svg{width:16px!important;height:16px!important}.chat-sidebar .sidebar-header{flex:0 0 auto!important}.chat-sidebar .input-row{position:absolute!important;left:16px!important;right:16px!important;bottom:16px!important;z-index:40!important}.chat-sidebar .messages::-webkit-scrollbar{width:8px}.chat-sidebar .messages{-webkit-overflow-scrolling:touch}.chat-sidebar{overflow:hidden!important;display:flex!important;flex-direction:column!important}.chat-sidebar .messages{flex:1 1 auto!important;overflow-y:auto!important;padding:12px 16px 136px!important;box-sizing:border-box!important}.chat-sidebar .input-row:after{content:"";position:absolute;top:-36px;left:50%;transform:translate(-50%);font-size:11px;color:#718096;background:transparent;pointer-events:none;z-index:120}.chat-sidebar .messages::-webkit-scrollbar{width:10px}.chat-sidebar .messages::-webkit-scrollbar-track{background:transparent}.chat-sidebar .messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.chat-sidebar .messages{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}@media(max-width:800px){.chat-sidebar .input-row:before{width:48px;top:-16px;height:6px}.chat-sidebar .input-row:after{top:-32px;font-size:10px}}.chat-panel .messages{height:100%;overflow-y:auto;padding:20px 20px calc(var(--chat-input-height) + var(--chat-input-bottom-offset) + 8px);box-sizing:border-box}.chat-panel .messages::-webkit-scrollbar{width:10px}.chat-panel .messages::-webkit-scrollbar-track{background:transparent}.chat-panel .messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.chat-panel .messages{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.messages-main{flex:1 1 auto!important;overflow-y:auto!important;padding:20px!important;box-sizing:border-box!important}.chat-panel .messages-container{position:static!important;inset:auto!important;overflow:visible!important;padding:0!important;margin:0!important}.chat-panel .chat-input{border-top:none!important}.chat-panel .messages-container:before{display:none!important}.chat-panel .messages-container,.messages-main .messages-container{border-bottom:none!important;box-shadow:none!important}.chat-panel .chat-input{position:relative!important;padding:16px 20px!important;box-sizing:border-box!important;background:#fff!important}.chat-sidebar .input-row .send-btn,.chat-panel .chat-input .send-btn,.chat-panel .chat-input button.send-btn,chat-input .send-btn,chat-input button.send-btn,.main-chat-area .chat-input .send-btn{background:#545f71!important;border-radius:50%!important;border:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;padding:0!important;box-shadow:none!important;width:36px!important;height:36px!important;position:absolute!important;right:16px!important;bottom:12px!important}.chat-panel .chat-input .send-btn svg,.chat-sidebar .input-row .send-btn svg,chat-input .send-btn svg,chat-input button.send-btn svg{display:block!important;width:14px!important;height:14px!important}.chat-panel .chat-input{position:relative!important}.chat-panel .chat-input .chat-textarea{position:absolute!important;inset:-60px 16px 12px!important;padding:12px 84px 12px 56px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;resize:vertical!important;min-height:120px!important;max-height:360px!important;overflow:auto!important}.chat-panel .chat-input .plus-btn{position:absolute!important;left:28px!important;top:-18px!important;transform:translateY(0)!important;height:34px!important;width:34px!important;padding:0!important;border:none!important;background:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#545f71!important;z-index:30!important}.chat-panel .chat-input .plus-btn svg{width:16px!important;height:16px!important}.chat-panel .chat-input .send-btn{position:absolute!important;right:20px!important;top:-16px!important;bottom:auto!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#545f71!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;padding:0!important;z-index:35!important}.chat-panel .chat-input .send-btn svg{width:14px!important;height:14px!important}.chat-panel{overflow:hidden!important}.chat-sidebar .input-row .chat-textarea{border:none!important;background:transparent!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:432px!important;height:93px!important;padding:12px!important;outline:none!important;resize:none!important;z-index:5!important}.new-sidebar{position:fixed;left:0;top:64px;width:220px;height:calc(100vh - 64px);background:#fff;border-right:1px solid #E5E7EB;z-index:999;display:flex;flex-direction:column;padding:0;box-shadow:2px 0 10px #0000001a}.framework-home .new-sidebar{position:absolute;top:63px;left:5px;width:240px;height:776px;z-index:10}.home-section{padding:20px 5px;border-bottom:none}.home-item{background:#eef1f4!important;border-radius:8px;height:36px;width:194px;margin:0 auto}.home-item.active{background:#eef1f4!important;height:36px!important;width:194px!important}.sidebar-section{padding:0 5px;margin-bottom:0}.sidebar-section:not(.home-section):not(.help-section){border-top:1px solid #E5E7EB;padding-top:35px}.section-title{font-size:12px;font-weight:700;color:#374151;margin:0 0 8px 9px;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.025em}.sidebar-item{display:flex;align-items:center;width:210px;height:48px;padding:0 14px;margin:0 auto;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;position:relative;justify-content:flex-start}.sidebar-item.home-item{background:#eef1f4!important;border-radius:8px!important;height:32px!important;width:220px!important;margin:0 auto!important}.sidebar-item:hover:not(.home-item){background:#f9fafb}.sidebar-item.active:not(.home-item){background:transparent}.sidebar-icon{color:#374151;margin-right:10px;flex-shrink:0;width:20px;height:20px}.sidebar-label{font-size:13px;color:#374151;font-family:system-ui,-apple-system,sans-serif;text-align:left;flex:1;font-weight:600;letter-spacing:.025em}.chevron-icon{color:#9ba5b7;margin-left:auto;flex-shrink:0;width:18px;height:18px}.help-section{margin-top:auto;margin-bottom:20px;border-top:1px solid #E5E7EB;padding-top:22px}.minimize-section{margin-top:16px;padding-left:16px}.minimize-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.minimize-btn:hover{background:#f3f4f6}.minimize-icon{color:#6b7280;width:20px;height:20px}@media(max-width:1200px){.new-sidebar{width:200px}.sidebar-item,.home-item{width:154px}.sidebar-label{font-size:12px}}@media(max-width:768px){.new-sidebar{width:180px}.sidebar-item{width:134px;height:44px;padding:0 12px}.home-item{width:134px;height:36px}.sidebar-label{font-size:11px}.sidebar-icon{width:18px;height:18px}}.main-content-area{margin-left:180px;padding:20px 40px;min-height:calc(100vh - 112px);background:#fff;display:flex;align-items:center;justify-content:center}.svg-input-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.svg-header-wrapper{margin-bottom:8px;display:flex;justify-content:center}.svg-subtitle-wrapper{margin-bottom:24px;display:flex;justify-content:center}.svg-input-wrapper{position:relative;display:inline-block}.svg-input-overlay{position:absolute;top:20px;left:20px;width:calc(100% - 120px);height:calc(100% - 40px);border:none;background:transparent;outline:none;resize:none;font-size:16px;font-family:system-ui,-apple-system,sans-serif;color:#9ba5b7;padding:0}.svg-input-overlay::-moz-placeholder{color:#9ba5b7;font-size:16px}.svg-input-overlay::placeholder{color:#9ba5b7;font-size:16px}.svg-button-overlay{position:absolute;right:12px;bottom:12px;width:31.2px;height:32px;background:transparent;border:none;cursor:pointer;border-radius:15.6px}.tab-navigation{position:fixed;top:64px;left:0;right:0;z-index:999;background:#eef1f4;border-bottom:1px solid #e2e8f0;padding:0 16px}.tab-navigation .tab-list{display:flex;align-items:flex-start;max-width:1200px;margin:0 auto}.tab-navigation .tab-button{display:flex;align-items:center;gap:8px;padding:12px 16px;min-width:80px;font-size:14px;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;color:#6b7280}.tab-navigation .tab-button:hover{color:#374151;border-bottom-color:#d1d5db}.tab-navigation .tab-button.active{color:#111827;border-bottom-color:#111827}.tab-navigation .tab-button.add-tab{min-width:40px;justify-content:center;font-size:18px;font-weight:300}.tab-navigation .home-icon{width:16px;height:16px}.weekly-options{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.options-header{text-align:center;margin-bottom:20px}.options-header h3{color:#333;font-size:1.5em;margin-bottom:8px;font-weight:600}.options-header p{color:#666;font-size:.95em}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;max-width:800px;margin:0 auto}.option-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;text-align:right;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.option-card:hover{border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.option-card h4{color:#333;font-size:1.1em;margin-bottom:8px;font-weight:600}.option-card p{color:#666;font-size:.9em;line-height:1.4;margin:0}.loading .typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:#999;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.message-row{display:flex;margin-bottom:12px}.message-row.justify-end{justify-content:flex-end}.message-bubble{max-width:70%;padding:12px 16px;border-radius:18px;word-wrap:break-word}.message-bubble.user{background:#007bff;color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant{background:#f1f3f5;color:#333;border-bottom-left-radius:4px}.message-bubble.loading{background:#f1f3f5;color:#666}.chat-input{position:relative;display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid #eee;background:#fff}.chat-input input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:25px;font-size:16px;outline:none}.chat-input input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.plus-btn,.send-btn{width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.plus-btn{background:#6c757d;color:#fff}.plus-btn:hover{background:#5a6268}.send-btn{background:#007bff;color:#fff}.send-btn:hover{background:#0056b3}.plus-btn svg,.send-btn svg{width:20px;height:20px}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:Inter,sans-serif;background:var(--White, #FFF)}.container{display:flex;height:100%;width:100%}.main-content{flex:1;padding:24px;position:relative;overflow-y:auto}.welcome h1{color:var(--Primary, #545F71);font-family:Performa VF,sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:-.56px;margin:0}.prompt-input{margin-top:16px;display:flex;align-items:center;gap:8px}.prompt-input input{flex:1;padding:8px;border:1px solid var(--Secondary, #9BA5B7);border-radius:4px;font-size:16px}.icon-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.actions{margin-top:24px;display:flex;gap:16px}.actions button{padding:8px 16px;border:1px solid var(--Secondary, #9BA5B7);background:var(--White, #FFF);border-radius:4px;cursor:pointer;font-weight:600;color:var(--Primary, #545F71)}.recent-projects{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.project-card{height:120px;background:var(--White, #FFF);border:1px solid var(--Secondary, #9BA5B7);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--Primary, #545F71)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}