body,html{overflow-x:hidden}.app-footer,.app-layout,.main-content{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}.App{font-family:Arial,sans-serif;padding:0;max-width:100%;margin:0}input[type=file]{margin-right:1rem}input:focus,select:focus,textarea:focus{outline:2px solid #2196f3;outline-offset:1px;border-color:#2196f3}button{background:none;border:none;cursor:pointer;padding:4px}button:focus-visible{outline:2px solid #2196f3;outline-offset:2px}.section{border:1px solid #ccc;border-radius:10px;padding:1rem;margin-bottom:2rem;background-color:#fff}.section h2{margin-top:0;font-size:1.2rem;margin-bottom:1rem}.loading-container,.section h2{display:flex;align-items:center}.loading-container{justify-content:center;padding:2rem}.status-message{padding:1rem;border-radius:4px;margin-bottom:1rem}.status-uploading{background-color:#e3f2fd;border:1px solid #2196f3;color:#0d47a1}.status-decrypting,.status-transcribing{background-color:#fff3e0;border:1px solid #ff9800;color:#e65100}.status-error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.folder-item:focus,.recording-item:focus{outline:2px solid #2196f3;outline-offset:2px}.folder-item:focus-visible,.recording-item:focus-visible{outline:2px solid #2196f3;outline-offset:2px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f7f7f7;border-bottom:1px solid #ddd;position:relative;z-index:1000}.site-name{text-decoration:none;color:inherit}.site-name:hover{color:#2196f3}.user-menu-container{position:relative}.user-menu-toggle{background:none;border:none;cursor:pointer;padding:.5rem;font-size:1rem}.user-dropdown-menu{position:absolute;top:2rem;right:0;background:#fff;border:1px solid #ccc;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:999;min-width:200px}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1}.app-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem;margin-top:auto}.recording-page .main-content{padding:0}.recording-page.with-sidebar .app-footer{margin-right:400px;transition:margin-right .3s ease}@media (max-width:768px){.recording-page.with-sidebar .app-footer{margin-right:0}}.navigation-header{padding:0 0 1rem;display:flex;gap:1rem;align-items:center}.home-content-container{padding:0 2rem}.main-layout{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media (min-width:768px){.main-layout{flex-direction:row;gap:2rem}}.folder-item,.recording-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;border-radius:8px;padding:10px 12px;margin-bottom:10px;background-color:#f9f9f9}.item-actions{display:flex;gap:8px;margin-left:auto}.folder-item:hover,.recording-item:hover{background-color:#f0f0f0}.folder-list,.recording-list{margin-bottom:30px}.folder-item.highlight{background-color:#e6f7ff;border:2px dashed #0077cc;border-radius:6px}.upload-transcribe-button{border:1px solid #ccc;background-color:#f0f0f0;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;margin-top:.5rem;position:relative;z-index:9999;pointer-events:auto}.upload-transcribe-button:disabled{opacity:.6;cursor:not-allowed}.bulk-actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bulk-actions-header h2{margin:0}.bulk-actions-controls{display:flex;gap:.5rem;align-items:center}.bulk-actions-count{color:#666;font-size:.85rem}.bulk-actions-btn{border:none;padding:.4rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem}.bulk-actions-btn-move{background-color:#ff9800;color:white}.bulk-actions-btn-move:hover{background-color:#f57c00}.bulk-actions-btn-cancel{background-color:#e0e0e0;color:#333}.bulk-actions-btn-cancel:hover{background-color:#d0d0d0}.breadcrumb-container{padding:1rem}.breadcrumb-link{cursor:pointer;color:blue}.breadcrumb-link:hover{text-decoration:underline}.folder-item-content{cursor:pointer;display:flex;align-items:center;gap:.5rem;flex:1 1}.folder-item-name{flex:1 1}.folder-item-edit-container{display:flex;align-items:center;flex:1 1}.folder-item-edit-input{flex:1 1;margin-right:.5rem}.load-more-btn{width:100%;padding:.75rem;margin-top:1rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;cursor:pointer}.load-more-btn:hover:not(:disabled){background-color:#f0f0f0}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.school-browser-wrapper{padding:0 2rem}.top-section,.top-section-wrapper{background:white}.top-section{padding:1rem 2rem 0}.top-section-header{display:flex;justify-content:space-between;align-items:center}.recording-title{margin:0;font-size:1.5rem;font-weight:600;color:#333}.recording-title-section{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.recording-controls{gap:1rem}.player-section{background:white;z-index:99;padding:.75rem 2rem 1rem;border-bottom:1px solid #eee;transition:all .2s ease}.player-section.fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:99;background:white}.player-section .media-player-container{padding:0;margin:0}.recording-page{overflow:visible;height:auto}.main-section{min-height:100vh}.framework-dropdown-container{position:relative}.framework-dropdown-button{background:#f8f9fa;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:#333;transition:all .2s ease;min-width:160px;text-align:left}.framework-dropdown-button:hover{background-color:#e9ecef;border-color:#2196f3}.framework-dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;min-width:200px;overflow:hidden;margin-top:4px}.framework-menu-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.framework-menu-item:hover{background-color:#f5f5f5}.framework-menu-item.selected{background-color:#e3f2fd;color:#1976d2;font-weight:500}.recording-menu-container{position:relative}.recording-menu-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;color:#666;transition:background-color .2s ease}.recording-menu-button:hover{background-color:#f0f0f0}.recording-dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;min-width:150px;overflow:hidden}.menu-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.menu-item:hover{background-color:#f5f5f5}.menu-item.delete-item:hover{background-color:#ffebee;color:#d32f2f}.rename-input-container{display:flex;align-items:center;gap:.5rem;flex:1 1}.rename-input{flex:1 1;padding:.5rem;border:2px solid #2196f3;border-radius:4px;font-size:1.25rem;font-weight:600}.rename-cancel-btn,.rename-confirm-btn{padding:.5rem .75rem;border:none;border-radius:4px;cursor:pointer;font-weight:700}.rename-confirm-btn{background-color:#4caf50;color:white}.rename-cancel-btn{background-color:#f44336;color:white}.media-player-container{padding-bottom:1rem}.main-section{margin:0 2rem;padding:0 0 2rem}.tab-navigation{display:flex;border-bottom:2px solid #eee;margin-bottom:1rem}.tab-button{background:none;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;color:#666;border:none;border-bottom:3px solid transparent;transition:all .2s ease}.tab-button:hover{color:#2196f3;background-color:#f5f5f5}.tab-button.active{color:#2196f3;border-bottom-color:#2196f3;background-color:#f8f9fa}.tab-content{min-height:400px}.tab-content,.transcript-tab{position:relative}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.transcript-title{margin:0;font-size:1.25rem;font-weight:600}.transcript-content-wrapper{position:relative;min-height:400px}.transcript-main-content{transition:all .3s ease}.transcript-main-content.with-sidebar{margin-right:320px}.transcript-viewer{margin-top:1rem}.recap-placeholder{margin-top:2rem;padding:2rem;background-color:#f8f9fa;border-radius:8px;text-align:center;color:#666}.recording-page{transition:margin-right .3s ease}@media (max-width:768px){.top-section{padding:1rem}.sticky-player-section{padding:.5rem 1rem}.main-section{margin:0 1rem;padding:0 0 2rem}.transcript-main-content.with-sidebar{margin-right:0}.top-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.recording-menu-container{align-self:flex-end}.tab-navigation{overflow-x:auto;white-space:nowrap}.tab-button{min-width:120px}}.transcript-section{margin-top:1rem;line-height:1.6}.utterance{display:flex;margin-bottom:1.5rem;align-items:flex-start;gap:1rem}.speaker-info{min-width:120px;flex-shrink:0;text-align:right;padding-right:1rem;border-right:2px solid #e0e0e0}.speaker-name{font-weight:700;font-size:.9rem;margin-bottom:.25rem}.timestamp{font-size:.8rem;color:#666}.utterance-content{flex:1 1;padding-left:1rem}.utterance-words{line-height:1.8}.speaker-name.speaker-1{color:#2196f3}.speaker-name.speaker-2{color:#4caf50}.speaker-name.speaker-3{color:#ff9800}.speaker-name.speaker-4{color:#9c27b0}.speaker-name.speaker-5{color:#f44336}.speaker-name.speaker-6{color:#00bcd4}.word{display:inline;padding:0;margin:0;border-radius:0;cursor:pointer;transition:background-color .2s ease}.word:hover{background-color:#f0f8ff}.active-word{background-color:#cde5cd!important;border-radius:3px!important;box-shadow:0 0 0 2px #cde5cd}.manual-highlight-viewer .utterance-content{user-select:text;-webkit-user-select:text;-moz-user-select:text}.evidence-highlight{border-bottom:2px solid #4caf50}.contra-evidence-highlight{border-bottom:2px solid #f44336}@media (max-width:768px){.utterance{flex-direction:column;gap:.5rem}.speaker-info{min-width:auto;text-align:left;border-right:none;border-bottom:1px solid #e0e0e0;padding-right:0;padding-bottom:.5rem}.utterance-content{padding-left:0}.inline-badges-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.inline-marker-badges{display:inline-flex;gap:.25rem;cursor:pointer;transition:opacity .2s ease}.inline-marker-badges:hover{opacity:.8}.inline-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid;white-space:nowrap}.inline-badge.badge-evidence{background-color:#e8f5e8;border-color:#4caf50;color:#2e7d32}.inline-badge.badge-contra{background-color:#ffebee;border-color:#f44336;color:#c62828}.badge-competency{font-weight:600;margin-right:.25rem}.badge-marker{display:inline-flex;align-items:center;gap:.15rem;margin-left:.25rem;padding-left:.25rem;border-left:1px solid}.badge-icon{font-size:.7rem;margin-left:.1rem}.utterance-content{display:flex;flex-direction:column;gap:.25rem}}.markers-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #eee;background:#f8f9fa}.markers-header h4{margin:0;font-size:.95rem;font-weight:600}.back-btn,.save-btn{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;font-size:.8rem}.back-btn{background:#f0f0f0;color:#333;border:none}.back-btn:hover{background:#e0e0e0}.save-btn{background:#2196f3;color:white;border:none}.save-btn:hover:not(:disabled){background:#1976d2}.save-btn:disabled{background:#ccc;cursor:not-allowed}.assessment-panel-sidebar{width:fit-content;min-width:200px;max-width:33%;position:absolute;left:67%;right:auto;top:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:50;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,opacity .3s ease;max-height:80vh}.assessment-panel-sidebar.visible{transform:translateX(0);opacity:1}.assessment-panel-sidebar.hidden{transform:translateX(100%);opacity:0;pointer-events:none}.assessment-panel-sidebar.collapsed .assessment-sidebar-content{display:none}.assessment-panel-sidebar.positioned{position:absolute;top:var(--selection-top,0);right:0}.assessment-panel-sidebar.column-collapsed{transform:translateX(100%);opacity:0;pointer-events:none}.assessment-sidebar-header{padding:.5rem;border-bottom:1px solid #eee;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.assessment-sidebar-title{margin:0;font-size:1rem;font-weight:600}.panel-controls{display:flex;gap:.25rem}.assessment-sidebar-close,.collapse-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem;border-radius:4px;color:#666}.assessment-sidebar-close:hover,.collapse-btn:hover{background:rgba(0,0,0,.1)}.assessment-sidebar-content{flex:1 1;padding:0;overflow:auto;width:100%}.panel-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem;border-top:1px solid #eee}.assessment-column-toggle{position:absolute;right:-20px;top:50%;transform:translateY(-50%);background:#2196f3;color:white;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:.9rem;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:150;transition:all .2s ease}.assessment-column-toggle:hover{background:#1976d2;transform:translateY(-50%) scale(1.1)}.assessment-column-toggle.collapsed{right:-300px}.transcript-main-content.with-assessment-column{padding-right:35%;position:relative;transition:margin-right .3s ease}.transcript-main-content{margin-right:0;position:relative;transition:margin-right .3s ease}.multiple-mode-toggle{padding:.75rem;border-bottom:1px solid #eee;background:#f8f9fa}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#333}.toggle-label,.toggle-label input[type=checkbox]{cursor:pointer}@media (max-width:768px){.assessment-panel-sidebar{position:fixed;right:0;top:0;width:100vw;height:100vh;z-index:1000;border-radius:0;max-height:none}}.competencies-grid{padding:.5rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.competency-item{display:inline-flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:6px;background:#f8f9fa;cursor:pointer;text-align:left;font-size:.78rem;transition:all .2s ease;white-space:nowrap;width:100%}.competency-item:hover{background:#e9ecef;border-color:#2196f3}.competency-item-wrapper{width:100%}.competency-list-panel .competency-item.selected{background-color:#e3f2fd!important;border:2px solid #2196f3!important;box-shadow:0 0 0 2px rgba(33,150,243,.15)!important;padding:calc(.5rem - 1px) calc(.75rem - 1px)}.competency-list-panel .competency-item.selected:hover{background-color:#bbdefb!important;border-color:#1976d2!important}.competency-list-panel .competency-item.selected .competency-number{color:#1976d2!important;font-weight:700!important}.competency-list-panel .competency-item.selected .competency-name{color:#1565c0!important;font-weight:500!important}.competency-number{font-weight:700;color:#2196f3;min-width:20px}.competency-name{flex:1 1;line-height:1.3}.saved-assessments-view{padding:.75rem;width:100%}.saved-markers-list{display:flex}.saved-marker-group,.saved-markers-list{flex-direction:column;gap:0}.all-assessments-view{padding:.5rem;width:100%}.assessment-group{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;margin-bottom:.75rem;position:relative;cursor:pointer;transition:background-color .2s ease}.assessment-group:hover{background:#e9ecef}.assessment-text-preview{font-size:.85rem;color:#333;margin-bottom:.5rem;font-style:italic;line-height:1.3}.saved-marker-group{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.25rem}.marker-item-small{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;border:1px solid}.marker-item-small.marker-evidence{background-color:#e8f5e8;border-color:#4caf50}.marker-item-small.marker-contra{background-color:#ffebee;border-color:#f44336}.marker-number-small{font-weight:700;font-size:.7rem}.marker-icon-small{font-size:.6rem}.delete-assessment-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .2s ease}.delete-assessment-btn:hover{opacity:1}.no-assessments-message{text-align:center;padding:2rem 1rem;color:#666;font-size:.85rem}.competency-markers-section{margin-bottom:1.5rem}.competency-markers-section:last-child{margin-bottom:0}.competency-section-header{font-size:.85rem;font-weight:600;color:#1976d2;padding:.5rem 0;margin:0 0 .5rem;border-bottom:1px solid #e0e0e0}.markers-list{gap:.5rem}.markers-list,.markers-panel{display:flex;flex-direction:column}.markers-panel{height:100%;width:100%}.markers-content{flex:1 1;overflow-y:auto;padding:.75rem;width:100%}.saved-assessments-divider{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:.5rem}.saved-assessments-divider:before{content:"Saved Assessments";display:block;font-size:.8rem;font-weight:600;color:#666;padding:.5rem;text-transform:uppercase;letter-spacing:.5px}.marker-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;margin-bottom:.35rem;border-radius:6px;font-size:.9rem;line-height:1.4;cursor:default}.marker-item:not(.marker-evidence):not(.marker-contra){border:1px solid #e0e0e0;background:#f8f9fa;cursor:pointer;transition:all .2s ease}.marker-item:not(.marker-evidence):not(.marker-contra):hover{background:#e9ecef;border-color:#2196f3}.marker-item.marker-evidence{background-color:#e8f5e8;border:2px solid #4caf50}.marker-item.marker-contra{background-color:#ffebee;border:2px solid #f44336}.marker-number{font-weight:700;color:#2196f3;min-width:28px;display:flex;flex-direction:column;align-items:center;gap:.15rem;flex-shrink:0}.marker-number:after{content:attr(data-icon);font-size:.85rem;line-height:1}.marker-evidence .marker-number{color:#2e7d32}.marker-contra .marker-number{color:#c62828}.marker-text{flex:1 1;color:#333;font-size:.9rem;line-height:1.5}.evidence-highlight{background-color:#e8f5e8;text-decoration-color:#4caf50;border-top:2px solid #4caf50}.contra-evidence-highlight,.evidence-highlight{text-decoration-thickness:2px;padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.contra-evidence-highlight{background-color:#ffebee;text-decoration-color:#f44336;border-top:2px solid #f44336}.inline-assessment-markers{position:absolute;right:0;top:0;width:33%;min-width:280px;pointer-events:none}.inline-marker-box{position:absolute;right:0;width:100%;background:white;border:1px solid #ddd;border-radius:8px;padding:.5rem .75rem;box-shadow:0 2px 8px rgba(0,0,0,.1);pointer-events:auto;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;margin-bottom:.5rem}.inline-marker-box:hover{background-color:#f8f9fa;box-shadow:0 4px 12px rgba(0,0,0,.15)}.inline-marker-box .marker-badges{display:flex;flex-wrap:wrap;gap:.25rem;padding-right:1.3rem}.inline-marker-box .marker-badge{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .6rem;border-radius:6px;font-size:.8rem;margin-bottom:.25rem}.inline-marker-box .marker-badge:last-child{margin-bottom:0}.inline-marker-box .marker-badge-id{font-weight:600;white-space:nowrap}.inline-marker-box .marker-badge-title{font-weight:400;line-height:1.3}.inline-marker-box .marker-badge.badge-evidence{background-color:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.inline-marker-box .marker-badge.badge-contra{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.marker-menu-container{position:absolute;top:.3rem;right:.3rem}.marker-menu-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.2rem .4rem;border-radius:4px;color:#666;line-height:1;transition:background-color .2s ease}.marker-menu-btn:hover{background-color:rgba(0,0,0,.08);color:#333}.marker-dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100;min-width:100px;overflow:hidden;margin-top:2px}.marker-menu-item{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.marker-menu-item:hover{background-color:#f5f5f5}.marker-menu-item.delete-item:hover{background-color:#ffebee;color:#d32f2f}.marker-badge-wrapper{margin-bottom:4px}.marker-badge-comment{font-size:.75rem;padding:2px 0 2px 8px;margin-top:2px}.marker-comment-input{padding:.25rem 0 .25rem 1.5rem;margin-top:.25rem}.marker-comment-field{width:100%;padding:.4rem .6rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fafafa}.marker-comment-field:focus{outline:none;border-color:#2196f3;background:white}.marker-comment-field::placeholder{color:#999;font-style:italic}.marker-evidence+.marker-comment-input .marker-comment-field{border-color:#c8e6c9}.marker-evidence+.marker-comment-input .marker-comment-field:focus{border-color:#4caf50}.marker-contra+.marker-comment-input .marker-comment-field{border-color:#ffcdd2}.marker-contra+.marker-comment-input .marker-comment-field:focus{border-color:#f44336}.marker-saved-comment{padding:.25rem .5rem .25rem 1.5rem;font-size:.8rem;margin-left:.5rem}.evidence-comment,.fpe-comment,.marker-saved-comment,.recap-comment{color:#666;font-style:italic;border-left:2px solid #ddd;margin-top:.25rem}.evidence-comment,.fpe-comment,.recap-comment{display:block;font-size:.75rem;padding-left:.5rem}.marker-item-wrapper{margin-bottom:.25rem}.marker-badge-wrapper{display:flex;flex-direction:column;gap:2px}.marker-badge-comment{font-size:.7rem;color:#666;font-style:italic;padding-left:1rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marker-saved-comment.small{font-size:.7rem;padding:.15rem .3rem .15rem 1rem;margin-top:.15rem}.panel-actions.edit-mode-back{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.panel-actions.edit-mode-back .back-btn{width:100%;text-align:left;padding:8px 12px;font-size:.9rem;color:#1976D2;background:#E3F2FD;border:1px solid #bbdefb;border-radius:4px;cursor:pointer;transition:background .2s}.panel-actions.edit-mode-back .back-btn:hover{background:#BBDEFB}.saved-assessments-view .panel-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #e0e0e0}.saved-assessments-view .panel-actions .cancel-btn{flex:0 0 auto;padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;color:#666;transition:background .2s,color .2s}.saved-assessments-view .panel-actions .cancel-btn:hover{background:#e8e8e8;color:#333}.saved-assessments-view .panel-actions .back-btn{flex:0 0 auto;padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;color:#666}.saved-assessments-view .panel-actions .back-btn:hover{background:#e8e8e8}.saved-assessments-view .panel-actions .save-btn{flex:1 1;padding:8px 12px;background:#1976D2;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500}.saved-assessments-view .panel-actions .save-btn:hover{background:#1565C0}.marker-item{position:relative}.marker-delete-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;background:transparent;color:#999;font-size:18px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s,color .2s;display:flex;align-items:center;justify-content:center;border-radius:50%}.marker-item:hover .marker-delete-btn{opacity:1}.marker-delete-btn:hover{color:#d32f2f;background:rgba(211,47,47,.1)}.marker-item .marker-text{padding-right:24px}.marker-item-wrapper .marker-item{display:flex;align-items:flex-start;padding-right:28px}.inline-marker-box.clickable{cursor:pointer;transition:background-color .2s,box-shadow .2s}.inline-marker-box.clickable:hover{background-color:#f0f7ff;box-shadow:0 2px 8px rgba(25,118,210,.15)}.inline-marker-box.clickable:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s}.inline-marker-box.clickable:hover:before{background:#1976D2}.note-option-wrapper{margin-top:.5rem;border-top:1px dashed #ddd;padding-top:.5rem}.competency-item.note-item{background:#fff8e1;border-color:#ffc107}.competency-item.note-item:hover{background:#ffecb3;border-color:#ffa000}.competency-item.note-item.selected{background:#ffc107;border-color:#ff8f00;color:#333}.note-section{margin-top:1rem;padding-top:1rem;border-top:1px dashed #ddd}.note-section .competency-section-header{color:#f57c00;font-size:.9rem;margin-bottom:.5rem}.note-textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px}.note-textarea:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 2px rgba(255,193,7,.2)}.saved-notes-list{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #ddd}.saved-note-item{background:#fff8e1;border:1px solid #ffe082;border-radius:4px;padding:.5rem;margin-bottom:.5rem}.note-header{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.note-icon{font-size:.9rem}.note-label{font-weight:500;font-size:.85rem;color:#f57c00;flex:1 1}.note-actions{display:flex;gap:.25rem}.note-delete-btn,.note-edit-btn{background:none;border:none;cursor:pointer;padding:.15rem .3rem;font-size:.8rem;border-radius:3px}.note-edit-btn:hover{background:rgba(0,0,0,.05)}.note-delete-btn{color:#c62828;font-size:1rem;line-height:1}.note-delete-btn:hover{background:rgba(198,40,40,.1)}.note-content{font-size:.85rem;color:#333;white-space:pre-wrap;line-height:1.4}.note-edit-container{margin-top:.25rem}.note-edit-textarea{width:100%;padding:.4rem;border:1px solid #ffc107;border-radius:4px;font-size:.85rem;font-family:inherit;resize:vertical;min-height:50px}.note-edit-buttons{display:flex;gap:.5rem;margin-top:.5rem}.note-cancel-btn,.note-save-btn{padding:.25rem .5rem;font-size:.8rem;border-radius:3px;cursor:pointer;border:1px solid}.note-save-btn{background:#4caf50;border-color:#4caf50;color:white}.note-save-btn:hover{background:#43a047}.note-cancel-btn{background:white;border-color:#ddd;color:#666}.note-cancel-btn:hover{background:#f5f5f5}.notes-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #ddd}.notes-section-header{font-size:1rem;font-weight:600;color:#f57c00;margin-bottom:.75rem}.notes-table{width:100%;border-collapse:collapse;font-size:.9rem}.notes-table td,.notes-table th{padding:.5rem;text-align:left;border:1px solid #ddd}.notes-table th{background:#fff8e1;font-weight:600;color:#f57c00}.notes-table .note-timestamp{width:80px;white-space:nowrap;color:#666;font-family:monospace}.notes-table .note-text{white-space:pre-wrap}.note-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;color:#666}.note-toggle,.note-toggle input{cursor:pointer}.note-toggle:hover{color:#f57c00}.note-textarea{width:100%;box-sizing:border-box}.inline-note-display{display:flex;align-items:flex-start;gap:.25rem;padding:.25rem .5rem;background:#fff8e1;border:1px solid #ffe082;border-radius:4px;font-size:.8rem;color:#f57c00}.inline-note-display .note-icon{flex-shrink:0}.inline-note-display .note-text-preview{word-break:break-word}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.upload-modal-container{background:white;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.3)}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}.upload-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.upload-modal-close{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.upload-modal-close:hover{background-color:#f0f0f0}.upload-modal-content{padding:2rem;max-height:70vh;overflow-y:auto}.upload-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0}@media (max-width:600px){.upload-modal-overlay{padding:1rem}.upload-modal-container{max-width:100%}.upload-modal-content,.upload-modal-header{padding:1.5rem}.upload-modal-actions{flex-direction:column}.upload-modal-actions .btn-primary,.upload-modal-actions .btn-secondary{width:100%}}.drop-zone{border:2px dashed #ddd;border-radius:8px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:#fafafa}.drop-zone.active{border-color:#ff9800;background:#fff8e1}.drop-zone-content p{margin:0 0 1rem;font-size:1.1rem;color:#333}.file-size-limit{font-size:.9rem!important;color:#666!important;margin-bottom:2rem!important}.upload-buttons{flex-direction:column;gap:1rem}.file-info,.upload-buttons{display:flex;align-items:center}.file-info{gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;margin-bottom:2rem}.file-icon{font-size:1.2rem}.file-name{font-weight:500;color:#333}.file-type{color:#666;font-size:.9rem}@media (max-width:600px){.drop-zone{padding:2rem 1rem}}.transcription-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option-button{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border:2px solid #e0e0e0;border-radius:8px;background:white;cursor:pointer;transition:all .2s ease;text-align:center}.option-button.selected,.option-button:hover:not(:disabled){border-color:#ff9800;background:#fff8e1}.option-button:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.option-title{font-weight:700;font-size:.9rem;color:#333;margin-bottom:.25rem}.option-price{font-size:1.1rem;font-weight:700;color:#ff9800}.option-note{font-size:.8rem;color:#666;margin-top:.25rem}.form-input,.form-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 2px rgba(255,152,0,.1)}.upload-progress{margin:1rem 0;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.step-uploading{text-align:center;padding:2rem 0}.upload-progress-container{margin-bottom:2rem}.progress-circle-wrapper{position:relative;width:120px;height:120px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.progress-circle{position:absolute;width:120px;height:120px;border:8px solid #e0e0e0;border-top-color:#ff9800;border-radius:50%;animation:spin 1s linear infinite}.progress-text{position:relative;z-index:1;font-size:1.2rem;font-weight:700;color:#333;pointer-events:none}.progress-label{font-size:1.1rem;font-weight:500;color:#333}.upload-status{margin:1rem 0}.status-text{font-size:.9rem;color:#666}.step-success{text-align:center;padding:1rem 0}.success-content{margin-bottom:2rem}.success-icon{font-size:4rem;color:#4caf50;margin-bottom:1rem}.success-content h3{margin:0 0 1rem;font-size:1.3rem;color:#333}.success-content p{margin:0 0 1rem;color:#666;line-height:1.5}.success-details{text-align:left;margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px}.success-details p{margin-bottom:1rem;font-size:.9rem;line-height:1.6}.upload-panel{padding:1rem}.upload-panel-title{font-size:1.5rem;margin-bottom:1rem;color:#333;font-weight:600}.upload-section{margin-bottom:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.add-recording-btn{border:1px solid #ff9800;background-color:#ff9800;color:white;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.add-recording-btn:hover{background-color:#f57c00}.upload-error{padding:1rem;margin-bottom:1rem;background-color:#ffebee;border:1px solid #f44336;border-radius:4px;color:#c62828;font-size:.9rem}.folder-section{margin-top:0}.add-folder-btn{border:1px solid #ccc;padding:8px 16px;border-radius:4px;margin-top:0;background:white;cursor:pointer;display:inline-block;font-size:.9rem;color:#333;transition:all .2s ease}.add-folder-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#999}.add-folder-btn:disabled{cursor:not-allowed;opacity:.6}.view-bin-btn{border:1px solid #e0e0e0;padding:8px 16px;border-radius:4px;background:linear-gradient(180deg,#fafafa,#f0f0f0);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:#666;transition:all .2s ease}.view-bin-btn:hover{background:linear-gradient(180deg,#f5f5f5,#e8e8e8);border-color:#bdbdbd;color:#d32f2f}.view-bin-btn .bin-count{background-color:#ef5350;color:white;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.view-bin-btn:hover .bin-count{background-color:#c62828}.folder-input-container{margin-top:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.folder-name-input{padding:8px;border-radius:4px;border:1px solid #ccc;flex:1 1;min-width:200px}.folder-name-input:disabled{opacity:.6}.folder-create-btn{padding:8px 16px;background-color:#4caf50;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.folder-create-btn:hover:not(:disabled){background-color:#45a049}.folder-create-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#ccc}.folder-cancel-btn{padding:8px 16px;background-color:#f44336;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.folder-cancel-btn:hover:not(:disabled){background-color:#da190b}.folder-cancel-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#ccc}@media (max-width:768px){.upload-panel{padding:.5rem}.upload-panel-title{font-size:1.25rem}.add-recording-btn{width:100%;padding:16px 24px}.folder-input-container{flex-direction:column;align-items:stretch}.folder-name-input{min-width:auto;width:100%;margin-bottom:8px}.folder-cancel-btn,.folder-create-btn{width:100%}}.custom-audio-player{display:flex;align-items:center;gap:1rem;padding:.5rem;background-color:#fff;border-radius:4px;width:100%;height:60px;min-height:60px}.control-btn{display:flex;align-items:center;justify-content:center;background:white;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.control-btn:hover{background-color:#f0f0f0}.controls-left,.controls-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.play-pause-btn{width:40px;height:40px}.play-pause-btn svg{width:16px;height:16px}.skip-btn{width:32px;height:32px;font-size:.75rem;font-weight:700}.time-display{font-family:monospace;font-size:.85rem;color:#333;white-space:nowrap;min-width:100px;flex-shrink:0}.time-separator{color:#666;margin:0 .25rem}.volume-control{display:flex;align-items:center;gap:.5rem;position:relative;flex-shrink:0}.volume-btn{width:32px;height:32px;flex-shrink:0}.volume-btn svg{width:16px;height:16px}.volume-slider{width:0;height:4px;appearance:none;background:#ddd;border-radius:2px;outline:none;cursor:pointer;transition:width .2s ease;overflow:hidden}.volume-control:has(.volume-slider:focus) .volume-slider,.volume-control:hover .volume-slider{width:80px}.volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#666;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#666;border-radius:50%;border:none;cursor:pointer}.speed-control{position:relative;flex-shrink:0}.speed-btn{font-size:.85rem;font-weight:500;padding:.4rem .6rem;background:white;border:1px solid #ccc;border-radius:3px;min-width:45px;cursor:pointer;height:32px;flex-shrink:0}.speed-btn:hover{background:#f5f5f5}.speed-menu{position:absolute;top:calc(100% + 4px);right:0;background:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:100;min-width:80px}.speed-option{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.85rem;white-space:nowrap}.speed-option:hover{background:#f5f5f5}.speed-option.active{background:#e3f2fd;color:#1976d2;font-weight:500}.download-btn{width:32px;height:32px;flex-shrink:0}.download-btn svg{width:16px;height:16px}@media (max-width:768px){.controls-left,.controls-right,.custom-audio-player{gap:.5rem}.time-display{font-size:.75rem;min-width:80px}}.waveform-container{flex:1 1 auto;min-width:200px;max-width:100%;cursor:pointer;background-color:#f5f5f5;position:relative;height:60px;min-height:60px;border:1px solid #ccc;border-radius:4px;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none}.waveform-container:hover{background-color:#f0f0f0}.waveform-container:active{cursor:grabbing}.waveform-canvas{width:100%;height:60px;display:block;touch-action:none}.waveform-analyzing-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;color:#666;background-color:rgba(255,255,255,.9);padding:8px 16px;border-radius:4px;z-index:10;pointer-events:none;white-space:nowrap}@media (max-width:768px){.waveform-container{min-width:150px}}.speaker-timeline-container{width:100%;height:6px;margin-top:2px;position:relative;background-color:#e8e8e8;border-radius:1px;overflow:hidden}.speaker-timeline-bar{position:relative;width:100%;height:100%}.timeline-segment{position:absolute;height:100%;top:0;transition:opacity .2s ease}.timeline-segment:hover{opacity:.8}.speaker-stats{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:#666;flex-wrap:wrap}.speaker-stat-item{display:inline-flex;align-items:center;gap:.25rem}.speaker-stat-label{font-weight:600}.speaker-stat-percentage{color:#666}.speaker-stat-separator{color:#999;margin:0 .25rem}@media (max-width:768px){.speaker-timeline-container{height:4px}.speaker-stats{font-size:.8rem}}.recap-tab{padding:1rem 0}.recap-tab h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#333}.recap-framework-title{margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:600;color:#333}.recap-count-summary{color:#666;margin-bottom:1rem;font-size:.9rem}.recap-empty-state{margin-top:2rem;padding:2rem;background-color:#f8f9fa;border-radius:8px;text-align:center;color:#666}.recap-empty-state p{margin:.5rem 0}.recap-summary-section{margin-bottom:1.5rem}.recap-add-summary-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.recap-add-summary-btn:hover{background-color:#e8e8e8;border-color:#ccc}.recap-saved-summary{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:1rem 1.25rem}.recap-saved-summary h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#2196f3}.recap-saved-summary p{margin:0 0 .75rem;color:#333;line-height:1.5;white-space:pre-wrap}.recap-edit-summary-btn{padding:.4rem .75rem;background-color:transparent;color:#666;border:1px solid #ccc;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.recap-edit-summary-btn:hover{background-color:#f0f0f0;color:#333}.recap-summary-input-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:1rem 1.25rem}.recap-summary-input-container h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#2196f3}.recap-summary-textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:100px}.recap-summary-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1)}.recap-summary-buttons{display:flex;gap:.5rem;margin-top:.75rem}.recap-save-btn{padding:.5rem 1rem;background-color:#2196f3;color:white;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.recap-save-btn:hover:not(:disabled){background-color:#1976d2}.recap-save-btn:disabled{background-color:#ccc;cursor:not-allowed}.recap-cancel-btn{padding:.5rem 1rem;background-color:transparent;color:#666;border:1px solid #ccc;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.recap-cancel-btn:hover:not(:disabled){background-color:#f0f0f0;color:#333}.recap-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.recap-table-container{overflow-x:auto}.recap-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:800px;border:1px solid #999}.recap-table td{border:1px solid #ccc;padding:.5rem .75rem;vertical-align:top}.recap-col-third{width:33.33%}.recap-competency-header{background-color:#f0f4f8}.recap-competency-header td{font-weight:600;padding:.75rem}.recap-competency-name{width:40%;color:#1a237e;font-size:.95rem}.recap-column-header{text-align:center;font-size:.85rem;color:#333}.recap-evidence-header{width:30%;background-color:#e8f5e9}.recap-contra-header{width:30%;background-color:#ffebee}.recap-marker-row{background-color:#fff}.recap-marker-row:hover{background-color:#fafafa}.recap-marker-cell{width:40%}.recap-marker-text{display:block;color:#333;line-height:1.4}.recap-evidence-cell{width:30%;background-color:#fafff9}.recap-contra-cell{width:30%;background-color:#fffafa}.recap-evidence-item{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed #e0e0e0}.recap-evidence-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.recap-timestamp{display:inline-block;font-size:.75rem;color:#666;background-color:#f0f0f0;padding:.1rem .3rem;border-radius:3px;margin-right:.5rem}.recap-quote{font-size:.85rem;color:#555;font-style:italic;line-height:1.3}.recap-not-assessed-row{text-align:center;font-style:italic;color:#666;padding:1rem}.recap-aggregated-text{font-style:italic;color:#555}.recap-marker-badge{display:inline-block;font-size:.7rem;font-weight:600;color:#fff;background-color:#1a237e;padding:.1rem .4rem;border-radius:3px;margin-right:.5rem}.recap-export-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.recap-export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#2196f3;color:white;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.recap-export-btn:hover{background-color:#1976d2}.recap-export-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:1024px){.recap-table{min-width:600px}}@media (max-width:768px){.recap-table{font-size:.8rem}.recap-table td{padding:.5rem}.recap-summary-buttons{flex-direction:column}.recap-cancel-btn,.recap-save-btn{width:100%}}.recap-qualifier-cell{padding:.75rem 1rem}.recap-qualifier-text{font-weight:500}.recap-qualifier-description{display:block;margin-top:.5rem;font-size:.85rem;color:#666;line-height:1.4}.recap-rating-cell{text-align:center;vertical-align:middle;width:120px}.recap-rating-header{background-color:#e8eaf6;color:#1a237e;font-weight:600;text-align:center;width:120px}.recap-saving-indicator{display:inline-block;color:#1a237e;font-size:.85rem;margin-left:.5rem}.recap-comment{display:block;font-size:.8rem;color:#666;font-style:italic;margin-top:.25rem;padding-left:.5rem;border-left:2px solid #ddd}.rich-text-editor{border:1px solid #ccc;border-radius:4px;overflow:hidden}.rte-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background-color:#f5f5f5;border-bottom:1px solid #ddd;flex-wrap:wrap}.rte-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:white;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;color:#333;transition:all .15s ease}.rte-btn:hover:not(:disabled){background-color:#e8e8e8;border-color:#ccc}.rte-btn:active:not(:disabled){background-color:#ddd}.rte-btn:disabled{opacity:.5;cursor:not-allowed}.rte-btn-small{font-size:11px;width:36px}.rte-separator{color:#ccc;margin:0 4px;-webkit-user-select:none;user-select:none}.rte-color-picker{width:32px;height:32px;padding:2px;border:1px solid #ddd;border-radius:4px;cursor:pointer;background-color:white}.rte-color-picker::-webkit-color-swatch-wrapper{padding:2px}.rte-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.rte-content{min-height:100px;max-height:300px;overflow-y:auto;padding:12px;font-size:.9rem;line-height:1.6;background-color:white;outline:none}.rte-content:focus{background-color:#fafafa}.rte-content:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.rte-content ol,.rte-content ul{margin:.5em 0;padding-left:1.5em}.rte-content li{margin:.25em 0}.rte-content a{color:#2196f3;text-decoration:underline}.rte-content a:hover{color:#1976d2}.recap-summary-content{line-height:1.6}.recap-summary-content ol,.recap-summary-content ul{margin:.5em 0;padding-left:1.5em}.recap-summary-content li{margin:.25em 0}.recap-summary-content a{color:#2196f3;text-decoration:underline}.recap-summary-content a:hover{color:#1976d2}.export-btn,.share-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:500;background-color:transparent;border:2px solid #ff9800;color:#FF9800;border-radius:4px;cursor:pointer;transition:all .2s ease}.export-btn:hover,.share-btn:hover{background-color:#FF9800;color:white}.export-btn:disabled,.share-btn:disabled{opacity:.5;cursor:not-allowed}.export-dropdown-container{position:relative}.export-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;min-width:220px;overflow:hidden}.export-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;color:#333;transition:background-color .2s ease}.export-menu-item:hover{background-color:#f5f5f5}.export-menu-item:first-child{border-bottom:1px solid #eee}.recording-controls{display:flex;align-items:center;gap:.75rem}@media (max-width:768px){.recording-controls{flex-wrap:wrap;gap:.5rem}.export-btn,.share-btn{padding:.4rem .75rem;font-size:.8rem}.export-dropdown-menu{right:auto;left:0}}.btn-primary{background:#ff9800;color:white;border:none;padding:.65rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background:#f57c00}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:white;color:#333;border:1px solid #ddd;padding:.65rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-text{background:none;border:none;color:#2196f3;cursor:pointer;font-size:.9rem;padding:0}.btn-text:hover{text-decoration:underline}.btn-text:disabled{color:#999;cursor:not-allowed}.btn-link{background:none;border:none;color:#2196f3;cursor:pointer;padding:0;font-size:.9rem}.btn-link:hover{text-decoration:underline}.btn-primary-sm{background:#2196f3;color:white;border:none;padding:.4rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer}.btn-primary-sm:hover{background:#1976d2}.btn-primary-sm:disabled{background:#ccc;cursor:not-allowed}.btn-remove{background:none;border:none;color:#999;cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:1rem;transition:all .2s ease}.btn-remove:hover:not(:disabled){background:#ffebee;color:#d32f2f}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{background:white;color:#d32f2f;border:1px solid #d32f2f;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-danger-outline:hover:not(:disabled){background:#ffebee}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.btn-copy{padding:.5rem 1rem;background:#2196f3;color:white;border:none;border-radius:4px;cursor:pointer}.btn-copy:hover{background:#1976d2}.btn-copy-link{padding:.6rem 1rem;background:#2196f3;color:white;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;white-space:nowrap}.btn-copy-link:hover{background:#1976d2}.btn-copy-small{padding:.35rem .6rem;background:#2196f3;color:white;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.btn-copy-small:hover{background:#1976d2}.btn-close-small{background:none;border:none;color:#999;cursor:pointer;font-size:1rem;padding:.25rem}.btn-close-small:hover{color:#333}.btn-retry{background:#c62828;border:none;padding:.5rem 1rem;border-radius:4px}.btn-retry,.btn-view-all{color:white;cursor:pointer}.btn-view-all{width:100%;padding:.6rem;background:#ff9800;border:none;border-radius:6px;font-weight:500;transition:background-color .2s ease}.btn-view-all:hover{background:#f57c00}.btn-cancel,.btn-resend{padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-resend{background:#e3f2fd;color:#1976d2;border:1px solid #90caf9}.btn-resend:hover:not(:disabled){background:#bbdefb}.btn-cancel{background:white;color:#666;border:1px solid #ddd}.btn-cancel:hover:not(:disabled){background:#ffebee;color:#d32f2f;border-color:#ef9a9a}.btn-share{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;background:#e3f2fd;color:#1976d2;border:1px solid #90caf9}.btn-share:hover:not(:disabled){background:#bbdefb}.btn-share:disabled{opacity:.5;cursor:not-allowed}.back-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:.95rem;padding:0;margin-bottom:1rem}.back-button:hover{text-decoration:underline}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:.6rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group small{display:block;margin-top:.25rem;font-size:.8rem;color:#888}.form-error{background:#ffebee;color:#c62828;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.form-mode-toggle{display:flex;margin-bottom:1.5rem;border:1px solid #ddd;border-radius:6px;overflow:hidden}.form-mode-toggle button{flex:1 1;padding:.75rem;border:none;background:white;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .2s ease}.form-mode-toggle button.active{background:#2196f3;color:white}.form-mode-toggle button:not(.active):hover{background:#f5f5f5}.readonly-input{background:#f5f5f5!important;cursor:not-allowed}.error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:6px;margin-bottom:1rem}.error-container{padding:3rem;text-align:center;max-width:400px;margin:2rem auto}.error-container h2{color:#d32f2f;margin-bottom:1rem}.text-muted{color:#999;font-style:italic}.success-text{color:#4caf50;font-size:.9rem}.error-text{color:#f44336;font-size:.9rem}.success-badge{color:#28a745;font-size:.85rem;font-weight:500}.error-badge{color:#dc3545;font-size:.85rem}.loading-state{padding:3rem;text-align:center;color:#666}.role-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;text-transform:capitalize}.role-admin{background:#e8f5e9;color:#2e7d32}.role-member{background:#f5f5f5;color:#666}.role-select{padding:.35rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:white;cursor:pointer}.role-select:focus{outline:none;border-color:#2196f3}.recording-status{padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500;white-space:nowrap}.status-draft{background:#f5f5f5;color:#666}.status-self{background:#e3f2fd;color:#1976d2}.status-sent{background:#fff3e0;color:#e65100}.status-reviewed{background:#e8f5e9;color:#2e7d32}.status-badge{padding:.1rem .4rem;font-size:.7rem;background:#e0e0e0}.status-badge.status-draft{background:#fff3e0;color:#e65100}.status-badge.status-self-assessment-completed{background:#e8f5e9;color:#2e7d32}.status-badge.status-sent-to-mentor{background:#e3f2fd;color:#1976d2}.status-badge.status-reviewed-by-mentor{background:#f3e5f5;color:#7b1fa2}.modal-overlay{top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.modal-container{background:white;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{font-size:1.5rem;color:#666;padding:0;line-height:1}.modal-close:hover{color:#333}.modal-content{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e0e0e0}.school-browser{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.school-browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #eee}.school-browser-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.5rem}.school-icon{font-size:1.5rem}.member-count{font-size:.9rem;color:#666;background:#f5f5f5;padding:.35rem .75rem;border-radius:20px}.school-browser-empty,.school-browser-loading{padding:2rem;text-align:center;color:#666}.school-browser-error{padding:.75rem 1rem;background:#ffebee;color:#c62828;border-radius:6px;margin-bottom:1rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.member-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.member-card:hover:not(:disabled){background:#f0f0f0;border-color:#ddd}.member-card.selected{background:#e3f2fd;border-color:#2196f3}.member-card.current-user{background:#fff8e1}.member-card.current-user.selected{background:#e3f2fd}.member-card:disabled{opacity:.7;cursor:wait}.member-card-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.member-card.current-user .member-card-avatar{background:linear-gradient(135deg,#f093fb,#f5576c)}.member-card-info{flex:1 1;min-width:0}.member-card-name{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.35rem}.you-tag{font-size:.75rem;color:#f57c00;font-weight:400}.member-card-meta{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.5rem}.admin-tag{background:#e8f5e9;color:#2e7d32;padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.member-card-arrow{color:#999;font-size:.8rem;transition:transform .2s ease}.member-card.selected .member-card-arrow{color:#2196f3}.member-recordings-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.member-recordings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.member-recordings-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.close-panel-btn{background:none;border:none;font-size:1.25rem;color:#999;cursor:pointer;padding:.25rem;line-height:1}.close-panel-btn:hover{color:#333}.loading-recordings,.no-recordings{text-align:center;padding:2rem;color:#666}.recordings-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.recording-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s ease}.recording-item:hover{background:#f0f0f0}.folder-item{background:#fff3e0}.folder-item:hover{background:#ffe0b2}.item-icon{font-size:1.25rem;flex-shrink:0}.item-info{flex:1 1;min-width:0}.item-name{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.item-arrow{color:#999;font-size:1rem}.inactive-members-note{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;color:#888;font-size:.85rem;text-align:center}@media (max-width:600px){.school-browser{padding:1rem}.school-browser-header{flex-direction:column;align-items:flex-start;gap:.5rem}.members-grid{grid-template-columns:1fr}}.member-list{display:flex;flex-direction:column;gap:.5rem}.member-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px;gap:1rem}.member-info{flex:1 1;min-width:0}.member-name{font-weight:500;color:#333;display:flex;align-items:center;gap:.5rem}.member-email{font-size:.85rem;color:#666;overflow:hidden;text-overflow:ellipsis}.member-meta{font-size:.8rem;color:#888}.member-actions{display:flex;align-items:center;gap:.5rem}.you-badge{background:#e3f2fd;color:#1976d2}.owner-badge,.you-badge{padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-weight:400}.owner-badge{background:#fff3e0;color:#e65100}.admin-badge{background:#e8f5e9;color:#2e7d32;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:500}.member-recordings-page{padding:1.5rem 2rem;max-width:1000px;margin:0 auto}.member-page-header{margin-bottom:1.5rem}.member-info-header h1{margin:0 0 .25rem;font-size:1.75rem;color:#333}.member-info-header .member-email{color:#666;margin:0}.member-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;padding:.75rem 1rem;background:#f5f5f5;border-radius:6px}.breadcrumb-item{background:none;border:none;color:#1976d2;cursor:pointer;padding:.25rem .5rem;font-size:.9rem;border-radius:4px}.breadcrumb-item:hover{background:#e3f2fd}.breadcrumb-separator{color:#999}.member-files-list{background:white;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.folders-section,.recordings-section{border-bottom:1px solid #e0e0e0}.folders-section:last-child,.recordings-section:last-child{border-bottom:none}.member-folder-item,.member-recording-item{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f0f0f0}.member-folder-item:last-child,.member-recording-item:last-child{border-bottom:none}.member-folder-item:hover,.member-recording-item:hover{background:#f8f9fa}.folder-icon,.recording-icon{font-size:1.5rem;margin-right:1rem;width:40px;text-align:center}.folder-info,.recording-info{flex:1 1;min-width:0}.folder-name,.recording-name{display:block;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-meta{display:block;font-size:.85rem;color:#888;margin-top:.2rem}.folder-arrow{color:#999;font-size:1.25rem}.empty-folder{padding:3rem;text-align:center;color:#666}.school-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.school-member-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:box-shadow .2s ease}.school-member-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.member-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.member-card-header:hover{background:#f0f0f0}.member-card-email{font-size:.85rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card-stats{display:flex;align-items:center;gap:.75rem}.recording-count{background:#fff3e0;color:#e65100;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.expand-icon{color:#999;font-size:.75rem}.member-card-expanded{padding:0 1rem 1rem;border-top:1px solid #e0e0e0;background:white}.recent-recordings-label{font-size:.8rem;color:#666;margin-bottom:.5rem;padding-top:.75rem}.recent-recordings-list{list-style:none;padding:0;margin:0 0 1rem}.recent-recording-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.recent-recording-item:last-child{border-bottom:none}.rec-name{color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;margin-right:1rem}.rec-date{color:#888;font-size:.8rem;white-space:nowrap}@media (max-width:600px){.member-item{flex-direction:column;align-items:flex-start}.member-actions{margin-top:.75rem;width:100%;justify-content:flex-end}}.invitations-list{display:flex;flex-direction:column;gap:.5rem}.invitation-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fffde7;border-radius:6px;gap:1rem}.invitation-info{flex:1 1}.invitation-email{font-weight:500;color:#333}.invitation-meta{font-size:.8rem;color:#888}.invitation-meta .expiring-soon{color:#f57c00}.invitation-actions{display:flex;gap:.5rem}.invite-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem}.invite-container{background:white;border-radius:12px;padding:2rem;width:100%;max-width:480px;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center}.invite-container h1{margin:0 0 .5rem;font-size:1.75rem;color:#333}.invite-message{color:#666;margin:0 0 1.5rem;font-size:1.1rem}.invite-container.invite-error{text-align:center}.invite-container.invite-error h1{color:#d32f2f}.invite-container.invite-success .success-icon{width:80px;height:80px;background:#e8f5e9;color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1rem}.invite-warning{background:#fff3e0;border:1px solid #ffb74d;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:left}.invite-warning p{margin:0 0 .5rem}.invite-warning p:last-child{margin-bottom:0}.invite-form{text-align:left}.invite-form .btn-primary{width:100%;margin-top:.5rem}.invite-success{text-align:center}.invite-success .success-icon{width:60px;height:60px;background:#e8f5e9;color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem}.invite-success h3{margin:0 0 .5rem}.invite-description{color:#666;margin:0 0 1.5rem}.invite-link-section{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;text-align:left}.invite-note{margin:0 0 .75rem;color:#666;font-size:.9rem}.invite-link-box{display:flex;gap:.5rem}.invite-link-input{flex:1 1;padding:.6rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem;background:white;color:#333}.invite-link-input-small{width:180px;padding:.35rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.75rem;background:#f5f5f5}.invitation-link-row{display:flex;align-items:center;gap:.35rem}@media (max-width:600px){.invitation-item{flex-direction:column;align-items:flex-start}.invitation-actions{margin-top:.75rem;width:100%;justify-content:flex-end}}.share-modal{max-width:500px}.share-empty,.share-error,.share-loading{text-align:center;padding:2rem;color:#666}.share-error{color:#c62828}.share-description{color:#666;margin:0 0 1rem}.share-actions-row{display:flex;gap:1rem;margin-bottom:.75rem}.members-checklist{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:.5rem}.member-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-radius:6px;transition:background .2s ease}.member-checkbox:hover{background:#f5f5f5}.member-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.member-checkbox-info{display:flex;flex-direction:column;gap:.1rem}.member-checkbox-name{font-weight:500;color:#333}.member-checkbox-email{font-size:.8rem;color:#888}.share-summary{margin-top:1rem;padding:.75rem;background:#f5f5f5;border-radius:6px;text-align:center;font-size:.9rem;color:#666}.share-success{text-align:center;padding:2rem}.share-success .success-icon{width:60px;height:60px;background:#e8f5e9;color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem}.recording-actions-bar{display:flex;gap:.5rem;align-items:center}.shared-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.75rem}.copy-indicator,.shared-badge-icon{font-size:.85rem}.copy-indicator{color:#888;font-weight:400;margin-left:.5rem;font-style:italic}.settings-page{padding:2rem;max-width:800px;margin:0 auto}.settings-container h1{margin:0 0 2rem;font-size:2rem;font-weight:600;color:#333}.settings-section{margin-bottom:2rem}.settings-section h2{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #eee}.settings-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.settings-card h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#333}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.settings-item:last-child{border-bottom:none}.settings-item label{font-weight:500;color:#666}.settings-item span{color:#333}.settings-item .user-id{font-family:monospace;font-size:.85rem;color:#888}.settings-error{background:#ffebee;color:#c62828;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #f44336}.settings-input{width:100%;padding:.6rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;max-width:300px}.settings-input:focus{outline:none;border-color:#2196f3}.settings-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.settings-divider{height:1px;background:#eee;margin:1rem 0}.email-edit-form{display:flex;flex-direction:column;gap:.5rem}.settings-error-inline{color:#f44336;font-size:.9rem;width:100%;margin-bottom:.5rem}.settings-row{display:flex;padding:1rem 0;border-bottom:1px solid #eee}.settings-row:last-child{border-bottom:none}.settings-row-label{width:120px;font-weight:500;color:#555;flex-shrink:0}.settings-row-content{flex:1 1}.settings-row-value{display:flex;align-items:center;gap:1rem}.settings-row-value span{color:#333}.settings-edit-form{display:flex;flex-direction:column;gap:.75rem}.settings-edit-fields{display:flex;gap:.5rem;flex-wrap:wrap}.settings-edit-fields .settings-input{flex:1 1;min-width:150px}.settings-edit-actions{display:flex;gap:.5rem;align-items:center}.settings-field-error{color:#dc3545;font-size:.85rem}.create-school-section h3{margin:0 0 .5rem}.create-school-description{color:#666;margin:0 0 1.5rem}.create-school-form{max-width:400px}.school-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.school-info h3{margin:0 0 .25rem;font-size:1.25rem}.school-meta{color:#666;font-size:.9rem;margin:0}@media (max-width:600px){.settings-page{padding:1rem}.school-header{flex-direction:column;align-items:stretch}.school-header .btn-primary{width:100%}}.settings-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.settings-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.settings-toggle input:checked+.settings-toggle-slider{background-color:#2196F3}.settings-toggle input:focus+.settings-toggle-slider{box-shadow:0 0 1px #2196F3}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(22px)}.settings-toggle input:disabled+.settings-toggle-slider{background-color:#e0e0e0;cursor:not-allowed}.settings-toggle input:disabled+.settings-toggle-slider:before{background-color:#f5f5f5}.settings-description{margin:.5rem 0 0;font-size:.85rem;color:#666;line-height:1.4}.settings-row .settings-row-content{display:flex;flex-direction:column;align-items:flex-start;gap:0}.settings-row .settings-row-content .settings-toggle{margin-bottom:0}.settings-row:hover .settings-toggle-slider{background-color:#bbb}.settings-row:hover .settings-toggle input:checked+.settings-toggle-slider{background-color:#1976D2}.bin-page{padding:0 2rem}.bin-header{margin-bottom:1.5rem}.bin-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.bin-title-row h1{margin:0;font-size:1.75rem}.bin-back-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 0}.bin-back-btn:hover{color:#333}.bin-subtitle{color:#666;margin:0;font-size:.9rem}.bin-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem}.bin-actions-left,.bin-actions-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.bin-selected-count{color:#666;font-size:.85rem}.bin-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.bin-btn:disabled{opacity:.5;cursor:not-allowed}.bin-btn-secondary{background:white;border-color:#ddd;color:#333}.bin-btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.bin-btn-primary{background:#0066cc;color:white}.bin-btn-primary:hover:not(:disabled){background:#0052a3}.bin-btn-restore{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.bin-btn-restore:hover:not(:disabled){background:#c8e6c9;border-color:#81c784}.bin-btn-delete{background:#ffebee;border-color:#ef9a9a;color:#c62828}.bin-btn-delete:hover:not(:disabled){background:#ffcdd2;border-color:#e57373}.bin-btn-danger{background:#c62828;color:white}.bin-btn-danger:hover:not(:disabled){background:#b71c1c}.bin-empty{text-align:center;padding:4rem 2rem;color:#666}.bin-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.bin-empty p{margin-bottom:1.5rem;font-size:1.1rem}.bin-items{display:flex;flex-direction:column;gap:.5rem}.bin-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:white;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.bin-item:hover{border-color:#bdbdbd;box-shadow:0 2px 4px rgba(0,0,0,.05)}.bin-item-left{display:flex;align-items:center;gap:.75rem;flex:1 1;min-width:0}.bin-checkbox{width:18px;height:18px;cursor:pointer}.bin-item-icon{font-size:1.25rem;flex-shrink:0}.bin-item-info{display:flex;flex-direction:column;min-width:0}.bin-item-name{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bin-item-meta{font-size:.8rem;color:#888}.bin-item-actions{display:flex;gap:.5rem;flex-shrink:0}.bin-item-btn{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bin-item-btn-restore{background:#e8f5e9;color:#2e7d32}.bin-item-btn-restore:hover{background:#c8e6c9}.bin-item-btn-delete{background:#ffebee;color:#c62828}.bin-item-btn-delete:hover{background:#ffcdd2}@media (max-width:600px){.bin-page{padding:1rem}.bin-actions{flex-direction:column;align-items:stretch}.bin-actions-left,.bin-actions-right{justify-content:center}.bin-item{flex-direction:column;align-items:flex-start;gap:.75rem}.bin-item-actions{align-self:flex-end}}.fpe-tab{padding:1rem 0}.fpe-tab h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#333}.fpe-framework-title{margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:600;color:#333}.fpe-count-summary{color:#666;margin-bottom:.5rem;font-size:.9rem}.fpe-calculation-info{color:#666;font-size:.85rem;font-style:italic;margin-bottom:1rem;padding:.5rem;background-color:#f5f5f5;border-radius:4px}.fpe-saving-indicator{color:#2196f3;font-size:.85rem;margin-left:1rem}.fpe-empty-state{margin-top:2rem;padding:2rem;background-color:#f8f9fa;border-radius:8px;text-align:center;color:#666}.fpe-empty-state p{margin:.5rem 0}.fpe-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:4px}.fpe-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#555}.fpe-legend-color{width:16px;height:16px;border-radius:3px}.fpe-table-container{overflow-x:auto}.fpe-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:900px;border:1px solid #999}.fpe-table td{border:1px solid #ccc;padding:.5rem .75rem;vertical-align:top}.fpe-competency-header{background-color:#f0f4f8}.fpe-competency-header td{font-weight:600;padding:.75rem}.fpe-competency-name{width:35%;color:#1a237e;font-size:.95rem}.fpe-column-header{text-align:center;font-size:.85rem;color:#333}.fpe-evidence-header{width:25%;background-color:#e8f5e9}.fpe-contra-header{width:25%;background-color:#ffebee}.fpe-rating-header{width:15%;background-color:#e3f2fd}.fpe-marker-row{background-color:#fff}.fpe-marker-row:hover{background-color:#fafafa}.fpe-marker-cell{width:35%}.fpe-marker-text{display:block;color:#333;line-height:1.4}.fpe-evidence-cell{width:25%;background-color:#fafff9}.fpe-contra-cell{width:25%;background-color:#fffafa}.fpe-rating-cell{width:15%;text-align:center;vertical-align:middle}.fpe-rating-overridden{background-color:#fff3e0}.fpe-rating-with-reset{display:flex;align-items:center;justify-content:center;gap:.25rem}.fpe-evidence-item{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed #e0e0e0}.fpe-evidence-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.fpe-timestamp{display:inline-block;font-size:.75rem;color:#666;background-color:#f0f0f0;padding:.1rem .3rem;border-radius:3px;margin-right:.5rem}.fpe-quote{font-size:.85rem;color:#555;font-style:italic;line-height:1.3}.fpe-not-assessed-row{text-align:center;font-style:italic;color:#666;padding:1rem}.fpe-reset-rating{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .4rem;font-size:.85rem;color:#666;background:transparent;border:1px solid #ccc;border-radius:3px;cursor:pointer;flex-shrink:0}.fpe-reset-rating:hover{background-color:#f0f0f0;color:#333}@media (max-width:1024px){.fpe-table{min-width:700px}.fpe-legend{gap:.5rem}.fpe-legend-item{font-size:.8rem}}.fpe-marker-requirement{display:block;font-size:.75rem;color:#888;font-style:italic;margin-top:.25rem}.fpe-aggregated-text{font-style:italic;color:#555}.fpe-marker-badge{display:inline-block;font-size:.7rem;font-weight:600;color:#fff;background-color:#1a237e;padding:.1rem .4rem;border-radius:3px;margin-right:.5rem}.fpe-dependency-note{color:#e65100;font-weight:500}.fpe-marker-dependent-failed{background-color:#fff8e1}.fpe-marker-dependent-failed .fpe-marker-cell{border-left:3px solid #ff9800}.fpe-qualifier-cell{padding:.75rem 1rem}.fpe-qualifier-text{font-weight:500}.fpe-qualifier-description{display:block;margin-top:.5rem;font-size:.85rem;color:#666;line-height:1.4}.fpe-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.fpe-session-rating-container{display:flex;align-items:center;gap:.5rem}.fpe-session-rating-label{font-weight:500;color:#333;font-size:.9rem}.fpe-session-rating{display:flex;align-items:center;gap:.25rem}.fpe-session-rating-select{padding:.4rem .75rem;border-radius:4px;border:1px solid #ccc;font-size:.9rem;font-weight:500;cursor:pointer;min-width:140px}.fpe-session-rating-select:focus{outline:none;border-color:#1a237e}.fpe-reset-session-rating{margin-left:.25rem}.fpe-comment{display:block;font-size:.75rem;color:#666;font-style:italic;margin-top:.25rem;padding-left:.5rem;border-left:2px solid #ddd}.fpe-rating-dropdown{display:inline-block}.fpe-rating-select{font-size:.8rem;font-weight:500;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;min-width:120px;text-align:center;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding:.4rem 1.5rem .4rem .5rem}.fpe-rating-select:hover{opacity:.9;box-shadow:0 2px 4px rgba(0,0,0,.15)}.fpe-rating-select:focus{outline:none;box-shadow:0 0 0 2px rgba(33,150,243,.3)}.fpe-rating-select:disabled{opacity:.6;cursor:not-allowed}.fpe-rating-select option{padding:.5rem;font-weight:500}.fpe-not-assessed{color:#666;font-style:italic;font-size:.85rem}.fpe-rating-exceeds{background-color:#2e7d32;color:white}.fpe-rating-meets{background-color:#4caf50;color:white}.fpe-rating-below{background-color:#ff9800;color:white}.fpe-rating-not-meet{background-color:#f44336;color:white}.fpe-rating-na{background-color:#9e9e9e;color:#333}.fpe-rating-observed{background-color:#4caf50;color:white}.fpe-rating-not-observed{background-color:#f44336;color:white}.framework-selector{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.framework-selector-label{font-weight:500;color:#333;display:flex;align-items:center;gap:.25rem}.framework-locked-indicator{font-size:.85rem;cursor:help}.framework-selector-dropdown{padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;background-color:#fff;cursor:pointer;min-width:180px}.framework-selector-dropdown:focus{outline:none;border-color:#1a237e}.framework-selector-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed}.framework-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.framework-confirm-dialog{background-color:#fff;border-radius:8px;padding:1.5rem;max-width:450px;width:90%;box-shadow:0 4px 20px rgba(0,0,0,.15)}.framework-confirm-dialog h3{margin:0 0 1rem;color:#333;font-size:1.25rem}.framework-confirm-dialog p{margin:.75rem 0;color:#555;line-height:1.5}.framework-confirm-dialog ul{margin:.75rem 0;padding-left:1.5rem;color:#666}.framework-confirm-dialog li{margin:.35rem 0}.framework-confirm-warning{color:#c62828!important;font-weight:500;margin-top:1rem!important}.framework-confirm-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.framework-confirm-cancel{padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#333;font-size:.95rem;cursor:pointer}.framework-confirm-cancel:hover{background-color:#f5f5f5}.framework-confirm-cancel:disabled{opacity:.6;cursor:not-allowed}.framework-confirm-delete{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#c62828;color:#fff;font-size:.95rem;cursor:pointer;font-weight:500}.framework-confirm-delete:hover{background-color:#b71c1c}.framework-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.folder-page-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;padding:1.5rem 2rem;margin-bottom:0}.folder-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.9rem;color:#6c757d;margin-bottom:1rem}.folder-breadcrumbs .breadcrumb-link{color:#2196F3;cursor:pointer;text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.folder-breadcrumbs .breadcrumb-link:hover{background-color:rgba(33,150,243,.1);text-decoration:underline}.folder-breadcrumbs .breadcrumb-link:focus{outline:2px solid #2196F3;outline-offset:2px}.folder-breadcrumbs .breadcrumb-separator{color:#adb5bd;margin:0 .25rem}.folder-breadcrumbs .breadcrumb-current{color:#495057;font-weight:600;padding:.25rem .5rem}.folder-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.folder-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:.9rem;cursor:pointer;transition:all .2s ease}.folder-back-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.folder-back-btn:focus{outline:2px solid #2196F3;outline-offset:2px}.folder-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:600;color:#212529;flex:1 1}.folder-title .folder-icon{font-size:1.5rem}.folder-header-actions{display:flex;align-items:center;gap:.75rem}.folder-header-actions .view-bin-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:.9rem;cursor:pointer;transition:all .2s ease}.folder-header-actions .view-bin-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.folder-header-actions .view-bin-btn .bin-count{background-color:#dc3545;color:white;font-size:.75rem;padding:.125rem .5rem;border-radius:10px;font-weight:600}.folder-page-header+.home-content-container{padding-top:1.5rem}@media (max-width:768px){.folder-page-header{padding:1rem}.folder-title-row{flex-direction:column;align-items:flex-start}.folder-title{font-size:1.5rem;order:-1;width:100%}.folder-back-btn{order:0}.folder-header-actions{width:100%;justify-content:flex-end}.folder-breadcrumbs{font-size:.85rem}}.folder-empty-state{text-align:center;padding:4rem 2rem;color:#6c757d}.folder-empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.folder-empty-state h3{margin:0 0 .5rem;color:#495057;font-weight:600}.folder-empty-state p{margin:0;font-size:.95rem}.move-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.move-modal-content{background:white;border-radius:8px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.move-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e9ecef}.move-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#212529}.move-modal-close{background:none;border:none;font-size:1.25rem;color:#6c757d;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px;transition:all .2s ease}.move-modal-close:hover{background-color:#f8f9fa;color:#212529}.move-modal-list{padding:.5rem;max-height:400px;overflow-y:auto}.move-modal-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background-color .2s ease;color:#212529;font-size:.95rem}.move-modal-item:hover:not(:disabled){background-color:#f1f3f4}.move-modal-item:disabled{opacity:.5;cursor:not-allowed}.move-modal-icon{font-size:1.1rem}.move-modal-name{flex:1 1}.move-modal-current{font-size:.8rem;color:#6c757d;font-style:italic}.move-modal-divider{height:1px;background-color:#e9ecef;margin:.5rem 1rem}.move-modal-empty{padding:1.5rem;text-align:center;color:#6c757d;font-size:.9rem}.item-actions .move-btn{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem;opacity:.7;transition:opacity .2s ease}.item-actions .move-btn:hover{opacity:1}.tag-selector-form{position:relative;width:100%}.tag-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;background:white;cursor:pointer;font-size:.95rem}.tag-select-trigger:hover{border-color:#999}.tag-select-trigger.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.tag-select-arrow{font-size:.7rem;color:#666}.tag-selector-inline{position:relative;display:inline-block;z-index:10}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid #e0e0e0;border-radius:4px;background:#f5f5f5;font-size:.8rem;color:#666;cursor:pointer;transition:all .2s ease;pointer-events:auto;-webkit-user-select:none;user-select:none}.tag-badge:hover{background:#eee;border-color:#ccc}.tag-badge:active{background:#ddd}.tag-badge.has-value{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.tag-badge.empty{border-style:dashed}.tag-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;min-width:180px;margin-top:4px;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.tag-dropdown-menu.form-dropdown{width:100%}.tag-option{display:block;width:100%;padding:.5rem .75rem;text-align:left;border:none;background:none;font-size:.9rem;cursor:pointer;color:#333}.tag-option:hover{background:#f5f5f5}.tag-option.selected{background:#e3f2fd;color:#1976d2;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid var(--status-color,#ff9800);border-radius:4px;background:transparent;font-size:.8rem;color:var(--status-color,#ff9800);cursor:pointer;transition:all .2s ease;pointer-events:auto;-webkit-user-select:none;user-select:none}.status-badge:hover{background:rgba(0,0,0,.05)}.status-badge:active{background:rgba(0,0,0,.1)}.status-badge.completed{--status-color:#4caf50}.status-badge.todo{--status-color:#ff9800}.status-badge.small{font-size:.75rem;padding:.15rem .4rem}.status-icon{font-size:.9em}.recording-meta-badges{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;position:relative;z-index:10}.recording-meta-badges.editable{pointer-events:auto}.recording-meta-badges.readonly{font-size:.8rem}.tag-badge-readonly{background:#e3f2fd;color:#1976d2}.status-badge-readonly,.tag-badge-readonly{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:3px;font-size:inherit}.status-badge-readonly.completed{background:#e8f5e9;color:#4caf50}.status-badge-readonly.todo{background:#fff3e0;color:#ff9800}.recording-meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.recording-item-tag{background:#e3f2fd;color:#1976d2}.recording-item-status,.recording-item-tag{display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .35rem;border-radius:3px;font-size:.75rem}.recording-item-status.completed{background:#e8f5e9;color:#4caf50}.recording-item-status.todo{background:#fff3e0;color:#ff9800}.status-filter{position:relative;display:inline-block;margin-left:1rem}.status-filter-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border:1px solid #ddd;border-radius:4px;background:white;font-size:.85rem;cursor:pointer;color:#666}.status-filter-trigger:hover{background:#f5f5f5;border-color:#ccc}.filter-icon{font-size:.7rem}.status-filter-menu{position:absolute;top:100%;left:0;z-index:1000;min-width:160px;margin-top:4px;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.status-filter-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;text-align:left;border:none;background:none;font-size:.9rem;cursor:pointer;color:#333}.status-filter-option:hover{background:#f5f5f5}.status-filter-option.selected{background:#e3f2fd;color:#1976d2;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.recording-list-header{justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.recording-list-header,.recording-list-title{display:flex;align-items:center}.recording-list-title h2{margin:0}.no-recordings-message{padding:1rem;text-align:center;color:#666;background:#f9f9f9;border-radius:4px}.folder-wrapper{margin-bottom:.25rem}.folder-expand-btn{padding:.25rem .5rem;margin-right:.25rem;border:none;background:none;cursor:pointer;font-size:.75rem;color:#666;transition:transform .2s ease}.folder-expand-btn:hover{color:#333}.folder-contents{margin-left:2rem;padding:.5rem 0;border-left:2px solid #e0e0e0}.folder-empty,.folder-loading{padding:.5rem 1rem;font-size:.85rem;color:#888;font-style:italic}@media (max-width:768px){.recording-list-header{flex-direction:column;align-items:flex-start}.status-filter{margin-left:0;margin-top:.5rem}.folder-contents{margin-left:1rem}.recording-meta-badges{flex-wrap:wrap}}.folder-recording-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;margin-left:.5rem;border-radius:4px;transition:background .15s ease;cursor:grab}.folder-recording-item:hover{background:#f5f5f5}.folder-recording-item:hover .folder-recording-actions{opacity:1}.folder-recording-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#333;flex:1 1;min-width:0}.folder-recording-link:hover{color:#1976d2}.folder-recording-item .recording-icon{font-size:.9rem;flex-shrink:0}.folder-recording-item .recording-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-recording-item .recording-meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;flex-shrink:0}.folder-recording-actions{display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .15s ease;flex-shrink:0}.folder-recording-actions button{padding:.2rem .4rem;border:none;background:none;cursor:pointer;font-size:.85rem;border-radius:3px;transition:background .15s ease}.folder-recording-actions button:hover{background:#e0e0e0}.folder-recording-edit{display:flex;align-items:center;gap:.5rem;flex:1 1}.folder-recording-edit-input{flex:1 1;padding:.25rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.folder-recording-edit button{padding:.2rem .4rem;border:none;background:none;cursor:pointer;font-size:.9rem}.folder-recording-item[draggable=true]{cursor:grab}.folder-recording-item[draggable=true]:active{cursor:grabbing}@media (hover:none){.folder-recording-actions{opacity:1}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem}.login-container{width:100%;max-width:400px;background:#ffffff;border-radius:16px;padding:2.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.04)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:3rem;margin-bottom:1rem;line-height:1}.login-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem;letter-spacing:-.02em}.login-header p{font-size:.9375rem;color:#64748b;margin:0}.login-form{gap:1.25rem}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:.5rem}.login-form-group label{font-size:.875rem;font-weight:500;color:#374151}.login-form-group input{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:#1a1a2e;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;transition:all .2s ease;box-sizing:border-box}.login-form-group input::placeholder{color:#94a3b8}.login-form-group input:hover{border-color:#cbd5e1}.login-form-group input:focus{background:#ffffff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.login-button{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;color:#ffffff;background:#1a1a2e;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background:#2d2d44;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.button-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.forgot-password-link{background:none;border:none;padding:0;font-size:.875rem;color:#64748b;cursor:pointer;transition:color .2s ease}.forgot-password-link:hover{color:#3b82f6}.login-message{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border-radius:10px;font-size:.875rem;margin-top:1.25rem}.login-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.login-message.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.login-message svg{flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reset-modal{width:100%;max-width:380px;background:#ffffff;border-radius:16px;padding:2rem;position:relative;animation:slideUp .25s ease;box-shadow:0 4px 16px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.16)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:.375rem;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#475569;background:#f1f5f9}.reset-modal h2{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.reset-modal p{font-size:.875rem;color:#64748b;margin:0 0 1.5rem}.reset-modal form{display:flex;flex-direction:column;gap:1rem}.reset-modal .login-button{margin-top:.25rem}@media (prefers-color-scheme:dark){.login-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.login-container,.reset-modal{background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.25),0 12px 32px rgba(0,0,0,.2)}.login-header h1,.reset-modal h2{color:#f1f5f9}.login-header p,.reset-modal p{color:#94a3b8}.login-form-group label{color:#e2e8f0}.login-form-group input{background:#0f172a;border-color:#334155;color:#f1f5f9}.login-form-group input::placeholder{color:#64748b}.login-form-group input:hover{border-color:#475569}.login-form-group input:focus{background:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.login-button{background:#3b82f6}.login-button:hover:not(:disabled){background:#2563eb}.login-footer{border-top-color:#334155}.forgot-password-link{color:#94a3b8}.forgot-password-link:hover{color:#60a5fa}.login-message.error{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3);color:#f87171}.login-message.success{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#4ade80}.modal-close{color:#64748b}.modal-close:hover{color:#e2e8f0;background:#334155}}@media (max-width:480px){.login-container,.reset-modal{padding:2rem 1.5rem;border-radius:12px}.login-header h1{font-size:1.375rem}.login-logo{font-size:2.5rem}}.error-boundary-container{padding:2rem;margin:2rem auto;max-width:600px;text-align:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.error-boundary-title{color:#d32f2f;margin-bottom:1rem}.error-boundary-message{margin-bottom:1rem;color:#666}.error-boundary-actions{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.error-boundary-btn{padding:.5rem 1rem;color:white;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s ease}.error-boundary-btn:hover{opacity:.9}.error-boundary-btn-primary{background-color:#1976d2}.error-boundary-btn-secondary{background-color:#757575}.error-boundary-details{margin-top:2rem;text-align:left}.error-boundary-summary{cursor:pointer;color:#666}.error-boundary-stack{background-color:#f5f5f5;padding:1rem;border-radius:4px;font-size:.8rem;overflow:auto;margin-top:.5rem}