.landing{min-height:100vh;background:#fff}.landing-header{border-bottom:4px solid #000;padding:20px 0;background:#fff}.landing-header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.landing-logo{font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin:0}.landing-nav{display:flex;gap:12px}.landing-main{padding:60px 0}.hero{margin-bottom:80px}.hero .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center}.hero-content{text-align:center;padding:60px 40px;max-width:800px;width:100%}.hero-title{font-size:56px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:24px;margin-bottom:40px;color:#666;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:16px}.neobrutalist-button.large{padding:16px 32px;font-size:20px}.features{margin-bottom:80px}.features .container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:48px;font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:48px;letter-spacing:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{padding:32px;text-align:center}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:16px;text-transform:uppercase}.feature-card p{font-size:16px;color:#666;line-height:1.6}.coming-soon{margin-bottom:80px}.coming-soon .container{max-width:1200px;margin:0 auto;padding:0 20px}.coming-soon-card{padding:48px;text-align:center}.coming-soon-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:32px;max-width:800px;margin-left:auto;margin-right:auto}.coming-soon-list li{font-size:18px;padding:12px;border:2px solid #000;box-shadow:4px 4px #000;background:#fff;text-align:left}.cta{margin-bottom:80px}.cta .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center}.cta-card{text-align:center;padding:60px 40px;max-width:700px;width:100%}.cta-card h2{font-size:40px;font-weight:700;text-transform:uppercase;margin-bottom:24px}.cta-card p{font-size:20px;margin-bottom:32px;color:#666}.landing-footer{border-top:4px solid #000;padding:32px 0;text-align:center;background:#fff}.landing-footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.landing-footer p{font-size:16px;color:#666}@media (max-width: 768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:32px}.features-grid,.coming-soon-list{grid-template-columns:1fr}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{max-width:500px;width:100%;text-align:center}.login-title{font-size:48px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:2px}.login-subtitle{font-size:18px;margin-bottom:32px;color:#666}.google-signin-container{display:flex;justify-content:center;margin:32px 0}.error-message{background:#ff6b6b;color:#000;padding:12px;margin-bottom:20px;border:4px solid #000;box-shadow:4px 4px #000;font-weight:700}.login-info{margin-top:24px;color:#666}.upload-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow-y:auto}.upload-card{max-width:700px;width:100%;max-height:90vh;overflow-y:auto;background:#fff;padding:24px}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.upload-header h1{font-size:36px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.upload-content{display:flex;flex-direction:column;gap:24px}.file-input-wrapper{display:flex;flex-direction:column;gap:16px}.file-input{display:none}.file-label{display:inline-block;text-align:center;cursor:pointer}.file-info-display{padding:16px;border:4px solid #000;box-shadow:4px 4px #000;background:#f0f0f0}.file-info-display p{margin:8px 0;font-size:14px}.upload-actions{display:flex;justify-content:center}.upload-info{margin-top:24px;padding:20px;border:4px solid #000;box-shadow:4px 4px #000;background:#f9f9f9}.upload-info h3{margin-bottom:12px;font-size:18px}.upload-info ul{list-style:none;padding-left:0}.upload-info li{margin:8px 0;padding-left:20px;position:relative}.upload-info li:before{content:"▸";position:absolute;left:0}.info-note{margin-top:16px;font-size:14px;color:#666;font-style:italic}.error-message{background:#ff6b6b;color:#000;padding:12px;border:4px solid #000;box-shadow:4px 4px #000;font-weight:700}.success-message{background:#6bcf7f;color:#000;padding:12px;border:4px solid #000;box-shadow:4px 4px #000;font-weight:700}.neobrutalist-button:disabled{opacity:.5;cursor:not-allowed}.neobrutalist-button:disabled:hover{transform:none;box-shadow:4px 4px #000}.upload-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:4px solid #000}.upload-tab{padding:12px 24px;border:4px solid #000;border-bottom:none;box-shadow:4px 4px #000;background:#fff;font-weight:700;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none;position:relative}.upload-tab:hover:not(.active){background:#f0f0f0;transform:translateY(-2px);box-shadow:6px 6px #000}.upload-tab.active{background:#000;color:#fff;z-index:1}.upload-tab.active:hover{background:#000;transform:none;box-shadow:4px 4px #000}.recording-section{padding:20px;border:4px solid #000;box-shadow:4px 4px #000;background:#f9f9f9}.recording-section h3{margin-bottom:16px;font-size:20px}.recording-controls{display:flex;flex-direction:column;gap:16px;align-items:center}.recording-indicator{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700}.recording-dot{width:16px;height:16px;background:#ff6b6b;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recorded-audio-info{padding:16px;border:4px solid #000;box-shadow:4px 4px #000;background:#fff;margin-top:16px}.recorded-audio-info p{margin:8px 0;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:600px;background-color:#fff;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.notes-textarea{width:100%;resize:vertical;min-height:200px;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.dashboard{min-height:100vh;background:#fff}.dashboard-header{border-bottom:4px solid #000;background:#fff;padding:20px 0;margin-bottom:32px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.dashboard-header h1{font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.header-actions{display:flex;gap:16px;align-items:center}.user-info{display:flex;align-items:center;gap:12px}.dashboard-main{padding:20px}.dashboard-controls{margin-bottom:24px;padding:20px}.controls-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.control-group{display:flex;align-items:center;gap:12px}.control-group label{font-weight:700;font-size:14px}.view-toggle{padding:8px 16px;border:2px solid #000;background:#fff;font-weight:700;cursor:pointer;transition:all .1s}.view-toggle:hover{background:#f0f0f0}.view-toggle.active{background:#000;color:#fff}.file-count{margin-left:auto;font-weight:700;color:#666}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.file-card{display:flex;flex-direction:column;height:100%}.file-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.file-header h3{font-size:20px;font-weight:700;flex:1;margin-right:12px;word-break:break-word}.status-badge{padding:6px 14px;border:3px solid #000;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:2px 2px #000}.file-info{margin-bottom:16px}.file-info p{margin:8px 0;font-size:14px}.file-actions{margin-top:auto;padding-top:16px}.processing-indicator{padding:12px;border:4px solid #000;box-shadow:4px 4px #000;text-align:center;font-weight:700;background:#ffd93d;display:flex;align-items:center;justify-content:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid #000;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-indicator{padding:12px;border:4px solid #000;box-shadow:4px 4px #000;text-align:center;font-weight:700;background:#ff6b6b}.transcript-preview{margin-top:16px;padding-top:16px;border-top:2px solid #000}.transcript-preview p{margin-top:8px;font-size:14px;color:#666;line-height:1.5}.files-list{display:flex;flex-direction:column;gap:16px}.file-list-item{padding:24px}.list-item-main{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.list-item-info{flex:1;min-width:300px}.list-item-info h3{font-size:18px;font-weight:700;margin-bottom:8px}.list-item-meta{display:flex;gap:12px;font-size:14px;color:#666;flex-wrap:wrap}.list-item-status{flex-shrink:0;align-self:flex-start;margin-top:2px}.list-item-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:200px}.list-item-actions>.neobrutalist-button:not(.small){width:100%;min-width:180px}.list-item-actions .processing-indicator,.list-item-actions .error-indicator{width:100%;min-width:180px}.empty-state{text-align:center;padding:64px 32px}.empty-state h2{font-size:32px;margin-bottom:16px}.empty-state p{font-size:18px;margin-bottom:32px;color:#666}.loading{text-align:center;padding:64px;font-size:24px;font-weight:700}@media (max-width: 768px){.files-grid{grid-template-columns:1fr}.header-content,.controls-row{flex-direction:column;align-items:flex-start}.file-count{margin-left:0}.list-item-main{flex-direction:column;align-items:stretch;gap:16px}.list-item-status{align-self:flex-start}.list-item-actions{width:100%;align-items:stretch}.list-item-actions>.neobrutalist-button:not(.small){width:100%}.list-item-menu{width:100%;justify-content:space-between}.list-item-menu .neobrutalist-button{flex:1}}.file-menu-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.list-item-menu{display:flex;gap:10px;justify-content:flex-end}.list-item-menu .neobrutalist-button{min-width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.actions-dropdown{position:relative;display:inline-block}.actions-trigger{background:#fff;border:2px solid #000;padding:8px 16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:2px 2px #000;transition:all .1s}.actions-trigger:active{transform:translate(2px,2px);box-shadow:0 0 #000}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:8px;background:#fff;border:2px solid #000;box-shadow:4px 4px #000;min-width:180px;z-index:100;display:flex;flex-direction:column}.dropdown-item{padding:12px 16px;border:none;background:none;text-align:left;font-weight:700;cursor:pointer;border-bottom:2px solid #000;transition:background .1s;width:100%;font-family:inherit;font-size:14px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f0f0f0}.dropdown-item.delete-action{color:#ff6b6b}.dropdown-item.delete-action:hover{background:#fff0f0}.transcript-container{min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.transcript-card{max-width:900px;width:100%}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.transcript-header h1{font-size:36px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.transcript-actions{display:flex;gap:12px}.transcript-content{padding:24px;border:4px solid #000;box-shadow:4px 4px #000;background:#f9f9f9;min-height:400px;margin-bottom:24px}.transcript-text{font-size:16px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.transcript-footer{text-align:right;color:#666;font-size:14px}.share-info{padding:16px;background:#f0f0f0;border:4px solid #000;box-shadow:4px 4px #000;margin-bottom:20px}.share-info code{background:#fff;padding:4px 8px;border:2px solid #000;font-family:monospace;word-break:break-all}.transcript-meta{padding:16px;background:#f9f9f9;border:2px solid #000;margin-bottom:20px;font-size:14px}.transcript-meta p{margin:8px 0}.error-message{padding:24px;text-align:center;font-size:18px;color:#d32f2f;margin-bottom:24px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.loading{padding:40px;text-align:center;font-size:18px}@media (max-width: 768px){.transcript-header{flex-direction:column;align-items:flex-start}.transcript-actions{width:100%;flex-direction:column}.transcript-actions button{width:100%}}.settings{min-height:100vh;background:#fff}.settings-header{border-bottom:4px solid #000;background:#fff;padding:20px 0;margin-bottom:32px}.settings-header h1{font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.settings-main{padding:20px}.settings-content{max-width:800px;margin:0 auto;padding:40px}.settings-section{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid #000}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:24px}.settings-field{margin-bottom:24px}.settings-field label{display:block;font-weight:700;margin-bottom:8px;font-size:14px}.settings-field label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px;cursor:pointer}.field-value{padding:12px;border:4px solid #000;box-shadow:4px 4px #000;background:#f0f0f0;font-size:16px}.neobrutalist-checkbox{width:24px;height:24px;border:4px solid #000;box-shadow:4px 4px #000;cursor:pointer;flex-shrink:0}.settings-about{font-size:16px;line-height:1.6;color:#666}.settings-message{padding:16px;border:4px solid #000;box-shadow:4px 4px #000;font-weight:700;margin-bottom:24px;text-align:center}.settings-message.success{background:#6bcf7f;color:#000}.settings-message.error{background:#ff6b6b;color:#000}.settings-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:32px;border-top:2px solid #000}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;gap:16px}.settings-actions{flex-direction:column}.settings-actions button{width:100%}}.admin-panel{min-height:100vh;background:#fff}.admin-header{border-bottom:4px solid #000;background:#fff;padding:20px 0;margin-bottom:32px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.admin-main{padding:20px}.admin-tabs{display:flex;gap:16px;margin-bottom:24px}.admin-tab{padding:12px 24px;border:4px solid #000;box-shadow:4px 4px #000;background:#fff;font-weight:700;cursor:pointer;transition:all .1s}.admin-tab:hover{box-shadow:2px 2px #000;transform:translate(2px,2px)}.admin-tab.active{background:#000;color:#fff}.admin-users,.admin-files,.admin-usage{padding:32px}.admin-users h2,.admin-files h2,.admin-usage h2{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:24px}.admin-usage h3{font-size:20px;font-weight:700;margin-top:32px;margin-bottom:16px}.admin-usage h3:first-of-type{margin-top:0}.usage-summary{margin-bottom:32px}.usage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.usage-stat-card{padding:20px;border:4px solid #000;box-shadow:4px 4px #000;background:#fff;text-align:center}.stat-label{font-size:14px;font-weight:700;text-transform:uppercase;color:#666;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#000}.usage-per-user{margin-top:32px}.usage-table{display:flex;flex-direction:column;gap:12px;margin-top:16px}.usage-table .table-header,.usage-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.users-table,.files-table{display:flex;flex-direction:column;gap:12px}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1.5fr .8fr 1fr 2.5fr;gap:12px;padding:12px;background:#f0f0f0;border:2px solid #000;font-weight:700;font-size:14px}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1.5fr .8fr 1fr 2.5fr;gap:12px;padding:16px;border:2px solid #000;box-shadow:4px 4px #000;background:#fff;align-items:center}.table-actions{display:flex;gap:8px}.neobrutalist-button.small{padding:6px 12px;font-size:12px}.admin-badge{background:#ffd93d;padding:4px 8px;border:2px solid #000;font-weight:700;font-size:12px}.status-badge{padding:4px 12px;border:2px solid #000;font-size:12px;font-weight:700;white-space:nowrap}.status-uploaded{background:#fff}.status-processing{background:#ffd93d}.status-completed{background:#6bcf7f}.status-error{background:#ff6b6b}.status-active{background:#6bcf7f}.status-inactive{background:#ff6b6b}.inline-edit-button{background:transparent;border:none;cursor:pointer;font-size:14px;margin-left:8px;padding:2px 4px;opacity:.6;transition:opacity .2s}.inline-edit-button:hover{opacity:1}.usage-info{font-size:12px;color:#666;line-height:1.4}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header>div:not(:first-child):before{content:attr(data-label) ": ";font-weight:700}}.app{min-height:100vh;background:#fff}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#fff;color:#000;line-height:1.6}#root{min-height:100vh}.neobrutalist{border:4px solid #000;box-shadow:8px 8px #000;background:#fff}.neobrutalist-button{border:4px solid #000;box-shadow:4px 4px #000;background:#fff;padding:12px 24px;font-family:Courier New,monospace;font-weight:700;font-size:16px;cursor:pointer;text-transform:uppercase;transition:all .1s}.neobrutalist-button:hover{box-shadow:2px 2px #000;transform:translate(2px,2px)}.neobrutalist-button:active{box-shadow:0 0 #000;transform:translate(4px,4px)}.neobrutalist-button.primary{background:#ff6b6b;color:#000}.neobrutalist-button.secondary{background:#4ecdc4;color:#000}.neobrutalist-button.small{padding:8px 12px;font-size:14px;min-width:auto}.neobrutalist-input{border:4px solid #000;box-shadow:4px 4px #000;background:#fff;padding:12px;font-family:Courier New,monospace;font-size:16px;width:100%}.neobrutalist-input:focus{outline:none;box-shadow:2px 2px #000;transform:translate(2px,2px)}.neobrutalist-card{border:4px solid #000;box-shadow:8px 8px #000;background:#fff;padding:24px;margin:16px 0}.container{max-width:1200px;margin:0 auto;padding:20px}