html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;overflow-x:hidden}.landing-page-cluely{min-height:100vh;background:linear-gradient(to bottom,#f0fdf4,#dcfce7,#dcfce7);position:relative;overflow-x:hidden;overflow-y:hidden;transform:scale(.85);transform-origin:top center;width:100vw;height:117.65vh;margin:0;padding:0;left:0;right:0;-ms-overflow-style:none;scrollbar-width:none}.landing-page-cluely::-webkit-scrollbar{display:none}body:has(.landing-page-cluely){overflow:hidden}body:has(.landing-page-cluely)::-webkit-scrollbar{display:none}.landing-header-cluely{position:relative;z-index:10;padding:24px 20px;width:100%;margin:0;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:none;box-shadow:none}.header-content-cluely{width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo-cluely{display:flex;align-items:center;gap:12px}.logo-icon-cluely{width:32px;height:32px;background:#dc2626;border-radius:4px;position:relative}.logo-icon-cluely:before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:300}.logo-text-cluely{font-size:24px;font-weight:700;color:#065f46;letter-spacing:-.5px}.header-nav-cluely{display:flex;gap:32px}.header-nav-cluely a{color:#047857;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;position:relative}.header-nav-cluely a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#078554;transition:width .3s ease}.header-nav-cluely a:hover:after{width:100%}.header-nav-cluely a:hover{color:#065f46}.landing-main-cluely{position:relative;z-index:10;width:100%;margin:0;padding:40px 20px 80px}.landing-hero-cluely{text-align:center;margin-bottom:80px}.hero-headline-cluely{font-size:72px;font-weight:700;color:#065f46;margin-bottom:24px;letter-spacing:-2px;line-height:1.1;font-family:Georgia,serif;text-shadow:0 2px 20px rgba(7,133,84,.1)}.hero-subheadline-cluely{font-size:22px;color:#065f46;max-width:600px;margin:0 auto 40px;line-height:1.6;font-weight:400}.cta-buttons-cluely{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px}.voice-upload-button{margin-bottom:10px}.cta-button-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(7,133,84,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0785544d}.cta-button-primary:hover{background:linear-gradient(135deg,#065f46,#078554);border-color:#07855480;box-shadow:0 6px 30px #07855466}.cta-icon-cluely{font-size:14px}.cta-button-secondary{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;font-size:16px;font-weight:500;color:#065f46;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(7,133,84,.4);border-radius:12px;cursor:pointer;transition:all .3s ease}.cta-button-secondary:hover{background:#fff;border-color:#07855499;color:#047857}.upload-icon-cluely{font-size:16px;font-weight:300}.file-selected-cluely{margin-top:16px;padding:12px 20px;background:#d1fae580;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;display:inline-flex;align-items:center;gap:12px;color:#065f46;font-size:14px;border:1px solid rgba(7,133,84,.2)}.file-selected-cluely button{background:none;border:none;color:#065f46;font-size:20px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.file-selected-cluely button:hover{opacity:.7}.product-preview-cluely{display:flex;justify-content:center;margin-top:60px;margin-bottom:80px;width:100%;padding:0 20px;box-sizing:border-box}.mac-window-cluely{width:85%;max-width:900px;margin:0 auto;transform:scale(.9);transform-origin:center;background:linear-gradient(135deg,#f0fdf4e6,#dcfce7d9,#f0fdf4e6);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:24px;box-shadow:0 8px 32px #07855426,0 0 0 1px #07855433,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #0785541a,0 20px 60px #07855433;overflow:hidden;border:1px solid rgba(7,133,84,.2);transform-style:preserve-3d;perspective:1000px;position:relative}.mac-window-cluely:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);z-index:1;pointer-events:none}.metallic-frame{position:relative;border:4px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,silver,#e8e8e8,#fff,#e8e8e8,silver) border-box;box-shadow:0 20px 60px #07855440,0 0 0 4px #c8c8c84d,inset 0 1px #ffffffe6,inset 0 -1px #0000001a!important;animation:metallic-glow 3s ease-in-out infinite}@keyframes metallic-glow{0%,to{box-shadow:0 20px 60px #07855440,0 0 0 4px #c8c8c84d,inset 0 1px #ffffffe6,inset 0 -1px #0000001a}50%{box-shadow:0 20px 60px #07855459,0 0 0 4px #dcdcdc80,inset 0 1px #ffffffe6,inset 0 -1px #0000001a,0 0 30px #07855433}}.window-controls-cluely{display:flex;gap:8px;padding:16px 20px;background:linear-gradient(180deg,#ffffff4d,#ffffff26);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff80;position:relative;z-index:2}.control-cluely{width:12px;height:12px;border-radius:50%}.control-cluely.red{background:#ff5f57}.control-cluely.yellow{background:#ffbd2e}.control-cluely.green{background:#28ca42}.window-content-cluely{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7e6,#f0fdf4f2);padding:0;min-height:400px;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);position:relative}.preview-interface-cluely{padding:30px;background:linear-gradient(135deg,#f0fdf4e6,#dcfce7d9,#f0fdf4e6);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);margin:20px;border-radius:16px;border:1px solid rgba(7,133,84,.2);box-shadow:0 8px 32px #07855426,inset 0 1px #ffffff4d,inset 0 -1px #0785541a;position:relative;overflow:hidden}.preview-interface-cluely:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.7) 50%,transparent 100%);pointer-events:none}.preview-header-cluely{margin-bottom:24px}.preview-badge-cluely{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.preview-transcript-cluely{display:flex;flex-direction:column;gap:16px}.transcript-label-cluely{font-size:11px;color:#078554;font-weight:700;text-transform:uppercase;letter-spacing:1px}.transcript-text-cluely{font-size:16px;color:#065f46;line-height:1.6;padding:20px;background:linear-gradient(135deg,#f0fdf4cc,#dcfce7b3);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:12px;border:1px solid rgba(7,133,84,.2);border-left:3px solid #078554;box-shadow:0 4px 16px #07855426,inset 0 1px #ffffff4d}.metallic-box{position:relative;background:linear-gradient(135deg,#f0fdf4cc,#dcfce7b3,#f0fdf4cc)!important;backdrop-filter:blur(25px) saturate(170%)!important;-webkit-backdrop-filter:blur(25px) saturate(170%)!important;border:1px solid rgba(7,133,84,.2)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 8px 32px #07855426,inset 0 1px #fff6,inset 0 -1px #0785541a!important;overflow:hidden}.metallic-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:metallic-shine 3s infinite}@keyframes metallic-shine{0%{left:-100%}to{left:100%}}.metallic-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%),linear-gradient(45deg,transparent 50%,rgba(0,0,0,.05) 100%);pointer-events:none;border-radius:12px}.logos-section-cluely{margin:60px 0 0;padding:40px 20px;min-height:120px;height:120px;width:100%;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;border:2px solid rgba(7,133,84,.2);box-shadow:0 8px 32px #07855426;display:flex;align-items:center;transform:scale(.85);transform-origin:center}.logos-section-cluely svg{color:#047857;transition:all .3s ease}.logos-section-cluely a:hover svg{color:#065f46;transform:scale(1.1)}.testimonials-section-cluely{margin-top:100px;margin-bottom:80px;padding:60px 20px;width:100%;text-align:center}.testimonials-heading-cluely{font-size:42px;font-weight:700;color:#065f46;margin-bottom:60px;letter-spacing:-1px;font-family:Georgia,serif}.testimonials-grid-cluely{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;width:100%;margin:0;padding:0 20px}.testimonial-card-cluely{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px 32px;border:2px solid rgba(7,133,84,.2);box-shadow:0 8px 32px #07855426;transition:all .3s ease;position:relative;text-align:left}.testimonial-card-cluely:hover{border-color:#0785544d;box-shadow:0 12px 40px #07855426}.testimonial-quote-cluely{font-size:64px;font-weight:300;color:#07855433;line-height:1;margin-bottom:16px;font-family:Georgia,serif}.testimonial-text-cluely{font-size:16px;line-height:1.7;color:#1a1a1a;margin-bottom:32px;font-weight:400}.testimonial-author-cluely{display:flex;align-items:center;gap:16px}.testimonial-avatar-cluely{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0785544d}.testimonial-name-cluely{font-size:16px;font-weight:600;color:#065f46;margin-bottom:4px}.testimonial-role-cluely{font-size:14px;color:#666;font-weight:400}.preview-actions-cluely{display:flex;gap:12px}.preview-action-btn-cluely{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:#065f46;background:linear-gradient(135deg,#f0fdf4cc,#dcfce7b3);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(7,133,84,.2);border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0785541a,inset 0 1px #ffffff4d}.preview-action-btn-cluely:hover{background:linear-gradient(135deg,#f0fdf499,#d1fae580);border-color:#07855466;color:#047857;box-shadow:0 4px 12px #07855426,inset 0 1px #ffffffb3;transform:translateY(-1px)}.preview-input-cluely{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#f0fdf4cc,#dcfce7b3);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(7,133,84,.2);border-radius:10px;box-shadow:0 2px 8px #0785541a,inset 0 1px #ffffff4d;transition:all .3s ease}.input-placeholder-cluely{font-size:14px;color:#9ca3af}.keyboard-icon-cluely{font-size:14px;color:#6b7280;font-weight:500}.landing-page{min-height:100vh;background:linear-gradient(to bottom,#d1fae54d,#f0fdf433,#ffffff1a);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;height:70%;background:linear-gradient(to bottom,#d1fae566,#a7f3d04d,#ecfdf533 60%,#f0fdf41a);z-index:0}.landing-page:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(255,255,255,.6) 0%,transparent 100%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 200"><path d="M0,200 L200,150 L400,180 L600,120 L800,160 L1000,100 L1200,140 L1200,200 Z" fill="%23d1fae5" opacity="0.2"/></svg>') no-repeat bottom;background-size:100% 100%;z-index:0}.landing-header{position:relative;z-index:10;padding:24px 40px;background:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;color:#065f46;cursor:pointer}.logo-icon{font-size:28px}.logo-text{letter-spacing:-.5px}.header-nav{display:flex;gap:32px}.header-nav a{color:#047857;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;position:relative}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#078554;transition:width .3s ease}.header-nav a:hover:after{width:100%}.header-nav a:hover{color:#065f46}.landing-main{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:60px 40px 120px}.landing-hero{text-align:center;margin-bottom:80px}.hero-headline{font-size:72px;font-weight:700;color:#065f46;margin-bottom:24px;letter-spacing:-2px;line-height:1.1;font-family:Georgia,serif;text-shadow:0 2px 20px rgba(7,133,84,.1)}.hero-subheadline{font-size:22px;color:#047857;max-width:600px;margin:0 auto 40px;line-height:1.6;font-weight:400}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0785544d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #07855466}.cta-icon{font-size:16px}.upload-section-hero{text-align:center;margin-bottom:60px}.upload-button-hero{padding:14px 28px;font-size:16px;font-weight:500;color:#047857;background:#fff;border:2px dashed #10b981;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-block}.upload-button-hero:hover{background:#f0fdf4;border-color:#078554;color:#065f46}.remove-file-hero{margin-left:12px;padding:8px 16px;font-size:14px;color:#dc2626;background:#fff;border:1px solid #dc2626;border-radius:8px;cursor:pointer;transition:all .2s ease}.remove-file-hero:hover{background:#dc2626;color:#fff}.product-preview{display:flex;justify-content:center;margin-top:80px}.mac-window{width:100%;max-width:900px;background:#ffffffb3;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:16px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #ffffff80,inset 0 1px #fff9;overflow:hidden;border:1px solid rgba(255,255,255,.3);transform-style:preserve-3d;perspective:1000px}.window-controls{display:flex;gap:8px;padding:12px 16px;background:#0000000d;border-bottom:1px solid rgba(0,0,0,.1)}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f57}.control.yellow{background:#ffbd2e}.control.green{background:#28ca42}.window-content{background:linear-gradient(135deg,#d1fae566,#a7f3d04d,#ecfdf533);padding:0;min-height:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-interface{padding:32px;background:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:20px;border-radius:12px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000000d}.preview-header{margin-bottom:24px}.preview-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.transcript-label{font-size:12px;color:#047857;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.transcript-text{font-size:16px;color:#1a1a1a;line-height:1.6;margin-bottom:24px;padding:16px;background:#fffc;border-radius:8px;border-left:3px solid #078554}.preview-actions{display:flex;gap:12px;margin-bottom:20px}.preview-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#065f46;background:#fff;border:1px solid #d1fae5;border-radius:8px;cursor:pointer;transition:all .2s ease}.preview-action-btn:hover{background:#f0fdf4;border-color:#078554}.action-icon{font-size:16px}.preview-input{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #d1fae5;border-radius:8px}.input-placeholder{font-size:14px;color:#9ca3af}.keyboard-icon{font-size:14px;color:#6b7280;font-weight:500}.voice-session{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#f0f4f8,#e2e8f0);padding:40px 20px}.voice-container-large{width:100%;max-width:900px;background:#fff;border-radius:32px;padding:80px 60px;box-shadow:0 8px 40px #0000001a;min-height:700px;display:flex;flex-direction:column}.start-screen-large{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-title-large{font-size:64px;font-weight:700;color:#1a1a1a;margin-bottom:16px;letter-spacing:-2px}.subtitle-large{font-size:22px;color:#666;margin-bottom:60px}.start-button-large{width:100%;max-width:400px;padding:24px;font-size:20px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #0785544d}.start-button-large:hover{transform:translateY(-2px);box-shadow:0 8px 30px #07855466}.status-indicator-large{text-align:center;font-size:16px;color:#666;margin-bottom:32px;padding:16px;background:#f5f5f5;border-radius:12px;font-weight:500}.messages-area-large{flex:1;min-height:400px;max-height:500px;overflow-y:auto;margin-bottom:32px;padding:32px;background:#fafafa;border-radius:20px;display:flex;flex-direction:column;gap:20px}.empty-state{text-align:center;color:#999;font-size:16px;padding:40px}.message-large{display:flex;flex-direction:column;margin-bottom:0}.message-large.user{align-items:flex-end}.message-large.assistant{align-items:flex-start}.message-text-large{display:inline-block;padding:18px 24px;border-radius:20px;font-size:18px;line-height:1.6;max-width:75%;word-wrap:break-word}.message-large.user .message-text-large{background:linear-gradient(135deg,#078554,#13a56a);color:#fff;border-bottom-right-radius:6px}.message-large.assistant .message-text-large{background:#f0f0f0;color:#1a1a1a;border-bottom-left-radius:6px}.transcript-bar-large{padding:20px;background:#f5f5f5;border-radius:12px;margin-bottom:32px;font-size:16px;color:#666;font-style:italic;text-align:center}.stop-button-large{width:100%;padding:20px;font-size:18px;font-weight:600;color:#dc2626;background:#fff;border:2px solid #dc2626;border-radius:16px;cursor:pointer;transition:all .2s ease}.stop-button-large:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.voice-session-green{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7,#f0fdf4);padding:40px 20px;position:relative;overflow:hidden}.voice-session-green:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(7,133,84,.1) 0%,transparent 70%);animation:shine 8s ease-in-out infinite}@keyframes shine{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(50px,50px) rotate(180deg)}}.voice-container-green{width:100%;max-width:1200px;background:#fff;border-radius:40px;padding:100px 80px;box-shadow:0 20px 60px #07855426,0 0 0 1px #0785541a,inset 0 1px #fffc;min-height:800px;display:flex;flex-direction:column;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.start-screen-green{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-title-green{font-size:80px;font-weight:700;color:#065f46;margin-bottom:24px;letter-spacing:-3px;text-shadow:0 2px 20px rgba(7,133,84,.2)}.subtitle-green{font-size:26px;color:#047857;margin-bottom:80px;font-weight:400}.start-button-green{width:100%;max-width:500px;padding:28px;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #07855466,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.start-button-green:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.status-indicator-green{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;color:#065f46;margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:16px;font-weight:600;box-shadow:0 4px 12px #07855426}.status-dot{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;box-shadow:0 0 10px #10b98199}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.messages-area-green{flex:1;min-height:500px;max-height:600px;overflow-y:auto;margin-bottom:40px;padding:40px;background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:24px;display:flex;flex-direction:column;gap:24px;border:2px solid rgba(7,133,84,.1);box-shadow:inset 0 2px 8px #0785540d;scroll-behavior:smooth}.messages-area-green::-webkit-scrollbar{width:10px}.messages-area-green::-webkit-scrollbar-track{background:#f0fdf4;border-radius:10px}.messages-area-green::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#078554,#13a56a);border-radius:10px}.empty-state-green{text-align:center;color:#047857;font-size:20px;padding:60px;font-weight:500}.message-wrapper-green{display:flex;flex-direction:column;margin-bottom:0;width:100%}.message-wrapper-green.user{align-items:flex-end}.message-wrapper-green.assistant{align-items:flex-start}.speaker-label{font-size:14px;font-weight:700;color:#065f46;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;background:#0785541a;border-radius:12px;display:inline-block}.message-green{display:inline-block;max-width:80%}.message-text-green{padding:24px 32px;border-radius:24px;font-size:20px;line-height:1.7;word-wrap:break-word;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3}.message-wrapper-green.user .message-text-green{background:linear-gradient(135deg,#078554,#13a56a);color:#fff;border-bottom-right-radius:8px;position:relative}.message-wrapper-green.user .message-text-green:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:24px;pointer-events:none}.message-wrapper-green.assistant .message-text-green{background:linear-gradient(135deg,#f0fdf4,#fff);color:#065f46;border:2px solid rgba(7,133,84,.2);border-bottom-left-radius:8px}.transcript-bar-green{padding:24px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:16px;margin-bottom:40px;display:flex;flex-direction:column;gap:8px;border:2px solid rgba(7,133,84,.2);box-shadow:0 4px 12px #07855426}.transcript-label-text{font-size:14px;font-weight:700;color:#065f46;text-transform:uppercase;letter-spacing:.5px}.transcript-text-content{font-size:18px;color:#047857;font-style:italic;font-weight:500}.stop-button-green{width:100%;padding:24px;font-size:20px;font-weight:700;color:#dc2626;background:#fff;border:3px solid #dc2626;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #dc262633;position:relative;overflow:hidden}.stop-button-green:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#dc26261a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.stop-button-green:hover:before{width:300px;height:300px}.stop-button-green:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #dc262666}.report-page{min-height:100vh;background:#fafafa;padding:40px 20px}.report-container{max-width:900px;margin:0 auto;background:#fff;border-radius:24px;padding:60px;box-shadow:0 4px 24px #0000000f}.report-header{margin-bottom:48px}.header-content h1{font-size:36px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.header-content p{font-size:16px;color:#666}.gradient-bar{height:4px;background:linear-gradient(135deg,#078554,#13a56a);border-radius:2px;margin-top:24px}.report-section{margin-bottom:48px}.report-section h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.chief-complaint{font-size:20px;font-weight:500;color:#1a1a1a;line-height:1.6}.symptoms-list,.findings-list,.recommendations-list{list-style:none;padding:0}.symptoms-list li,.findings-list li,.recommendations-list li{padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:16px;line-height:1.6}.report-section p{font-size:16px;line-height:1.8;color:#333}.report-footer{margin-top:60px;padding-top:40px;border-top:2px solid #f0f0f0;text-align:center}.report-footer p{font-size:18px;font-weight:500;color:#1a1a1a;margin-bottom:24px}.footer-actions{display:flex;gap:12px;justify-content:center}.download-button,.dashboard-button{padding:16px 32px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.download-button:hover,.dashboard-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0785544d}.dashboard-button{background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-button:hover{box-shadow:0 8px 24px #667eea4d}.dashboard-page{min-height:100vh;background:linear-gradient(to bottom,#f0fdf4,#fff);padding:40px 20px}.dashboard-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:40px}.dashboard-header{grid-column:1 / -1;margin-bottom:32px}.dashboard-header h1{font-size:36px;font-weight:700;color:#065f46;letter-spacing:-.5px}.patient-card{grid-column:1 / -1;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;margin-bottom:40px;box-shadow:0 8px 32px #0785541a,0 0 0 1px #0785540d;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(7,133,84,.1)}.patient-info h2{font-size:28px;font-weight:700;color:#065f46;margin-bottom:12px;letter-spacing:-.3px}.patient-info p{font-size:15px;color:#047857;margin:6px 0;font-weight:500}.status-badge{padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #07855433}.status-badge.ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tabs{display:flex;gap:4px;margin-bottom:32px;border-bottom:2px solid rgba(7,133,84,.1);background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px 12px 0 0;padding:8px 8px 0}.tabs button{padding:14px 28px;font-size:16px;font-weight:600;color:#047857;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s ease;border-radius:8px 8px 0 0;position:relative}.tabs button:hover{background:#0785540d;color:#065f46}.tabs button.active{color:#078554;border-bottom-color:#078554;background:#07855414}.tab-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0785541a,0 0 0 1px #0785540d;min-height:500px;border:1px solid rgba(7,133,84,.1)}.tab-content h3{font-size:22px;font-weight:700;color:#065f46;margin-bottom:20px;margin-top:32px;letter-spacing:-.3px;padding-bottom:12px;border-bottom:2px solid rgba(7,133,84,.1)}.tab-content h3:first-child{margin-top:0}.tab-content ul{list-style:none;padding:0}.tab-content li{padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:16px;color:#333}.bullet-list{list-style:none;padding-left:0}.bullet-list li{padding:8px 0 8px 20px;position:relative;line-height:1.6}.bullet-list li:before{content:"•";position:absolute;left:0;color:#078554;font-weight:700;font-size:18px}.report-preview-section{margin:24px 0}.report-preview-section h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:20px 0 12px}.preview-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px}.preview-box p{margin:8px 0;font-size:14px;color:#333}.preview-box strong{color:#065f46;font-weight:600}.consultation-complete-button{background:linear-gradient(135deg,#078554,#13a56a)!important;color:#fff!important;border-color:#078554!important;font-weight:600!important}.consultation-complete-button:hover{background:linear-gradient(135deg,#065f46,#078554)!important;transform:translateY(-2px);box-shadow:0 6px 20px #0785544d!important}.dashboard-container-chat{display:flex;height:100vh;gap:0;max-width:100%;margin:0;padding:0;overflow:hidden}.patients-sidebar{width:320px;background:linear-gradient(to bottom,#f0fdf4f2,#dcfce7f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(7,133,84,.2);display:flex;flex-direction:column;overflow:hidden}.patients-header{padding:24px;border-bottom:1px solid rgba(7,133,84,.1);display:flex;justify-content:space-between;align-items:center}.patients-header h2{font-size:24px;font-weight:700;color:#065f46;margin:0}.patient-count{background:linear-gradient(135deg,#078554,#13a56a);color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600}.patients-list{flex:1;overflow-y:auto;padding:8px}.patient-chat-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:8px;position:relative}.patient-chat-item:hover{background:#0785540d}.patient-chat-item.active{background:linear-gradient(135deg,#0785541a,#13a56a1a);border:1px solid rgba(7,133,84,.2)}.patient-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.patient-chat-info{flex:1;min-width:0}.patient-chat-name{font-size:16px;font-weight:600;color:#065f46;margin-bottom:4px}.patient-chat-preview{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consultation-indicator{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-main-area{flex:1;display:flex;flex-direction:column;background:linear-gradient(to bottom,#f0fdf480,#dcfce780);overflow:hidden;transition:margin-right .3s ease}.chat-header{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 24px;border-bottom:1px solid rgba(7,133,84,.2);display:flex;justify-content:flex-end;align-items:center;gap:16px}.chat-header-info{display:flex;align-items:center;gap:16px}.chat-patient-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.chat-header-info h3{font-size:20px;font-weight:700;color:#065f46;margin:0 0 4px}.chat-header-info p{font-size:14px;color:#666;margin:0}.start-consultation-button{background:linear-gradient(135deg,#078554,#13a56a);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;z-index:1001}.start-consultation-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0785544d}.end-consultation-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;z-index:1001}.end-consultation-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.chat-messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.patient-info-card,.medical-history-card,.conversation-section,.ai-analysis-card{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 4px 16px #07855426;border:1px solid rgba(7,133,84,.2)}.patient-info-card h4,.medical-history-card h4,.conversation-section h4,.ai-analysis-card h4{font-size:18px;font-weight:700;color:#065f46;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid rgba(7,133,84,.1)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:#1a1a1a;font-weight:500}.allergy-highlight{color:#dc2626!important;font-weight:600}.history-content-text{font-size:14px;line-height:1.6;color:#333;white-space:pre-wrap;max-height:300px;overflow-y:auto}.chat-message{padding:12px 16px;border-radius:12px;margin-bottom:12px;max-width:80%}.chat-message.user{background:#0785541a;margin-left:auto}.chat-message.doctor,.chat-message.assistant{background:#0785540d}.message-sender{font-size:12px;font-weight:600;color:#078554;margin-bottom:4px}.message-content{font-size:15px;color:#1a1a1a;line-height:1.5}.note-input-area{padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(7,133,84,.1);display:flex;gap:12px}.note-input{flex:1;padding:12px 16px;border:1px solid rgba(7,133,84,.2);border-radius:12px;font-size:15px;outline:none;transition:all .2s ease}.note-input:focus{border-color:#078554;box-shadow:0 0 0 3px #0785541a}.add-note-button{padding:12px 24px;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-note-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0785544d}.consultation-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.consultation-popup{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:90%;max-width:600px;max-height:80vh;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(7,133,84,.2);display:flex;flex-direction:column;overflow:hidden}.popup-header{padding:24px;border-bottom:1px solid rgba(7,133,84,.1);display:flex;justify-content:space-between;align-items:center}.popup-status{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#065f46}.status-pulse{width:12px;height:12px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.close-popup{background:none;border:none;font-size:32px;color:#666;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-popup:hover{background:#ef44441a;color:#ef4444}.popup-content{flex:1;padding:24px;overflow-y:auto}.live-transcript{height:100%}.transcript-label{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.transcript-text{min-height:200px;max-height:400px;overflow-y:auto}.transcript-item{padding:12px;background:#0785540d;border-radius:8px;margin-bottom:8px;font-size:14px;color:#1a1a1a;line-height:1.6;border-left:3px solid #078554}.transcript-placeholder{padding:40px;text-align:center;color:#999;font-size:14px}.real-time-transcript-section{background:linear-gradient(135deg,#0785540d,#13a56a05);border:2px solid rgba(7,133,84,.2);border-radius:16px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.real-time-transcript-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#078554,#13a56a,#078554);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.real-time-transcript-section h4{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#065f46;font-size:18px;font-weight:700}.processing-indicator,.listening-indicator{font-size:14px;font-weight:500;padding:4px 12px;border-radius:12px;background:#0785541a;color:#078554;animation:pulse 2s infinite}.real-time-transcript-container{max-height:500px;overflow-y:auto;padding:16px;background:#fff9;border-radius:12px;scroll-behavior:smooth}.real-time-transcript-container::-webkit-scrollbar{width:8px}.real-time-transcript-container::-webkit-scrollbar-track{background:#0785540d;border-radius:4px}.real-time-transcript-container::-webkit-scrollbar-thumb{background:#0785544d;border-radius:4px}.real-time-transcript-container::-webkit-scrollbar-thumb:hover{background:#07855480}.chat-message.raw{opacity:.7;border-left:3px solid #fbbf24;animation:pulse-border 1.5s infinite}.chat-message.polished{opacity:1;border-left:3px solid #078554}@keyframes pulse-border{0%,to{border-left-color:#fbbf24}50%{border-left-color:#f59e0b}}.raw-indicator{font-size:11px;color:#f59e0b;font-style:italic;margin-left:8px}.message-timestamp{font-size:11px;color:#999;margin-top:4px;font-style:italic}.transcript-hint{font-size:12px;color:#666;margin-top:8px}.approval-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001}.approval-modal{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:90%;max-width:600px;padding:32px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(7,133,84,.2)}.approval-modal h2{font-size:24px;font-weight:700;color:#065f46;margin:0 0 24px}.approval-preview{background:#0785540d;border-radius:12px;padding:20px;margin-bottom:24px}.approval-preview p{margin:8px 0;font-size:15px;color:#333}.approval-preview strong{color:#065f46;font-weight:600}.approval-textarea{margin-bottom:24px}.approval-textarea label{display:block;font-size:14px;font-weight:600;color:#065f46;margin-bottom:8px}.approval-textarea textarea{width:100%;padding:12px;border:1px solid rgba(7,133,84,.2);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:all .2s ease}.approval-textarea textarea:focus{border-color:#078554;box-shadow:0 0 0 3px #0785541a}.approval-actions{display:flex;gap:12px;justify-content:flex-end}.approve-button,.deny-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.approve-button{background:linear-gradient(135deg,#078554,#13a56a);color:#fff}.approve-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0785544d}.deny-button{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.deny-button:hover{background:#ef444433;transform:translateY(-2px)}.analysis-summary{margin:16px 0;padding:16px;background:linear-gradient(135deg,#0785540d,#13a56a08);border-radius:12px;border-left:4px solid #078554}.analysis-summary strong{display:block;font-size:14px;font-weight:600;color:#065f46;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.analysis-summary p{font-size:15px;line-height:1.7;color:#1a1a1a;margin:0}.diagnosis-list,.tests-list{margin:16px 0}.diagnosis-list ul,.tests-list ul{list-style:none;padding:0;margin:8px 0}.diagnosis-list li,.tests-list li{padding:8px 0 8px 20px;position:relative;color:#333}.diagnosis-list li:before,.tests-list li:before{content:"•";position:absolute;left:0;color:#078554;font-weight:700}.real-time-notes-sidebar{position:fixed;right:0;top:0;width:320px;height:100vh;background:linear-gradient(to bottom,#f0fdf4fa,#dcfce7fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(7,133,84,.2);box-shadow:-4px 0 20px #07855426;display:flex;flex-direction:column;z-index:999;pointer-events:auto}.dashboard-container-chat:has(.real-time-notes-sidebar) .chat-main-area{margin-right:320px}.notes-sidebar-header{padding:16px 20px;border-bottom:1px solid rgba(7,133,84,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0785540d,#13a56a0d)}.notes-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#065f46}.status-pulse.active{animation:pulse 2s infinite}.minimize-notes{background:#0785541a;border:none;width:28px;height:28px;border-radius:6px;font-size:18px;color:#065f46;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.minimize-notes:hover{background:#07855433}.notes-sidebar-content{flex:1;overflow-y:auto;padding:16px}.notes-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.notes-list{display:flex;flex-direction:column;gap:8px}.note-item{padding:12px;background:#0785540d;border-radius:8px;font-size:13px;color:#1a1a1a;line-height:1.5;border-left:3px solid #078554}.notes-placeholder{padding:40px 20px;text-align:center;color:#999;font-size:13px;font-style:italic}.medical-history-card.prominent-section{border:2px solid rgba(7,133,84,.2);background:linear-gradient(135deg,#07855408,#13a56a08);box-shadow:0 4px 20px #07855426}.medical-history-card.prominent-section h4{font-size:20px;color:#065f46;display:flex;align-items:center;gap:8px}.conversation-history-box{margin-top:20px;padding-top:20px;border-top:1px solid rgba(7,133,84,.1)}.conversation-history-box h5{font-size:16px;font-weight:600;color:#047857;margin-bottom:12px}.history-placeholder{padding:20px;text-align:center;color:#999;font-size:14px;font-style:italic;background:#07855405;border-radius:8px}.allergy-alert{padding:12px;background:#fee2e2;color:#dc2626;border-radius:8px;font-weight:500}.no-allergy{padding:12px;background:#d1fae5;color:#065f46;border-radius:8px;font-weight:500}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666}.no-patient{text-align:center;padding:60px;color:#666;font-size:18px}.conversation-message{padding:16px;border-bottom:1px solid #f0f0f0;margin-bottom:12px;border-radius:8px;background:#fafafa;transition:all .2s ease}.conversation-message:hover{background:#f5f5f5}.conversation-message strong{color:#078554;margin-right:8px;font-weight:600}.conversation-message.user{background:#f0fdf4;border-left:3px solid #078554}.conversation-message.assistant{background:#f9fafb;border-left:3px solid #9ca3af}.history-content{display:flex;flex-direction:column;gap:24px}.pdf-history-section,.conversation-history-section{margin-bottom:24px}.pdf-content-box,.history-text-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;max-height:500px;overflow-y:auto;font-family:Courier New,monospace;font-size:14px;line-height:1.6;color:#1a1a1a}.pdf-content-box pre,.history-text-box pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.action-button.submitted{background:#d1fae5;color:#065f46;border-color:#10b981;cursor:not-allowed}.action-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-sidebar{display:flex;flex-direction:column;gap:14px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px;border-radius:20px;border:1px solid rgba(7,133,84,.1);box-shadow:0 8px 32px #0785541a,0 0 0 1px #0785540d;height:fit-content}.consultation-button{padding:16px 20px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #07855433}.consultation-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0785544d}.action-button{padding:14px 20px;font-size:16px;font-weight:500;color:#065f46;background:#fff;border:2px solid #d1fae5;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.action-button:hover{border-color:#078554;color:#078554;background:#f0fdf4;transform:translate(4px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:24px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content h2{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e5e5e5;border-radius:12px;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#078554}.form-group input[readonly]{background:#f5f5f5;cursor:not-allowed}.modal-actions{display:flex;gap:12px;margin-top:32px}.cancel-button,.submit-button{flex:1;padding:16px;font-size:16px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.cancel-button{background:#f5f5f5;color:#666}.cancel-button:hover{background:#e5e5e5}.submit-button{background:linear-gradient(135deg,#078554,#13a56a);color:#fff}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0785544d}@media (max-width: 768px){.hero-headline{font-size:48px}.hero-subheadline{font-size:18px}.landing-header{padding:16px 20px}.header-nav{gap:16px;font-size:14px}.dashboard-container{grid-template-columns:1fr}.dashboard-sidebar{grid-column:1}.voice-container,.report-container{padding:40px 24px}.modal-content{padding:24px}.mac-window{max-width:100%}}.consultation-complete-section{padding:40px 20px;text-align:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:16px;margin:20px 0}.consultation-complete-button{padding:16px 40px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #0785544d;transition:all .3s ease}.consultation-complete-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #07855480}.complete-hint{margin-top:12px;color:#047857;font-size:14px}.doctor-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#f0fdf4,#dcfce7,#fff);padding:20px}.login-container{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);padding:48px 40px;border-radius:24px;box-shadow:0 20px 60px #07855433;border:1px solid rgba(7,133,84,.2);max-width:440px;width:100%}.login-header{text-align:center;margin-bottom:40px}.login-logo{font-size:42px;font-weight:700;background:linear-gradient(135deg,#078554,#13a56a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.login-subtitle{color:#6b7280;font-size:16px}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151;font-size:14px}.login-input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease}.login-input:focus{outline:none;border-color:#078554;box-shadow:0 0 0 3px #0785541a}.login-error{color:#dc2626;font-size:14px;padding:12px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.login-button{padding:16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #07855466}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-hint{text-align:center;margin-top:24px;color:#6b7280;font-size:14px}.assignment-page{min-height:100vh;background:linear-gradient(to bottom,#f0fdf4,#dcfce7,#fff);padding:40px 20px}.assignment-container{max-width:1200px;margin:0 auto}.assignment-header{text-align:center;margin-bottom:40px}.assignment-header h1{font-size:36px;font-weight:700;color:#065f46;margin-bottom:8px}.assignment-header p{color:#6b7280;font-size:18px}.patient-preview-card{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);padding:24px;border-radius:16px;box-shadow:0 4px 20px #07855426;border:1px solid rgba(7,133,84,.2);margin-bottom:32px}.patient-preview-card h3{color:#065f46;margin-bottom:16px;font-size:20px}.patient-preview-card p{margin:8px 0;color:#374151}.specialists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:32px}.specialist-card{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);padding:24px;border-radius:16px;box-shadow:0 4px 20px #07855426;border:2px solid rgba(7,133,84,.2);text-align:center;cursor:pointer;transition:all .3s ease}.specialist-card:hover:not(.unavailable){transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.specialist-card.selected{border-color:#078554;background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 8px 30px #0785544d}.specialist-card.unavailable{opacity:.5;cursor:not-allowed}.specialist-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 16px}.specialist-card h3{color:#065f46;margin-bottom:8px;font-size:18px}.specialty{color:#6b7280;font-size:14px;margin-bottom:12px}.availability{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.availability.available{background:#dcfce7;color:#065f46}.availability.unavailable{background:#fee2e2;color:#991b1b}.assign-button{display:block;margin:0 auto 16px;padding:16px 48px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.assign-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #07855466}.assign-button:disabled{opacity:.5;cursor:not-allowed}.skip-assignment{display:block;margin:0 auto;padding:12px 24px;font-size:14px;color:#6b7280;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.skip-assignment:hover{border-color:#078554;color:#078554}.post-jamie-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#f0fdf4,#dcfce7,#fff);padding:20px}.post-jamie-container{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);padding:60px 48px;border-radius:24px;box-shadow:0 20px 60px #07855433;border:1px solid rgba(7,133,84,.2);max-width:600px;width:100%;text-align:center}.success-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#078554,#13a56a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 32px;box-shadow:0 8px 30px #0785544d}.post-jamie-title{font-size:36px;font-weight:700;color:#065f46;margin-bottom:16px}.post-jamie-subtitle{font-size:18px;color:#6b7280;margin-bottom:32px}.summary-preview{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:24px;border-radius:16px;margin-bottom:32px;text-align:left}.summary-preview h3{color:#065f46;margin-bottom:16px;font-size:20px}.summary-item{margin:12px 0;color:#374151;font-size:16px}.summary-item strong{color:#065f46}.continue-button{padding:16px 48px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#078554,#13a56a);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0785544d}.continue-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #07855480}.action-buttons-section{display:flex;gap:16px;padding:24px;margin-top:24px;background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);border-radius:16px;border:2px solid rgba(7,133,84,.2);flex-wrap:wrap;justify-content:center}.action-button{background:linear-gradient(135deg,#078554,#13a56a);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0785544d;transition:all .3s ease;min-width:160px;display:flex;align-items:center;justify-content:center;gap:8px}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #07855466;background:linear-gradient(135deg,#13a56a,#078554)}.action-button:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;background:linear-gradient(to bottom,#f0fdf4,#dcfce7,#dcfce7)}#root{width:100%;min-height:100vh;margin:0;padding:0;background:linear-gradient(to bottom,#f0fdf4,#dcfce7,#dcfce7)}