code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.welcome-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.welcome-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;padding:40px;width:100%}.welcome-header{margin-bottom:40px;text-align:center}.welcome-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;margin:0 0 10px}.tagline{color:#64748b;font-size:18px;margin:0}.welcome-section{margin-bottom:30px}.welcome-section h2{color:#1e293b;font-size:24px;margin-bottom:15px}.welcome-section p{color:#475569;font-size:16px;line-height:1.6}.steps{display:flex;flex-direction:column;gap:20px;margin-top:20px}.step{align-items:flex-start;display:flex;gap:15px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h3{color:#1e293b;font-size:18px;margin:0 0 5px}.step-content p{color:#64748b;font-size:14px;margin:0}.tips-list{margin:10px 0;padding-left:20px}.tips-list li{color:#475569;line-height:1.5;margin-bottom:10px}.get-started-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:30px;padding:18px;transition:transform .2s,box-shadow .2s;width:100%}.get-started-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.welcome-content{padding:30px 20px}.welcome-header h1{font-size:36px}.step{align-items:center;flex-direction:column;text-align:center}}.auth-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:36px;margin:0 0 8px}.auth-header p{color:#64748b;font-size:14px;margin:0}.auth-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:8px;margin-bottom:24px;padding:4px}.auth-tabs button{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .2s}.auth-tabs button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-group small{color:#64748b}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:transform .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.forgot-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;margin-top:16px;padding:8px;text-decoration:underline}.forgot-link:hover{color:#5568d3}.tree-node{margin-bottom:4px}.node-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;position:relative;transition:all .2s}.node-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateX(2px)}.node-button:active{background:#f1f5f9}.node-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.expand-button{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px 8px;transition:background .2s}.expand-button:hover{background:#f1f5f9}.node-title{color:#1e293b;flex:1 1;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:#3b82f6;border-radius:12px;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;padding:4px 10px}.node-menu.desktop-menu{display:none;gap:4px;opacity:0;transition:opacity .2s}.node-menu.desktop-menu.visible{display:flex;opacity:1}.mobile-options-btn{color:#64748b;flex-shrink:0;padding:4px 8px}.node-menu.mobile-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:200px;overflow:hidden;right:10px;top:100%;z-index:100}.node-menu.mobile-menu .menu-button{border-bottom:1px solid #e2e8f0;font-size:15px;gap:12px;justify-content:flex-start;padding:14px 16px;text-align:left;width:100%}.node-menu.mobile-menu .menu-button:last-child{border-bottom:none}.menu-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:background .2s}.menu-button:hover{background:#f1f5f9}.menu-button.delete:hover{background:#fee2e2}.children-container{margin-top:4px}@media (max-width:768px){.node-menu.desktop-menu{display:none!important}.mobile-options-btn{display:block}.node-title{font-size:18px}.node-button{padding:18px}.badge{font-size:14px;padding:5px 12px}.node-menu.mobile-menu{left:auto;right:10px}}@media (min-width:769px){.mobile-options-btn,.node-menu.mobile-menu{display:none!important}}.help-panel{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.help-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:24px}.help-header h2{font-size:24px;margin:0}.help-content{flex:1 1;overflow-y:auto;padding:24px}.help-section{margin-bottom:28px}.help-section:last-child{margin-bottom:0}.help-section h3{align-items:center;color:#1e293b;display:flex;font-size:18px;gap:8px;margin:0 0 12px}.help-section p{color:#475569;line-height:1.6;margin:0 0 12px}.help-section ul{color:#475569;margin:0;padding-left:24px}.help-section li{line-height:1.6;margin-bottom:10px}.help-section strong{color:#1e293b}.help-content::-webkit-scrollbar{width:8px}.help-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.help-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.help-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.profile-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:90%}.profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:24px}.profile-header h2{font-size:24px;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .2s;width:36px}.close-button:hover{background:#ffffff4d}.profile-form{overflow-y:auto;padding:24px}.profile-form .form-group{margin-bottom:20px}.profile-form label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.profile-form input,.profile-form select{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.profile-form input:focus,.profile-form select:focus{border-color:#667eea;outline:none}.disabled-input{background:#f1f5f9;color:#64748b}.profile-form small{color:#64748b;display:block;font-size:12px;margin-top:4px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.error-message,.success-message{font-size:14px;margin-bottom:16px;padding:12px}.success-message{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1 1;padding-right:45px}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:absolute;right:8px}.password-toggle:hover{opacity:.7}.form-divider{border-top:2px solid #e2e8f0}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.modal-buttons{margin-top:24px}.modal-button.confirm{background:#667eea}.modal-button.confirm:hover{background:#5568d3}.modal-button:disabled{cursor:not-allowed;opacity:.6}.form-divider{background:#e0e0e0;height:1px;margin:24px 0}.form-section-header{margin:16px 0}.form-section-header h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.form-section-description{background:#f8f9fa;border-left:3px solid #4a90e2;border-radius:4px;color:#666;font-size:13px;line-height:1.5;margin:0 0 16px;padding:12px}.form-group small{color:#666;display:block;font-size:12px;line-height:1.4;margin-top:4px}.disabled-input{background-color:#f5f5f5;color:#999;cursor:not-allowed}.temp-password-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.temp-password-banner strong{display:block;margin-bottom:4px}.tree-view{background:#f8fafc;display:flex;flex-direction:column;height:100vh}.tree-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.tree-header h1{color:#1e293b;font-size:24px;margin:0 0 4px}.user-name{color:#64748b;font-size:14px;margin:0}.header-buttons{align-items:center;display:flex;gap:8px}.help-button,.profile-button{align-items:center;background:#64748b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.help-button:hover,.profile-button:hover{background:#475569;transform:scale(1.1)}.add-button,.logout-button,.share-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:background .2s}.share-button{background:#10b981}.logout-button{background:#64748b}.add-button:hover{background:#2563eb}.share-button:hover{background:#059669}.logout-button:hover{background:#475569}.tree-content{flex:1 1;overflow-y:auto;padding:16px}.empty-state{margin-top:100px}.empty-state p{font-size:20px}.empty-subtext{color:#94a3b8!important;font-size:14px!important}.loading{align-items:center;display:flex;height:100vh;justify-content:center}.modal-overlay{z-index:999}.modal-content input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:12px;width:100%}.modal-content input:focus{border-color:#3b82f6;outline:none}.share-modal{max-width:500px}.share-description{color:#64748b;font-size:14px;margin-bottom:16px}.share-link-container{display:flex;gap:8px;margin-bottom:8px}.share-link-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:monospace;font-size:14px;padding:12px}.copy-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;white-space:nowrap}.copy-button:hover{background:#059669}.form-group select{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.form-group select:focus{border-color:#3b82f6;outline:none}.export-button{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:background .2s}.export-button:hover{background:#d97706}.admin-button{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.admin-button:hover{background:#d97706}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:28px;padding:8px}@media (max-width:768px){.desktop-only{display:none!important}.mobile-menu-toggle{display:block}}.mobile-menu-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-menu{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:90vw;min-width:220px;overflow:hidden;position:fixed;right:10px;top:80px;z-index:1001}.mobile-menu button{background:#fff;border:none;border-bottom:1px solid #e2e8f0;color:#1e293b;cursor:pointer;display:block;font-size:16px;font-weight:500;padding:16px 20px;text-align:left;transition:background .2s;width:100%}.mobile-menu button:hover{background:#f8fafc}.mobile-menu button:last-child{border-bottom:none}.mobile-menu button.logout-mobile{color:#ef4444}.mobile-menu button.logout-mobile:hover{background:#fee2e2}@media (max-width:768px){.tree-header{padding:15px 20px}.tree-header h1{font-size:20px}.user-name{font-size:14px}}.node-menu.mobile-menu{position:absolute;z-index:1000}.tree-node{position:relative}.archive-banner{align-items:flex-start;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin:16px 0;padding:24px}.archive-banner.archived{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107}.archive-banner.restoring{background:linear-gradient(135deg,#cfe2ff,#9ec5fe);border:2px solid #0d6efd}.archive-icon{flex-shrink:0;font-size:48px;line-height:1}.archive-content{flex:1 1}.archive-content h3{color:#333;font-size:20px;margin:0 0 12px}.archive-content p{color:#666;line-height:1.6;margin:0 0 16px}.archive-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:16px;padding:12px}.restore-button{align-items:center;background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.restore-button:hover:not(:disabled){background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.restore-button:disabled{background:#ccc;cursor:not-allowed}.archive-note{color:#666;font-size:13px;font-style:italic;margin-top:12px}.progress-indicator{margin:16px 0}.progress-bar{background:#ffffff80;border-radius:4px;height:8px}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#0d6efd,#0a58ca);border-radius:4px;width:40%}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}@media (max-width:768px){.archive-banner{align-items:center;flex-direction:column;padding:20px;text-align:center}.archive-icon{font-size:40px}.archive-content h3{font-size:18px}.restore-button{justify-content:center;width:100%}}.recording-view{background:#f8fafc;display:flex;flex-direction:column;height:100vh}.recording-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px}.back-button{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:16px;padding:8px 16px;transition:background .2s}.back-button:hover{background:#e2e8f0}.recording-header h1{color:#1e293b;font-size:24px;margin:0}.subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.record-section{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px;padding:20px}.prompting-questions{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;max-width:600px;padding:16px 20px;width:100%}.prompting-questions h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.prompting-questions ul{list-style-type:none;margin:0;padding-left:20px}.prompting-questions li{color:#475569;line-height:1.5;margin-bottom:8px;padding-left:8px;position:relative}.prompting-questions li:before{color:#3b82f6;content:"•";font-weight:700;left:-12px;position:absolute}.record-button{align-items:center;background:#3b82f6;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;padding:20px 40px;transition:all .2s}.record-button:hover{background:#2563eb;box-shadow:0 4px 6px #3b82f64d;transform:translateY(-2px)}.record-button.recording{animation:pulse 2s infinite;background:#ef4444}.record-button.recording:hover{background:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.mic-icon{font-size:24px}.recording-indicator{align-items:center;color:#ef4444;display:flex;font-weight:500;gap:8px}.recording-dot{animation:blink 1s infinite;background:#ef4444;border-radius:50%;height:12px;width:12px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recordings-list{flex:1 1;overflow-y:auto;padding:16px}.recording-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a;gap:12px;margin-bottom:12px;padding:12px;position:relative;transition:all .2s}.recording-card:hover{box-shadow:0 4px 6px #0000001a}.play-button{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:background .2s;width:48px}.play-button:hover{background:#2563eb}.recording-info{flex:1 1;min-width:0}.recording-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-duration{color:#64748b;font-size:14px}.recording-actions{align-items:center;display:flex;gap:4px;position:absolute;z-index:1000}.action-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px;transition:background .2s}.action-button:hover{background:#f1f5f9}.delete-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:20px;padding:8px;transition:background .2s}.delete-button:hover{background:#fee2e2}.empty-state{color:#64748b;margin-top:60px}.empty-state p{margin-bottom:8px}.empty-state .empty-subtext{color:#94a3b8;font-size:14px}.loading{color:#64748b;margin-top:60px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-width:400px;padding:24px;width:90%}.modal-content h2{color:#1e293b;font-size:20px;margin:0 0 16px}.modal-description{color:#64748b;font-size:14px;margin-bottom:16px}.modal-content input,.modal-content select{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:12px;width:100%}.modal-content input:focus,.modal-content select:focus{border-color:#3b82f6;outline:none}.form-group{margin-bottom:20px}.form-group label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-buttons{display:flex;gap:12px}.modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .2s}.modal-button.cancel{background:#f1f5f9;color:#64748b}.modal-button.cancel:hover{background:#e2e8f0}.modal-button.confirm{background:#3b82f6;color:#fff}.modal-button.confirm:hover{background:#2563eb}.waveform-container{background:#1e293b;border-radius:8px;display:flex;justify-content:center;margin-top:10px;padding:10px}.waveform-container svg{display:block}.recording-actions-wrapper{align-items:center;display:flex;position:relative}.mobile-options-btn{background:none;border:none;cursor:pointer;display:none;font-size:24px;padding:0 10px}@media (max-width:768px){.mobile-options-btn{display:block}.recording-actions{display:none}.recording-actions.show-mobile{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;gap:15px;padding:8px;position:absolute;right:35px;z-index:10}.action-button,.delete-button{font-size:1.4rem;padding:5px}}.recording-main{align-items:center;display:flex;flex:1 1;gap:15px}.recording-info-extended{display:flex;flex:1 1;flex-direction:column;gap:8px}.progress-bar-container{cursor:pointer;padding:8px 0}.progress-bar{background-color:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .1s linear}.progress-bar-container:hover .progress-bar{height:8px}.time-display{color:#64748b;display:flex;font-family:Courier New,monospace;font-size:12px;justify-content:space-between}.current-time{color:#3b82f6;font-weight:600}.duration-time{color:#94a3b8}.recording-card{align-items:center;display:flex;gap:15px;padding:15px}@media (max-width:768px){.recording-title{font-size:16px;font-weight:600}.recording-card{align-items:center;display:flex;flex-direction:row;position:relative}.recording-main{flex:1 1}.recording-actions-wrapper{margin-left:auto;order:3;position:relative}.mobile-options-btn{display:block;font-size:24px;padding:8px 12px}.recording-actions{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;margin-top:4px;min-width:150px;position:absolute;right:0;top:100%;z-index:1001}.recording-actions.show-mobile{display:flex;flex-direction:column}.recording-actions button{border:none;border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px 16px;text-align:left}.recording-actions button:last-child{border-bottom:none}}@media (min-width:769px){.mobile-options-btn{display:none}.recording-actions{display:flex!important;flex-direction:row;gap:8px}}.shared-memoir-view{background:#f8fafc;display:flex;flex-direction:column;height:100vh}.shared-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px;text-align:center}.shared-header h1{font-size:32px;margin:0}.shared-subtitle{font-size:16px;margin:8px 0 0;opacity:.9}.shared-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:350px 1fr;overflow:hidden}.shared-tree-panel{background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;padding:20px}.shared-tree-panel h2{color:#1e293b;font-size:18px;margin:0 0 16px}.shared-tree-list{display:flex;flex-direction:column;gap:4px}.shared-tree-node{margin-bottom:4px}.shared-node-button{align-items:center;background:#f8fafc;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .2s}.shared-node-button:hover{background:#f1f5f9}.shared-expand-button{background:none;border:none;color:#64748b;cursor:pointer;font-size:12px;padding:4px 8px}.shared-node-title{color:#1e293b;flex:1 1;font-size:15px;font-weight:500}.shared-badge{background:#667eea;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.shared-children-container{border-left:2px solid #e2e8f0;margin-left:12px;margin-top:4px;padding-left:8px}.shared-recordings-panel{background:#fff;overflow-y:auto;padding:20px}.shared-recordings-header{margin-bottom:20px}.shared-recordings-header h2{color:#1e293b;font-size:24px;margin:0 0 8px}.shared-recordings-count{color:#64748b;font-size:14px;margin:0}.shared-select-prompt{align-items:center;color:#94a3b8;display:flex;font-size:18px;height:100%;justify-content:center}.shared-empty-state{color:#94a3b8;margin-top:60px;text-align:center}.shared-recordings-list{display:flex;flex-direction:column;gap:12px}.shared-recording-card{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s}.shared-recording-card:hover{background:#f1f5f9;box-shadow:0 2px 4px #0000000d}.shared-play-button{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:background .2s;width:48px}.shared-play-button:hover{background:#5568d3}.shared-recording-info{flex:1 1}.shared-recording-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.shared-recording-duration{color:#64748b;font-size:14px}.shared-error,.shared-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100vh;justify-content:center}.shared-error h2{color:#ef4444;margin-bottom:8px}@media (max-width:768px){.shared-content{grid-template-columns:1fr}.shared-tree-panel{border-bottom:1px solid #e2e8f0;border-right:none}}.admin-dashboard{background:linear-gradient(135deg,#1e3a8a,#3b82f6);min-height:100vh}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;justify-content:space-between;padding:20px 40px}.header-left h1{color:#fff;font-size:28px;margin:0}.admin-user{color:#fffc;font-size:14px;margin:5px 0 0}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.logout-btn:hover{background:#ffffff4d}.admin-tabs{background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;gap:0;padding:0 40px}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#ffffffb3;cursor:pointer;font-size:15px;font-weight:500;padding:16px 24px;transition:all .2s}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#ffffff1a;border-bottom-color:#fff;color:#fff}.admin-content{max-width:1400px;padding:40px}.stats-view h2{color:#fff;margin:0 0 24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.stat-icon{font-size:40px;margin-bottom:12px}.stat-number{color:#1e3a8a}.top-users{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.top-users h3{color:#1e293b;margin:0 0 20px}.top-users-list{display:flex;flex-direction:column;gap:12px}.top-user-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{color:#1e293b;font-weight:600}.user-username{color:#64748b;font-size:12px}.user-stats{display:flex;gap:16px}.user-stats .stat{color:#475569;font-size:14px}.users-view{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1e293b;margin:0}.user-count{background:#e0e7ff;border-radius:20px;color:#3730a3;font-size:14px;font-weight:500;padding:6px 16px}.users-table-container{margin-bottom:24px}.users-table tbody tr.admin-user{background:#fef3c7}.users-table tbody tr.admin-user:hover{background:#fde68a}.badge-admin{background:#f59e0b;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:2px 8px}.delete-user-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:background .2s}.delete-user-btn:hover:not(:disabled){background:#dc2626}.delete-user-btn:disabled{background:#9ca3af;cursor:not-allowed}.warning-box{background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;padding:20px}.warning-box h3{color:#92400e;margin:0 0 12px}.warning-box ul{color:#78350f;margin:0;padding-left:24px}.warning-box li{margin-bottom:8px}.system-view{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.system-view h2{color:#1e293b;margin:0 0 24px}.status-message{border-radius:8px;font-weight:500;margin-bottom:24px;padding:16px}.status-message.success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.status-message.error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.system-tools{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.tool-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px}.tool-card.danger{background:#fef2f2;border-color:#fecaca}.tool-card h3{color:#1e293b;font-size:18px;margin:0 0 8px}.tool-card p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.tool-card p strong{color:#dc2626}.tool-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s;width:100%}.tool-btn:hover:not(:disabled){background:#2563eb}.tool-btn.incremental{background:#10b981}.tool-btn.incremental:hover:not(:disabled){background:#059669}.tool-btn.danger-btn{background:#ef4444}.tool-btn.danger-btn:hover:not(:disabled){background:#dc2626}.tool-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}.backup-info{background:#eff6ff;border:2px solid #bfdbfe;border-radius:12px;margin-top:24px;padding:20px}.backup-info h3{color:#1e40af;margin:0 0 12px}.backup-info ul{color:#1e40af;line-height:1.8;margin:0;padding-left:24px}.backup-info li{margin-bottom:8px}.backup-info strong{font-weight:600}@media (max-width:768px){.admin-header{padding:15px 20px}.admin-tabs{padding:0 20px}.admin-content{padding:20px}.stats-grid{grid-template-columns:1fr}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px}.system-tools{grid-template-columns:1fr}}.security-dashboard h2{color:#fff;margin:0 0 24px}.security-status{background:#fff;border:3px solid;border-radius:12px;margin-bottom:24px;padding:24px}.security-status.safe{background:#d1fae5;border-color:#10b981}.security-status.danger{background:#fee2e2;border-color:#ef4444}.status-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.status-icon{font-size:36px}.status-header h3{color:#1e293b;margin:0}.alerts-list{margin:16px 0}.alert-item{background:#ef44441a;border-left:4px solid #ef4444;border-radius:4px;color:#991b1b;font-family:monospace;font-size:14px;margin-bottom:8px;padding:12px}.last-audit{border-top:2px solid #0000001a;color:#64748b;font-size:14px;margin-top:12px;padding-top:12px}.health-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.health-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.health-icon{font-size:32px;margin-bottom:8px}.health-label{color:#64748b;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.health-value{color:#1e293b;font-size:24px;font-weight:700}.health-value.status-good{color:#10b981}.health-value.status-bad{color:#ef4444}.security-actions{display:flex;gap:12px;margin-bottom:24px}.security-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s}.audit-btn{background:#3b82f6;color:#fff}.audit-btn:hover:not(:disabled){background:#2563eb}.audit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.report-btn{background:#64748b;color:#fff}.report-btn:hover{background:#475569}.report-modal{max-height:80vh;max-width:900px}.report-content{background:#1e293b;border-radius:8px;color:#e2e8f0;font-family:Courier New,monospace;font-size:12px;line-height:1.6;max-height:60vh;overflow-x:auto;overflow-y:auto;padding:20px;white-space:pre-wrap}.security-info{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.security-info h3{color:#1e293b;margin:0 0 16px}.security-info ul{color:#475569;line-height:1.8;margin:0;padding-left:24px}.security-info li{margin-bottom:8px}.security-info strong{color:#1e293b;font-weight:600}.archive-header{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.archive-stats{display:flex;flex-wrap:wrap;gap:32px}.archive-stats .stat-item{display:flex;flex-direction:column;gap:4px}.archive-stats .stat-label{color:#666;font-size:13px;font-weight:500}.archive-stats .stat-value{color:#333;font-size:24px;font-weight:700}.primary-button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.primary-button:hover:not(:disabled){background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.primary-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.status-badge.archived{background:#e2e3e5;color:#383d41}.status-badge.restoring{background:#cfe2ff;color:#084298}.location-cell{font-family:Courier New,monospace;font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state p{font-size:18px;margin:8px 0}.empty-subtext{color:#999;font-size:14px;font-style:italic}.info-box{background:#f8f9fa;border-left:4px solid #4a90e2;border-radius:8px;margin-top:24px;padding:20px}.info-box h3{color:#333;font-size:16px;margin:0 0 12px}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#555;line-height:1.6;margin:8px 0}.info-box code{background:#e9ecef;border-radius:3px;color:#d63384;font-size:13px;padding:2px 6px}.status-message{animation:slideIn .3s ease;border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 20px}.status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-buttons-inline{display:flex;gap:8px;justify-content:center}.archive-user-btn,.delete-user-btn{background:none;border:none;cursor:pointer;font-size:20px;opacity:.7;padding:4px 8px;transition:all .2s}.archive-user-btn:hover:not(:disabled),.delete-user-btn:hover:not(:disabled){opacity:1;transform:scale(1.2)}.archive-user-btn:hover:not(:disabled){filter:drop-shadow(0 0 4px rgba(255,193,7,.6))}.delete-user-btn:hover:not(:disabled){filter:drop-shadow(0 0 4px rgba(220,53,69,.6))}.archive-user-btn:disabled,.delete-user-btn:disabled{cursor:not-allowed;opacity:.4}.tool-btn.cleanup{background:#ffc107;color:#000}.tool-btn.cleanup:hover:not(:disabled){background:#ffb300}@media (max-width:768px){.archive-header{align-items:stretch;flex-direction:column;gap:16px}.archive-stats{flex-direction:column;gap:12px}.archive-stats .stat-item{border-bottom:1px solid #dee2e6;flex-direction:row;justify-content:space-between;padding:8px 0}.primary-button{justify-content:center;width:100%}.location-cell{font-size:11px;max-width:150px}.action-buttons-inline{gap:12px}.archive-user-btn,.delete-user-btn{font-size:24px}}.admin-panel{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.admin-header{align-items:center;color:#fff;display:flex;gap:20px;margin-bottom:30px}.admin-header h1{font-size:32px;margin:0}.admin-header .subtitle{font-size:16px;margin:5px 0 0;opacity:.9}.admin-content{margin:0 auto;max-width:1200px}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;text-align:center}.stat-number{color:#667eea;font-size:48px;font-weight:700;margin-bottom:8px}.stat-label{color:#64748b;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.users-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:24px}.users-section h2{color:#1e293b;margin:0 0 20px}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.users-table th{color:#475569;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.users-table td{border-bottom:1px solid #e2e8f0;color:#334155;padding:12px}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody tr.current-user{background:#f0f9ff}.users-table tbody tr.current-user:hover{background:#e0f2fe}.number-cell{font-weight:500;text-align:center}.badge-you{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:2px 8px;text-transform:uppercase}.delete-user-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:background .2s}.delete-user-button:hover:not(:disabled){background:#dc2626}.delete-user-button:disabled{background:#9ca3af;cursor:not-allowed}.disabled-text{color:#9ca3af;font-size:13px;font-style:italic}.warning-section{background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;padding:20px}.warning-section h3{color:#92400e;margin:0 0 12px}.warning-section ul{color:#78350f;margin:0;padding-left:24px}.warning-section li{margin-bottom:8px}.loading{color:#fff;font-size:18px;padding:40px;text-align:center}@media (max-width:768px){.admin-panel{padding:15px}.admin-header h1{font-size:24px}.stat-number{font-size:36px}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px}.users-table-container{-webkit-overflow-scrolling:touch}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{height:100vh;overflow:hidden}
/*# sourceMappingURL=main.38b45109.css.map*/