.mobile-header[data-v-cbf4617e]{display:none}@media(max-width:768px){.mobile-header[data-v-cbf4617e]{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:80px;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#faf8f5}.mobile-header-btn[data-v-cbf4617e],.mobile-header-spacer[data-v-cbf4617e]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#111827}.mobile-header-logo[data-v-cbf4617e]{display:flex;min-width:0;justify-content:center}.mobile-header-logo img[data-v-cbf4617e]{display:block;width:min(210px,58vw);height:auto;max-height:44px;-o-object-fit:contain;object-fit:contain}}.sidebar-user-info[data-v-03242073]{position:relative;width:100%}.user-btn[data-v-03242073]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s;cursor:pointer}.user-btn-collapsed[data-v-03242073]{justify-content:center;width:44px;height:44px;padding:10px;border-radius:999px}.user-btn[data-v-03242073]:hover{background:#f9fafb;border-color:#d1d5db}.user-avatar[data-v-03242073]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden}.user-avatar img[data-v-03242073]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-name[data-v-03242073]{flex:1;font-size:14px;font-weight:500;color:#374151;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon[data-v-03242073]{color:#9ca3af;transition:transform .2s;flex-shrink:0}.chevron-open[data-v-03242073]{transform:rotate(90deg)}.user-dropdown[data-v-03242073]{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;z-index:50;min-width:200px}.user-info-section[data-v-03242073]{padding:12px 16px;border-bottom:1px solid #e5e7eb}.user-display-name[data-v-03242073]{font-size:14px;font-weight:600;color:#111827;margin:0}.user-display-name[data-v-03242073],.user-email[data-v-03242073]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email[data-v-03242073]{font-size:13px;color:#6b7280;margin:4px 0 0}.logout-btn[data-v-03242073]{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:#fff;border:none;color:#dc2626;font-size:14px;font-weight:500;text-align:left;transition:background .2s;cursor:pointer}.logout-btn[data-v-03242073]:hover{background:#fef2f2}.app-sidebar[data-v-a4626cf8]{position:fixed;top:0;left:0;width:260px;height:100vh;display:flex;flex-direction:column;background:#faf8f5;border-right:1px solid #e5e7eb;z-index:100;transition:width .3s ease}.sidebar-collapsed[data-v-a4626cf8]{width:80px}.sidebar-header[data-v-a4626cf8]{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.sidebar-collapsed .sidebar-header[data-v-a4626cf8]{padding:20px 12px}.sidebar-brand[data-v-a4626cf8]{display:flex;align-items:center;justify-content:center;width:100%}.brand-logo[data-v-a4626cf8]{width:auto;max-width:100%}.brand-logo[data-v-a4626cf8],.brand-logo-icon[data-v-a4626cf8]{height:32px;-o-object-fit:contain;object-fit:contain}.brand-logo-icon[data-v-a4626cf8]{width:32px}.mobile-sidebar-backdrop[data-v-a4626cf8],.mobile-sidebar-header[data-v-a4626cf8]{display:none}.toggle-btn[data-v-a4626cf8]{position:absolute;right:-14px;top:50%;transform:translateY(-50%) scale(.96);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#faf8f5;color:#6b7280;transition:opacity .2s ease,transform .2s ease,color .2s ease;z-index:10;opacity:0;pointer-events:none}.app-sidebar:hover .toggle-btn[data-v-a4626cf8],.toggle-btn[data-v-a4626cf8]:focus-visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.toggle-btn[data-v-a4626cf8]:hover{color:#111827}.sidebar-body[data-v-a4626cf8]{flex:1;overflow-y:auto;padding:16px}.sidebar-collapsed .sidebar-body[data-v-a4626cf8]{padding:16px 12px}.new-transcript-btn[data-v-a4626cf8]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#f8c746;color:#fff;border-radius:8px;font-weight:600;font-size:14px;margin-bottom:16px;transition:all .2s;white-space:nowrap}.sidebar-collapsed .new-transcript-btn[data-v-a4626cf8]{padding:12px;gap:0}.new-transcript-btn[data-v-a4626cf8]:hover{background:#b38a28}.sidebar-nav[data-v-a4626cf8]{display:flex;flex-direction:column;gap:4px}.nav-item[data-v-a4626cf8]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#4b5563;font-size:14px;transition:all .2s;white-space:nowrap}.sidebar-collapsed .nav-item[data-v-a4626cf8]{justify-content:center;padding:10px}.nav-item[data-v-a4626cf8]:hover{background:#fdf0c7;color:#1f2937}.nav-item.router-link-active[data-v-a4626cf8]{background:#fde6a7;color:#111827;font-weight:600}.sidebar-footer[data-v-a4626cf8]{padding:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.sidebar-collapsed .sidebar-footer[data-v-a4626cf8]{padding:16px 12px}.user-section[data-v-a4626cf8]{width:100%}.sign-in-btn[data-v-a4626cf8]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.sidebar-collapsed .sign-in-btn[data-v-a4626cf8]{padding:10px}.sign-in-btn[data-v-a4626cf8]:hover{background:#fffcf4;border-color:#f8c746;color:#8c6b1a}@media(max-width:768px){.mobile-sidebar-backdrop[data-v-a4626cf8]{position:fixed;inset:0;z-index:190;display:block;border:0;background:#0f172a73}.app-sidebar[data-v-a4626cf8]{z-index:200;width:min(344px,86vw);background:#fff;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.app-sidebar.mobile-open[data-v-a4626cf8]{transform:translate(0)}.app-sidebar.sidebar-collapsed[data-v-a4626cf8]{width:min(344px,86vw)}.sidebar-header[data-v-a4626cf8],.toggle-btn[data-v-a4626cf8]{display:none}.mobile-sidebar-header[data-v-a4626cf8]{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 20px;border-bottom:1px solid #e5e7eb}.mobile-sidebar-brand[data-v-a4626cf8]{display:flex;min-width:0;align-items:center}.mobile-sidebar-brand img[data-v-a4626cf8]{display:block;width:min(230px,62vw);height:auto;max-height:44px;-o-object-fit:contain;object-fit:contain}.mobile-sidebar-close[data-v-a4626cf8]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:#64748b}.sidebar-body[data-v-a4626cf8],.sidebar-collapsed .sidebar-body[data-v-a4626cf8]{padding:24px 20px}.new-transcript-btn[data-v-a4626cf8]{min-height:60px;margin-bottom:28px;border-radius:8px;background:#f8c746;font-size:18px;font-weight:700}.new-transcript-btn[data-v-a4626cf8]:hover{background:#b38a28}.sidebar-nav[data-v-a4626cf8]{gap:14px}.nav-item[data-v-a4626cf8]{min-height:54px;gap:16px;padding:0 16px;border-radius:8px;color:#111827;font-size:18px;font-weight:700}.sidebar-collapsed .nav-item[data-v-a4626cf8]{justify-content:flex-start;padding:0 16px}.nav-item.router-link-active[data-v-a4626cf8]{background:#fde6a7;color:#111827}.sidebar-footer[data-v-a4626cf8]{margin-top:auto;padding:20px;border-top:0}.sidebar-collapsed .sidebar-footer[data-v-a4626cf8]{padding:20px}.sign-in-btn[data-v-a4626cf8]{min-height:50px;border-color:#fde6a7;border-radius:8px;color:#b38a28;font-size:18px;font-weight:500}.sign-in-btn[data-v-a4626cf8]:hover{background:#fffcf4;border-color:#f8c746;color:#8c6b1a}}
