.app-layout[data-v-fc475b0f]{min-height:100vh}.navbar[data-v-fc475b0f]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:var(--z-navbar)}.nav-brand h1[data-v-fc475b0f]{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(45deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-fc475b0f]{display:flex;gap:var(--spacing-xl);align-items:center}.nav-link[data-v-fc475b0f]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-normal);font-weight:var(--font-weight-medium)}.nav-link[data-v-fc475b0f]:hover{background:var(--bg-input);transform:translateY(-2px)}.nav-link.router-link-active[data-v-fc475b0f]{background:var(--color-primary-alpha-20);color:var(--color-primary);border:1px solid var(--color-primary-alpha-30)}.admin-link[data-v-fc475b0f]{background:var(--role-gm-bg);border:1px solid var(--role-gm-border)}.admin-link[data-v-fc475b0f]:hover{background:var(--role-gm);color:var(--text-inverse)}.nav-icon[data-v-fc475b0f]{font-size:var(--font-size-lg)}.nav-user[data-v-fc475b0f]{display:flex;align-items:center;gap:var(--spacing-md)}.user-info[data-v-fc475b0f]{display:flex;flex-direction:column;align-items:flex-end;font-size:var(--font-size-base)}.user-name[data-v-fc475b0f]{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.user-role[data-v-fc475b0f]{font-size:var(--font-size-sm);color:var(--text-muted)}.logout-btn[data-v-fc475b0f]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-weight:var(--font-weight-medium)}.logout-btn[data-v-fc475b0f]:hover{background:var(--status-error);color:var(--text-inverse);transform:translateY(-2px)}.recording-indicator[data-v-fc475b0f]{display:flex;align-items:center;gap:.5rem;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:6px;padding:.5rem;margin-right:1rem}.recording-dot[data-v-fc475b0f]{width:8px;height:8px;background:red;border-radius:50%;animation:pulse-fc475b0f 1.5s infinite}@keyframes pulse-fc475b0f{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recording-text[data-v-fc475b0f]{color:red;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.recording-session[data-v-fc475b0f]{color:#f66;font-size:.8rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content[data-v-fc475b0f]{width:100%;max-width:none;margin:0;padding:1rem 1rem 1.25rem;box-sizing:border-box}@media (max-width: 768px){.navbar[data-v-fc475b0f]{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.nav-links[data-v-fc475b0f]{flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.nav-user[data-v-fc475b0f]{flex-direction:column;gap:var(--spacing-sm)}.recording-indicator[data-v-fc475b0f]{flex-direction:column;align-items:center;gap:.25rem}.recording-session[data-v-fc475b0f]{font-size:.7rem}.main-content[data-v-fc475b0f]{padding:var(--spacing-md)}}.microphone-control-panel[data-v-a8129ac1]{position:fixed;bottom:20px;left:20px;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;min-width:200px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:slideIn-a8129ac1 .3s ease-out}@keyframes slideIn-a8129ac1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.control-header[data-v-a8129ac1]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.recording-indicator[data-v-a8129ac1]{display:flex;align-items:center;gap:.25rem;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:6px;padding:.25rem .5rem}.recording-dot[data-v-a8129ac1]{width:6px;height:6px;background:red;border-radius:50%;animation:pulse-a8129ac1 1.5s infinite}@keyframes pulse-a8129ac1{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recording-text[data-v-a8129ac1]{color:red;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.session-name[data-v-a8129ac1]{color:#ccc;font-size:.8rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-body[data-v-a8129ac1]{display:flex;flex-direction:column;gap:.75rem}.mic-toggle-btn[data-v-a8129ac1]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #4caf504d}.mic-toggle-btn[data-v-a8129ac1]:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 6px 20px #4caf5066}.mic-toggle-btn.muted[data-v-a8129ac1]{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f443364d}.mic-toggle-btn.muted[data-v-a8129ac1]:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 6px 20px #f4433666}.mic-icon[data-v-a8129ac1]{font-size:1.1rem}.mic-text[data-v-a8129ac1]{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.mic-status[data-v-a8129ac1]{display:flex;align-items:center;gap:.5rem}.status-indicator[data-v-a8129ac1]{width:8px;height:8px;border-radius:50%;background:#666;transition:background-color .3s ease}.status-indicator.active[data-v-a8129ac1]{background:#4caf50;box-shadow:0 0 8px #4caf5099}.status-text[data-v-a8129ac1]{color:#ccc;font-size:.8rem;font-weight:500}@media (max-width: 768px){.microphone-control-panel[data-v-a8129ac1]{bottom:10px;left:10px;right:10px;min-width:auto}.control-header[data-v-a8129ac1]{flex-direction:column;align-items:flex-start;gap:.25rem}.session-name[data-v-a8129ac1]{font-size:.7rem}}:root{--color-primary: #ff00ff;--color-primary-light: #ff66ff;--color-primary-dark: #cc00cc;--color-primary-alpha-10: rgba(255, 0, 255, .1);--color-primary-alpha-20: rgba(255, 0, 255, .2);--color-primary-alpha-30: rgba(255, 0, 255, .3);--color-primary-alpha-50: rgba(255, 0, 255, .5);--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-card: rgba(0, 0, 0, .4);--bg-card-hover: rgba(0, 0, 0, .6);--bg-input: rgba(255, 255, 255, .1);--bg-input-focus: rgba(255, 255, 255, .15);--text-primary: #f0f0f0;--text-secondary: #e0e0e0;--text-muted: #888;--text-inverse: #0a0a0a;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .2);--border-focus: var(--color-primary);--status-active: #87ceeb;--status-active-bg: rgba(173, 216, 230, .2);--status-active-border: rgba(173, 216, 230, .3);--status-success: #00ff7f;--status-success-bg: rgba(0, 255, 127, .2);--status-success-border: rgba(0, 255, 127, .3);--status-info: #007bff;--status-info-bg: rgba(0, 123, 255, .2);--status-info-border: rgba(0, 123, 255, .3);--status-paused: #ffff00;--status-paused-bg: rgba(255, 255, 0, .2);--status-paused-border: rgba(255, 255, 0, .3);--status-failed: #ff0000;--status-failed-bg: rgba(255, 0, 0, .2);--status-failed-border: rgba(255, 0, 0, .3);--status-warning: var(--color-primary);--status-warning-bg: var(--color-primary-alpha-20);--status-warning-border: var(--color-primary-alpha-30);--status-error: #ff6b6b;--status-error-bg: rgba(255, 107, 107, .2);--status-error-border: rgba(255, 107, 107, .3);--priority-critical: #ff0000;--priority-critical-bg: rgba(255, 0, 0, .2);--priority-critical-border: rgba(255, 0, 0, .3);--priority-high: var(--color-primary);--priority-high-bg: var(--color-primary-alpha-20);--priority-high-border: var(--color-primary-alpha-30);--priority-medium: var(--color-primary-light);--priority-medium-bg: var(--color-primary-alpha-20);--priority-medium-border: var(--color-primary-alpha-30);--priority-low: #6c757d;--priority-low-bg: rgba(108, 117, 125, .2);--priority-low-border: rgba(108, 117, 125, .3);--role-gm: var(--color-primary);--role-gm-bg: var(--color-primary-alpha-20);--role-gm-border: var(--color-primary-alpha-30);--role-player: #007bff;--role-player-bg: rgba(0, 123, 255, .2);--role-player-border: rgba(0, 123, 255, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .3);--shadow-primary: 0 10px 20px var(--color-primary-alpha-30);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-modal: 1000;--z-navbar: 100;--z-dropdown: 50}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);min-height:100vh;color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5}#app{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-input)}::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-30);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-50)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-normal)}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.bg-card{background:var(--bg-card)}.bg-input{background:var(--bg-input)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}