.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#1e293bcc;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px}.logo-text{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:#94a3b8;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.nav-item:hover{background:#ffffff0d;color:#e2e8f0}.nav-item.active{background:#6366f126;color:#818cf8}.nav-icon{font-size:20px}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px;background:#ffffff08;border-radius:10px}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.user-details{display:flex;flex-direction:column;min-width:0}.user-email{font-size:13px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#64748b}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:8px;color:#f43f5e;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#f43f5e33}.main-content{flex:1;margin-left:260px;padding:32px;min-height:100vh;background:#0f172a}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81)}.auth-card{width:100%;max-width:400px;background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:64px;margin-bottom:16px}.auth-header h1{font-size:1.75rem;margin-bottom:8px}.auth-header p{color:#94a3b8;font-size:14px}.auth-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);color:#f43f5e;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{margin-bottom:0}.auth-form .btn-primary{width:100%;padding:14px;font-size:16px;margin-top:8px}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{font-size:14px;color:#94a3b8}.auth-footer a{color:#6366f1;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.dashboard{max-width:1200px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px}.stat-card.spend{background:#6366f10d;border-color:#6366f133}.stat-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#e2e8f0;margin-bottom:4px}.stat-label{font-size:14px;color:#94a3b8;font-weight:500}.stat-sublabel{font-size:12px;color:#64748b;margin-top:4px}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.dashboard-sections section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;align-items:center;padding:16px;background:#ffffff08;border-radius:12px;cursor:pointer;transition:all .2s}.recent-item:hover{background:#ffffff0f}.recent-content{flex:1;min-width:0}.recent-title{display:flex;align-items:center;gap:12px;margin-bottom:4px}.conv-title{font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-time{font-size:12px;color:#64748b;flex-shrink:0}.recent-preview{font-size:13px;color:#94a3b8}.recent-arrow{color:#64748b;font-size:18px}.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.bot-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s}.bot-card:hover{background:#ffffff0f;transform:translateY(-2px)}.bot-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;margin:0 auto 12px}.bot-name{font-size:14px;font-weight:500;color:#e2e8f0;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-meta{font-size:12px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:4px}.bot-meta .divider{margin:0 4px}.create-card{border-style:dashed;background:#6366f10d}.create-card:hover{background:#6366f11a;border-color:#6366f14d}.create-icon{width:48px;height:48px;border-radius:50%;background:#6366f133;color:#818cf8;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 12px}.create-text{font-size:14px;font-weight:500;color:#818cf8}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.action-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s}.action-card:hover{background:#ffffff0f}.action-icon{font-size:28px;margin-bottom:12px}.action-text{font-size:13px;color:#94a3b8}.bot-list{max-width:1000px}.bots-grid{display:grid;gap:20px}.bot-card-large{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .2s}.bot-card-large:hover{background:#ffffff0d;border-color:#ffffff26}.bot-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.bot-avatar-large{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;flex-shrink:0}.bot-info{flex:1;min-width:0}.bot-info h3{font-size:1.25rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-model{font-size:13px;color:#64748b}.bot-status{flex-shrink:0}.bot-description{color:#94a3b8;font-size:14px;margin-bottom:16px;line-height:1.6}.bot-stats{display:flex;gap:24px;margin-bottom:20px}.bot-stat{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.bot-stat .stat-icon{font-size:16px;width:auto;height:auto;background:none}.bot-actions{display:flex;gap:12px}.bot-builder{max-width:800px;margin:0 auto}.wizard-header{margin-bottom:32px}.back-btn{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;margin-bottom:16px;transition:color .2s}.wizard-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.step-indicator{font-size:14px;color:#64748b;font-weight:500}.step-progress{display:flex;align-items:center;gap:8px}.step-dot{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#64748b;transition:all .3s}.step-dot.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff}.step-line{flex:1;height:2px;background:#ffffff1a;max-width:60px}.wizard-content{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;margin-bottom:24px}.wizard-step h2{margin-bottom:8px}.step-description{color:#94a3b8;margin-bottom:32px}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.model-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s}.model-card:hover{background:#ffffff0d}.model-card.selected{border-color:#6366f1;background:#6366f11a}.model-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.model-card.selected .model-radio{border-color:#6366f1}.radio-inner{width:10px;height:10px;border-radius:50%;background:transparent}.radio-inner.checked{background:#6366f1}.model-info{flex:1}.model-name{font-weight:600;color:#e2e8f0;margin-bottom:4px}.model-desc{font-size:13px;color:#64748b}.tools-section{margin-bottom:32px}.tools-section h3{margin-bottom:16px;color:#94a3b8;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.tool-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s}.tool-item:hover{background:#ffffff0d}.tool-item.selected{border-color:#6366f1;background:#6366f11a}.tool-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;font-size:12px;color:#fff}.tool-item.selected .tool-checkbox{background:#6366f1;border-color:#6366f1}.tool-info{flex:1}.tool-name{font-weight:500;color:#e2e8f0;margin-bottom:4px}.tool-type{font-size:12px;color:#818cf8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.tool-desc{font-size:13px;color:#64748b}.no-tools{color:#64748b;font-style:italic;padding:16px}.wizard-footer{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.wizard-nav{display:flex;gap:12px}.chat-interface{display:flex;flex-direction:column;height:calc(100vh - 64px);max-width:900px;margin:0 auto}.chat-header{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.back-btn{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;transition:color .2s}.back-btn:hover{color:#e2e8f0}.bot-info{display:flex;align-items:center;gap:12px;flex:1}.bot-avatar-small{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff}.bot-details h2{font-size:1.125rem;margin-bottom:2px}.bot-meta{font-size:12px;color:#64748b}.chat-messages{flex:1;overflow-y:auto;padding:24px 0;display:flex;flex-direction:column;gap:24px}.welcome-message{text-align:center;padding:60px 20px}.welcome-avatar{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 20px}.welcome-message h3{font-size:1.5rem;margin-bottom:8px}.welcome-message p{color:#64748b}.message{display:flex;gap:12px;max-width:80%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:4px}.message-bubble{padding:14px 18px;border-radius:18px;font-size:15px;line-height:1.6;white-space:pre-wrap}.message.user .message-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-bubble{background:#ffffff14;color:#e2e8f0;border-bottom-left-radius:4px}.message-time{font-size:11px;color:#64748b;padding:0 6px}.message.user .message-time{text-align:right}.tool-call{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:16px;margin-top:8px}.tool-call.loading{background:#eab3081a;border-color:#eab30833}.tool-call.success{background:#22c55e1a;border-color:#22c55e33}.tool-call.error{background:#f43f5e1a;border-color:#f43f5e33}.tool-call-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tool-icon{font-size:16px}.tool-name{font-weight:600;color:#e2e8f0}.tool-loading{font-size:12px;color:#eab308;margin-left:auto}.tool-section{margin-top:12px}.tool-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tool-code{background:#0000004d;border-radius:8px;padding:12px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#94a3b8;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.tool-code.success{color:#22c55e}.typing-indicator{display:flex;gap:4px;padding:14px 18px;background:#ffffff14;border-radius:18px 18px 18px 4px}.typing-indicator span{width:8px;height:8px;background:#64748b;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.chat-input-area{padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.input-info{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;color:#64748b}.input-info .divider{color:#fff3}.input-container{display:flex;gap:12px}.chat-input{flex:1;padding:14px 18px;font-size:15px;color:#e2e8f0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;transition:all .2s}.chat-input:focus{border-color:#6366f1;background:#ffffff14}.chat-input::placeholder{color:#64748b}.send-btn,.stop-btn{width:48px;height:48px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;flex-shrink:0}.send-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{background:#f43f5e33;color:#f43f5e}.stop-btn:hover{background:#f43f5e4d}.tools-config{max-width:900px}.integration-section{margin-bottom:40px}.integration-section h2{margin-bottom:20px;font-size:1.25rem}.integration-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:20px}.integration-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.integration-icon{width:48px;height:48px;background:#6366f11a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.integration-info{flex:1}.integration-info h3{font-size:1.125rem;margin-bottom:4px}.integration-status{font-size:13px;font-weight:500}.integration-status.connected{color:#22c55e}.integration-status.disconnected{color:#f43f5e}.integration-actions{display:flex;gap:12px}.integration-details{background:#0003;border-radius:12px;padding:16px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:#64748b}.detail-value{font-size:13px;color:#e2e8f0;font-family:monospace}.test-result{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px}.test-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.test-result.error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);color:#f43f5e}.tools-subsection{margin-top:24px}.tools-subsection h3{margin-bottom:16px;font-size:14px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tool-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tool-header .tool-icon{font-size:24px}.tool-status{display:flex;align-items:center;gap:6px;font-size:12px}.tool-status .status-dot{width:8px;height:8px;border-radius:50%}.tool-status.active{color:#22c55e}.tool-status.active .status-dot{background:#22c55e}.tool-status.inactive{color:#64748b}.tool-status.inactive .status-dot{background:#64748b}.tool-card h4{font-size:14px;margin-bottom:4px}.tool-type{font-size:12px;color:#64748b}.custom-tools-section{margin-top:40px}.custom-tools-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.custom-tools-section h2{font-size:1.25rem}.tools-list{display:flex;flex-direction:column;gap:12px}.custom-tool-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.custom-tool-info h4{font-size:14px;margin-bottom:4px}.custom-tool-info p{font-size:13px;color:#64748b}.custom-tool-meta{display:flex;align-items:center;gap:12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#e2e8f0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{line-height:1.6;color:#94a3b8}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#e2e8f0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff26}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#f43f5e;background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#f43f5e33}.link-btn{background:none;border:none;color:#6366f1;font-size:14px;cursor:pointer;transition:color .2s}.link-btn:hover{color:#8b5cf6}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#e2e8f0}.form-group input,.form-group textarea{width:100%;padding:12px 16px;font-size:14px;color:#e2e8f0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;background:#ffffff14}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-textarea{resize:vertical;min-height:100px}.form-textarea.large{min-height:200px}.field-hint{display:block;margin-top:6px;font-size:12px;color:#64748b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#1e293b;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.25rem}.modal-close{background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;transition:color .2s}.modal-close:hover{color:#e2e8f0}.modal-form{padding:24px;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-message{padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px}.form-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.form-message.error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);color:#f43f5e}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h2{margin-bottom:8px}.empty-state p{margin-bottom:24px;max-width:400px}.empty-state-small{text-align:center;padding:40px;color:#64748b}.empty-state-card{background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:40px;text-align:center}.empty-state-card .empty-icon{font-size:48px;margin-bottom:16px}.empty-state-card h3{margin-bottom:8px;font-size:1.125rem}.empty-state-card p{margin-bottom:20px;font-size:14px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;border-radius:20px}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#94a3b81a;color:#94a3b8}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.page-header h1{font-size:1.75rem}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.icon-btn{background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer;padding:4px;transition:color .2s}.icon-btn:hover{color:#e2e8f0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{font-size:1.25rem}.section-header h3{font-size:1rem;color:#94a3b8}.tips-box{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px;margin-top:24px}.tips-box h4{margin-bottom:12px;color:#818cf8}.tips-box ul{margin-left:20px;color:#94a3b8}.tips-box li{margin-bottom:8px}.summary-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-top:24px}.summary-box h4{margin-bottom:12px}.summary-box p{margin-bottom:8px;font-size:14px}.char-count{text-align:right;font-size:12px;color:#64748b;margin-top:8px}