*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f7f7f8;min-height:100vh;color:#2e3338;overflow:hidden}.app{max-width:100%;margin:0;padding:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}header{background:#23cea7;border-bottom:1px solid #1fb896;padding:1rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;align-items:center}.sidebar-toggle{background:#fff;color:#1b4965;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sidebar-toggle:hover{background:#f9fafb}.sidebar{position:fixed;left:0;top:0;width:320px;height:100vh;background:#fff;box-shadow:2px 0 8px #0000001a;z-index:200;display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#23cea7}.sidebar-header h3{color:#fff;font-size:1rem;font-weight:600}.sidebar-header button{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.sidebar-header button:hover{background:#fff3}.meetings-list{flex:1;overflow-y:auto;padding:1rem}.no-meetings{text-align:center;color:#9ca3af;padding:2rem 1rem;font-size:.875rem}.meeting-item{padding:1rem;margin-bottom:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.meeting-item:hover{background:#f3f4f6;border-color:#23cea7;transform:translate(4px)}.meeting-date{font-size:.75rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.meeting-summary{font-size:.875rem;color:#374151;margin-bottom:.5rem;line-height:1.4}.meeting-id{font-size:.75rem;color:#9ca3af;font-family:Monaco,Courier New,monospace}header h1{font-size:1.5rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}header p{display:none}.container{flex:1;display:flex;max-width:1600px;margin:0 auto;width:100%;background:#fff;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.input-section{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fff;transition:all .3s ease}.input-section:empty{padding:0;border-bottom:none}.input-section input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;margin-bottom:.625rem;transition:all .2s}.input-section input:focus{outline:none;border-color:#23cea7;box-shadow:0 0 0 3px #23cea71a}.input-section input:disabled{background:#f9fafb;cursor:not-allowed}.input-section button{width:100%;padding:.625rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}button.start{background:#23cea7;color:#fff}button.start:hover:not(:disabled){background:#1fb896}button.start:disabled{opacity:.5;cursor:not-allowed}.divider{text-align:center;color:#9ca3af;font-size:.75rem;margin:.75rem 0;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.bot-info{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem}.bot-label{color:#6b7280;font-weight:500;margin-right:.5rem}.bot-id{color:#1b4965;font-family:Monaco,Courier New,monospace;font-size:.8rem}.error{margin:1rem 1.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.875rem}.status{padding:.75rem 1.5rem;background:#f0fdf4;border-bottom:1px solid #bbf7d0;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#166534;font-weight:500}.pulse{width:8px;height:8px;background:#23cea7;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.controls{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem}.controls button{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;background:#fff}button.pause{color:#1b4965;border-color:#1b4965}button.pause:hover{background:#f9fafb}button.stop{color:#c3423f;border-color:#c3423f}button.stop:hover{background:#fef2f2}.transcripts{flex:1;overflow-y:auto;padding:1.5rem}.transcripts::-webkit-scrollbar{width:6px}.transcripts::-webkit-scrollbar-track{background:transparent}.transcripts::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.transcript-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.transcript-item:last-child{border-bottom:none}.transcript-item.partial{opacity:.6}.speaker{font-weight:600;color:#1b4965;margin-bottom:.5rem;font-size:.875rem}.text{color:#374151;line-height:1.6;font-size:.95rem}.timestamp{font-size:.75rem;color:#9ca3af;margin-top:.5rem}.summary-pane{flex:1;background:#fafafa;display:flex;flex-direction:column;overflow-y:auto}.summary-pane::-webkit-scrollbar{width:6px}.summary-pane::-webkit-scrollbar-track{background:transparent}.summary-pane::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.summary-pane h2{padding:1.5rem;font-size:1rem;font-weight:600;color:#1b4965;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.analyzing-indicator{margin:1rem 1.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.summary-section{margin:1rem 1.5rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.summary-section h3{font-size:.875rem;font-weight:600;color:#1b4965;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.summary-text{color:#4b5563;line-height:1.6;font-size:.875rem}.action-items{list-style:none}.action-items li{padding:.625rem 0;color:#374151;font-size:.875rem;display:flex;align-items:flex-start;gap:.5rem;border-bottom:1px solid #f3f4f6}.action-items li:last-child{border-bottom:none}.action-items li:before{content:"•";color:#23cea7;font-weight:700;font-size:1.2rem;line-height:1}.sentiment{display:inline-block;padding:.375rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sentiment.positive{background:#d1fae5;color:#065f46}.sentiment.neutral{background:#f3f4f6;color:#4b5563}.sentiment.negative{background:#fee2e2;color:#991b1b}@media (max-width: 1024px){.container{flex-direction:column}.main-content{max-width:100%;border-right:none}.summary-pane{width:100%;border-top:1px solid #e5e7eb}}