@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg,#f8fafc);color:var(--text,#0f172a);font-family:Inter,-apple-system,sans-serif}[data-theme=light]{--bg:#f8fafc;--text:#0f172a;--border-color:#cbd5e1;--bg-base:#f8fafc;--bg-surface:#fff;--bg-surface-solid:#fff;--accent-primary:#2563eb;--accent-success:#059669;--accent-warning:#d97706;--accent-purple:#7c3aed;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b}[data-theme=dark]{--bg:#0a0e1a;--text:#f1f5f9;--border-color:#2d3748}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#2d3748;border-radius:3px}::-webkit-scrollbar-track{background:0 0}select,input,textarea,button{outline:none;font-family:inherit}@keyframes recPulse{0%,to{box-shadow:0 0 0 8px #ef44441a,0 0 26px #ef444466}50%{box-shadow:0 0 0 14px #ef44440d,0 0 38px #ef444499}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-blue{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.02);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.wrap{background:var(--bg,#0a0e1a);height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.sidebar{background:var(--bg,#0a0e1a);border-right:1px solid var(--border-color,#2d3748);z-index:10;flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;width:220px;padding:20px 12px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.sidebar.collapsed{width:72px;padding:20px 8px}.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-chevron{display:none}.sidebar.collapsed .sidebar-icon{justify-content:center;gap:0;padding:0}.sidebar-toggle{cursor:pointer;color:#64748b;border:1px solid #0000;border-radius:8px;justify-content:center;align-self:center;align-items:center;width:36px;height:36px;margin-bottom:12px;transition:all .2s;display:flex}.sidebar-toggle:hover{color:#f1f5f9;background:#1a2235;border-color:#2d3748}.sidebar-icon{cursor:pointer;color:#64748b;white-space:nowrap;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;height:44px;padding:0 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.sidebar-icon.active{color:#f1f5f9;background:#3b82f626;border:1px solid #3b82f680}.sidebar-icon:not(.active):hover{color:#f1f5f9;background:#1a2235}.sidebar-icon svg{stroke-width:2px;flex-shrink:0;width:18px;height:18px}.sidebar-spacer{flex:1}.baseline-html ul,.baseline-html ol,.rte-content ul,.rte-content ol{margin:4px 0;padding-left:22px}.baseline-html li,.rte-content li{margin-bottom:2px}.rte-content:empty:before{content:attr(data-placeholder);color:#64748b;opacity:.8;pointer-events:none;font-size:13px;font-style:italic}.main-panel{background:#0a0e1a;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.panel-topbar{background:#111827;border-bottom:1px solid #2d3748;flex-shrink:0;align-items:center;gap:10px;padding:12px 22px;display:flex}.tpl-chip{color:#3b82f6;cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.tpl-chip:hover{background:#3b82f640}.provider-chip{color:#94a3b8;cursor:pointer;background:#1a2235;border:1px solid #2d3748;border-radius:20px;padding:5px 14px;font-size:12px;transition:all .15s}.provider-chip:hover{color:#f1f5f9;background:#2d3748}.panel-body{flex-direction:column;flex:1;gap:16px;padding:22px;display:flex;overflow:hidden}.mic-area{background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #2d3748;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.mic-btn-container{z-index:10;position:absolute;top:30px;left:50%;transform:translate(-50%)}.mic-status{z-index:10;color:#94a3b8;align-items:center;gap:8px;font-family:monospace;font-size:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mic-status-dot{border-radius:50%;width:8px;height:8px}.mic-status-dot.recording{background:#ef4444;animation:1s infinite blink}.mic-status-dot.paused{background:#f59e0b}.mic-btn{cursor:pointer;color:#fff;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s;display:flex}.mic-btn.recording{background:#ef4444;border:2px solid #ffffff4d;animation:1.4s infinite recPulse;box-shadow:0 0 0 8px #ef44441a,0 0 20px #ef444466}.mic-btn.paused{background:#f59e0b;border:2px solid #ffffff4d;box-shadow:0 0 0 8px #f59e0b1a,0 0 20px #f59e0b66}.mic-btn.idle{background:#3b82f6e6;border:2px solid #3b82f680;box-shadow:0 0 20px #3b82f640}.mic-btn.idle:hover{background:#3b82f6;transform:scale(1.05)}.transcript-area{background:#111827;border:1px solid #2d3748;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.report-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px;line-height:1.5}.report-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #fff3;padding:8px 12px;font-size:11px;font-weight:800}.report-table td{vertical-align:top;color:#f1f5f9;border-bottom:1px solid #ffffff1a;padding:8px 12px}.report-table td:first-child{color:#94a3b8;width:40%;font-weight:700}.report-table tr:last-child td{border-bottom:none}[data-theme=light] .report-table td{color:#334155;border-bottom-color:#00000014}[data-theme=light] .report-table th{color:#64748b;border-bottom-color:#00000026}[data-theme=light] .report-table td:first-child{color:#1e293b}.transcript-header{color:#64748b;letter-spacing:.5px;background:#1a2235;border-bottom:1px solid #2d3748;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;display:flex}.transcript-content{color:#f1f5f9;resize:none;background:0 0;border:none;outline:none;flex:1;padding:16px;font-size:15px;line-height:1.7}.process-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:8px;align-self:flex-start;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .2s;box-shadow:0 4px 12px #3b82f64d}.process-btn:hover{opacity:.9}.process-btn:disabled{opacity:.5;cursor:default;box-shadow:none;pointer-events:none;background:#1e293b}.right-panel{z-index:5;background:#111827;border-left:1px solid #2d3748;flex-direction:column;flex-shrink:0;display:flex}.resizer{cursor:col-resize;border-left:1px solid var(--border-color,#2d3748);border-right:1px solid var(--border-color,#2d3748);z-index:10;background:#3b82f61a;outline:none;width:6px;margin-left:-6px;transition:all .15s}.resizer:hover,.resizer:active{opacity:1;background:#3b82f6}.right-header{background:#1a2235;border-bottom:1px solid #2d3748;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;font-weight:600;display:flex}.complete-badge{color:#10b981;background:#10b98126;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.right-body{flex:1;padding:20px;overflow-y:auto}.right-field{border-bottom:1px solid #1e293b;margin-bottom:16px;padding-bottom:12px}.right-field:last-child{border-bottom:none}.right-field-label{color:#94a3b8;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.right-field-val{color:#f1f5f9;white-space:pre-wrap;font-size:13px;line-height:1.6}.right-footer{background:#1a2235;border-top:1px solid #2d3748;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.action-btn{text-align:center;color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #2d3748;border-radius:8px;flex:1;min-width:80px;padding:8px 0;font-size:12px;font-weight:600;transition:all .15s}.action-btn:hover{color:#f1f5f9;background:#2d3748}.action-btn.primary{color:#3b82f6;background:#3b82f626;border-color:#3b82f64d}.action-btn.primary:hover{background:#3b82f640}.view-container{background:#0a0e1a;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.view-header{background:#111827;border-bottom:1px solid #2d3748;flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.view-title{flex:1;font-size:18px;font-weight:700}.view-content{flex:1;padding:24px;overflow-y:auto}[data-theme=light] .sidebar{background:#fff;border-right-color:#e2e8f0}[data-theme=light] .sidebar-icon{color:#475569}[data-theme=light] .sidebar-icon.active{color:#1e293b;background:#2563eb1a;border-color:#2563eb66}[data-theme=light] .sidebar-icon:not(.active):hover{color:#1e293b;background:#f1f5f9}[data-theme=light] .sidebar-tooltip{background:#1e293b;border-color:#334155}[data-theme=light] .main-panel{background:#f8fafc}[data-theme=light] .panel-topbar{background:#fff;border-bottom-color:#e2e8f0}[data-theme=light] .tpl-chip{color:#2563eb;background:#2563eb14;border-color:#2563eb40}[data-theme=light] .provider-chip{color:#475569;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .provider-chip:hover{color:#1e293b;background:#e2e8f0}[data-theme=light] .mic-area{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .transcript-area{background:#fff;border-color:#e2e8f0}[data-theme=light] .transcript-header{color:#475569;background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .transcript-content{color:#0f172a}[data-theme=light] .process-btn{box-shadow:0 4px 12px #2563eb33}[data-theme=light] .right-panel{background:#fff;border-left-color:#e2e8f0}[data-theme=light] .right-header{color:#0f172a;background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .right-body{color:#0f172a}[data-theme=light] .right-field{border-bottom-color:#e2e8f0}[data-theme=light] .right-field-label{color:#475569}[data-theme=light] .right-field-val{color:#0f172a}[data-theme=light] .right-footer{background:#f8fafc;border-top-color:#e2e8f0}[data-theme=light] .action-btn{color:#475569;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .action-btn:hover{color:#1e293b;background:#e2e8f0}[data-theme=light] .action-btn.primary{color:#fff;background:#2563eb;border:none}[data-theme=light] .view-container{background:#f8fafc}[data-theme=light] .view-header{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}[data-theme=light] .view-content,[data-theme=light] select,[data-theme=light] input,[data-theme=light] textarea{color:#0f172a}