@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{background-color:#f5f5f5;min-height:100vh}.header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem}.header h1{color:#333;font-size:1.5rem}.main-container{display:flex;height:calc(100vh - 60px)}.sections-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;width:320px}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:1rem}.sections-list{padding:1rem}.section-item{align-items:flex-start;background-color:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .2s}.section-item:hover{background-color:#e9ecef}.section-item.active{background-color:#e3f2fd;border:1px solid #2196f3}.section-content h3{color:#333;font-size:1rem;margin-bottom:.25rem}.section-content p{color:#666;font-size:.875rem}.section-actions{display:flex;gap:.25rem}.examples-panel{background-color:#fafafa;border-right:1px solid #e0e0e0;overflow-y:auto;width:400px}.panel-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:1rem}.panel-header h2{font-size:1.125rem;margin-bottom:.5rem}.examples-list{padding:1rem}.example-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .2s}.example-item:hover{box-shadow:0 2px 6px #00000026}.example-item.active{background-color:#e8f5e9;border:1px solid #4caf50}.example-content{flex:1 1}.arabic-text{direction:rtl;font-family:Amiri,serif;font-size:1.5rem;margin-bottom:.25rem}.transliteration{color:#666;font-size:.875rem;margin-bottom:.25rem}.meaning{color:#888;font-size:.875rem}.example-actions{align-items:flex-start;display:flex;gap:.25rem}.recordings-panel{background-color:#fff;flex:1 1;overflow-y:auto;padding:2rem}.recordings-panel h3{font-size:1.25rem;margin-bottom:1.5rem}.upload-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.upload-section h4{color:#333;margin-bottom:1rem}.upload-controls{flex-direction:column}.radio-group,.upload-controls{display:flex;gap:1rem}.radio-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.description-input{font-size:.875rem}.description-input,.file-input{border:1px solid #ddd;border-radius:4px;padding:.5rem}.file-input{background-color:#fff}.recordings-list h4{color:#333;margin-bottom:1rem}.recording-group{margin-bottom:2rem}.recording-group h5{font-size:.875rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.recording-group h5.correct{color:#4caf50}.recording-group h5.incorrect{color:#f44336}.recording-item{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.recording-info p{font-size:.875rem;margin:0}.recording-info .date{color:#888;font-size:.75rem;margin-top:.25rem}.recording-actions{display:flex;gap:.5rem}.empty-state-panel{align-items:center;color:#666;display:flex;flex:1 1;justify-content:center}.empty-state{color:#999;font-size:.875rem;font-style:italic}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:#2196f3;color:#fff}.btn-primary:hover{background-color:#1976d2}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{background-color:#388e3c}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#d0d0d0}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s}.btn-icon:hover{background-color:#0000000d}.btn-icon.delete:hover{background-color:#f443361a}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal h3{color:#333;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.875rem;padding:.5rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.arabic-input{font-family:Amiri,serif;font-size:1.25rem!important}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width:1200px){.sections-sidebar{width:280px}.examples-panel{width:350px}}
/*# sourceMappingURL=main.ea8a9618.css.map*/