.app-container{display:flex;height:100vh;background:#f5f5f5}.sidebar{width:360px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.sidebar-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.25rem}.subtitle{font-size:.875rem;color:#6b7280}.error-banner{background:#fef2f2;color:#991b1b;padding:.75rem 1rem;border-left:4px solid #ef4444;margin:.5rem;border-radius:4px;font-size:.875rem}.task-list{flex:1;overflow-y:auto;padding:1rem}.task-list h3{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.empty-state{text-align:center;color:#9ca3af;font-size:.875rem;padding:2rem 1rem}.task-list ul{list-style:none}.task-item{padding:.75rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.task-item:hover{background:#f9fafb;border-color:#e5e7eb}.task-item.selected{background:#eff6ff;border-color:#3b82f6}.task-description{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.5rem;line-height:1.4}.task-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.status-badge{padding:.25rem .5rem;border-radius:4px;color:#fff;font-weight:500;text-transform:capitalize;font-size:.75rem}.status-badge.large{font-size:.875rem;padding:.5rem .75rem}.task-time{color:#6b7280}.task-creator{border-top:1px solid #e5e7eb;padding:1rem;background:#f9fafb}.task-creator h4{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.5rem}.task-creator textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;margin-bottom:.5rem}.task-creator textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.task-creator button{width:100%;padding:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s;font-size:.875rem}.task-creator button:hover:not(:disabled){background:#2563eb}.task-creator button:disabled{background:#9ca3af;cursor:not-allowed}.hint{font-size:.75rem;color:#6b7280;text-align:center;margin-top:.5rem}.main-content{flex:1;overflow-y:auto;padding:2rem}.empty-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-detail h2{font-size:1.5rem;color:#111827;margin-bottom:.5rem}.empty-detail p{font-size:1rem;color:#6b7280;margin-bottom:2rem}.main-task-creator{width:100%;max-width:600px;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.main-task-creator textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;margin-bottom:.75rem}.main-task-creator textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.main-task-creator button{width:100%;padding:.875rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s;font-size:1rem}.main-task-creator button:hover:not(:disabled){background:#2563eb}.main-task-creator button:disabled{background:#9ca3af;cursor:not-allowed}.main-task-creator .hint{font-size:.75rem;color:#6b7280;text-align:center;margin-top:.5rem;margin-bottom:0}.task-detail{max-width:900px;margin:0 auto}.task-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.task-header h2{font-size:1.5rem;color:#111827;line-height:1.4;flex:1}.task-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-item span:last-child{font-size:.875rem;color:#111827}.section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.section h3{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.agent-response{background:#f9fafb;padding:1rem;border-radius:8px;border-left:4px solid #3b82f6;font-size:.875rem;line-height:1.6;color:#374151;white-space:pre-wrap}.agent-response.loading{border-left-color:#3b82f6;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.loading-states{display:flex;flex-direction:column;gap:1rem}.loading-step{display:flex;align-items:center;gap:.75rem;opacity:0;animation:fadeInUp .4s ease-out forwards}.loading-step:nth-child(1){animation-delay:0s}.loading-step:nth-child(2){animation-delay:.2s}.loading-step:nth-child(3){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-step span{color:#6b7280;font-size:.875rem;font-weight:500}.loading-step.active span{color:#3b82f6}.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.vendor-card{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.vendor-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000000d}.vendor-name{font-weight:600;color:#111827;margin-bottom:.5rem}.vendor-detail{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.vendor-emails{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.email-badge{font-size:.75rem;color:#10b981;font-weight:500;margin-bottom:.5rem}.email-details{margin-top:.5rem}.email-details summary{font-size:.75rem;color:#3b82f6;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 0}.email-details summary:hover{text-decoration:underline}.email-content{margin-top:.5rem;padding:.75rem;background:#f9fafb;border-radius:6px;font-size:.75rem;line-height:1.5}.email-content>div{margin-bottom:.5rem}.email-content>div:last-child{margin-bottom:0}.email-body{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;color:#374151;white-space:pre-wrap}.quotes-list{display:flex;flex-direction:column;gap:.75rem}.quote-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.quote-amount{font-size:1.25rem;font-weight:700;color:#10b981}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:24px;bottom:-16px;width:2px;background:#e5e7eb}.timeline-marker{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:4px;border:3px solid white;box-shadow:0 0 0 2px currentColor}.timeline-content{flex:1}.timeline-message{font-size:.875rem;color:#111827;margin-bottom:.25rem}.timeline-time{font-size:.75rem;color:#6b7280}.collapsible-section{margin-top:1rem}.collapsible-section[open]{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.section-summary{font-size:.875rem;color:#3b82f6;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0;font-weight:500;transition:color .2s}.section-summary:hover{color:#2563eb;text-decoration:underline}.section-summary::marker{color:#3b82f6}.emails-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.email-card{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .2s}.email-card:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.email-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.email-recipient{font-size:.875rem;color:#111827;font-weight:500;flex:1}.email-timestamp{font-size:.75rem;color:#6b7280;white-space:nowrap}.email-subject{font-size:.875rem;color:#374151;margin-bottom:.75rem}.email-body-container{font-size:.875rem;color:#374151}.email-body-container strong{display:block;margin-bottom:.5rem;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.email-body-container .email-body{background:#fff;padding:.875rem;border-radius:6px;border:1px solid #e5e7eb;white-space:pre-wrap;line-height:1.6;color:#111827;font-size:.875rem}.mobile-menu-button{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;width:48px;height:48px;border-radius:50%;background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 6px #0000001a;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}.mobile-menu-button:hover{background:#2563eb;box-shadow:0 6px 8px #00000026}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button.hidden{opacity:0;pointer-events:none}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.app-container{flex-direction:row}.mobile-menu-button{display:flex}.mobile-overlay{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease-out;box-shadow:2px 0 8px #0000001a;overflow-y:auto;padding-bottom:100px}.sidebar.mobile-open{transform:translate(0)}.task-list{flex:0 1 auto;max-height:none;overflow-y:visible}.main-content{width:100%;padding:4rem 1rem 1rem}.task-header{flex-direction:column}.task-detail{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh}