:root{--bg-primary:#0a0a0a;--bg-secondary:#ffffff0d;--bg-tertiary:#0003;--text-primary:#fff;--text-secondary:#888;--accent-primary:#1a73e8;--accent-hover:#1557b0;--error-color:#dc3545;--success-color:#37c871;--border-color:#ffffff1a;--class-item-bg:#1a1a1a;--class-item-hover:#222}body{align-items:center;background-color:#0a0a0a;background-color:var(--bg-primary);background:linear-gradient(135deg,#0a0a0a,#1a1a1a);box-sizing:border-box;color:#fff;color:var(--text-primary);display:flex;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh}body,body.dashboard-page{background-attachment:fixed;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}body.dashboard-page{display:block;height:100vh;position:relative}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ee6;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:2rem;max-width:360px;padding:2.5rem;position:relative;width:100%;z-index:10}.login-container h2{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:500;margin:0 0 2rem;text-align:center}.login-container .form-group{margin-bottom:1.5rem}.login-container label{color:#888;color:var(--text-secondary);display:block;font-size:.95rem;margin-bottom:.5rem}.login-container input{background:#0003;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:1rem;margin:.2rem 0 .8rem;padding:1rem;transition:all .3s ease;width:100%}.login-container input:focus{border-color:#1a73e8;border-color:var(--accent-primary);box-shadow:0 0 0 2px #1a73e840;outline:none}.login-container button{background:#1a73e8;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;margin:1rem 0;padding:1rem;transition:all .3s ease;width:100%}.login-container button:hover{background:#1557b0;background:var(--accent-hover);transform:translateY(-2px)}.login-container .storage-indicator{align-items:center;background:#0003;background:var(--bg-tertiary);border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;margin:0 0 1.5rem;padding:.8rem 1rem}.login-container p{color:#888;color:var(--text-secondary);margin:1rem 0;text-align:center}.form-group{margin-bottom:1rem}label{color:#ccc;display:block;font-size:.9rem;margin-bottom:.3rem}input,select{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:5px;box-sizing:border-box;color:#fff;cursor:text;font-size:1rem;margin:.2rem 0 .8rem;opacity:1;padding:.8rem;transition:all .3s ease;width:100%}input::placeholder{color:#ffffff80}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.5rem;padding-right:2.5rem}select option{background-color:#2a2a2a;color:#fff}input:focus,select:focus{background:#ffffff26;border-color:#1a73e880;box-shadow:0 0 0 2px #1a73e840;outline:none}button{background:#1a73e8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem 0;padding:.8rem;transition:all .3s ease;width:100%}button:hover{background:#1557b0;transform:translateY(-2px)}.secondary-button{background:#0000;border:1px solid #1a73e8}.secondary-button:hover{background:#1a73e81a}.back-button{align-items:center;background:#000000b3;border:1px solid #fff3;border-radius:5px;box-shadow:0 2px 10px #0006;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;width:auto}.back-button:hover{background:#000000e6;border-color:#ffffff4d;box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.create-account-container .back-button,.login-container .back-button{margin-bottom:1.5rem;position:relative;z-index:20}.logout-button{background:#ff57571a;border:1px solid #ff5757;border-radius:5px;color:#ff5757;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease;width:auto}.logout-button:hover{background:#ff575733;transform:translateY(-2px)}.error-message{animation:errorPulse 2s infinite;background-color:#ff575733;border-left:3px solid #ff5757;border-radius:5px;color:#ff5757;margin-bottom:1rem;padding:.7rem}@keyframes errorPulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.dashboard-container{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:relative;width:100%}.dashboard-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem;width:100%}.dashboard-header h2{color:#fff;font-size:1.8rem;margin:0}.dashboard-content{background:#ffffff08;border-radius:12px;margin-top:2rem}.storage-indicator{background:#ffffff0d;background:var(--bg-secondary);border-radius:6px;box-sizing:border-box;color:#888;color:var(--text-secondary);font-size:.9rem;gap:.5rem;margin:1rem;padding:.5rem 1rem;width:auto}.storage-dot{height:8px;width:8px}.infura-active{background:#ff69b4;box-shadow:0 0 8px #ff69b480}.class-header{align-items:center;background:#0003;background:var(--bg-tertiary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;padding:2rem 2.5rem}.class-header h2{color:#fff;color:var(--text-primary);font-size:1.5rem;margin:0 2rem}.tab-navigation{display:flex;gap:1rem;margin:1rem 0;padding:0 2.5rem}.tab-button{background:#0000;border:none;border-radius:6px;color:#888;color:var(--text-secondary);cursor:pointer;font-size:.95rem;padding:.8rem 1.5rem;transition:all .3s ease}.tab-button:hover{background:#ffffff0d;background:var(--bg-secondary);color:#fff;color:var(--text-primary)}.tab-button.active{background:#1a73e8;background:var(--accent-primary);color:#fff;color:var(--text-primary)}.recording-controls{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;padding:2rem 2.5rem}.record-button{background:var(--accent-primary);color:var(--text-primary);font-size:1rem;padding:1rem 2rem}.record-button:hover{background:#1557b0;background:var(--accent-hover);transform:translateY(-2px)}.record-button.recording{background:var(--error-color)}.recording-timer{background:#0003;background:var(--bg-tertiary);border-radius:6px;color:#fff;color:var(--text-primary);font-size:1.1rem;padding:.5rem 1rem}.recordings-list{padding:1.5rem 2.5rem}.recording-item{background:#ffffff0d;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.recording-item:hover{background:#ffffff14;transform:translateY(-1px)}.recording-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.recording-date{color:#fff;color:var(--text-primary);font-weight:500}.recording-duration,.recording-path{color:#888;color:var(--text-secondary)}.recording-path{background:#0003;background:var(--bg-tertiary);border-radius:4px;font-family:monospace;font-size:.9rem;margin-top:.5rem;padding:.5rem}.create-class-form{background:#ffffff0d;border-radius:8px;margin:1rem 2.5rem;padding:2rem}.create-class-form input{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;margin-bottom:1rem;padding:1rem;width:100%}.form-actions{display:flex;gap:1rem}.form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.8rem 1.5rem;transition:all .3s ease}.form-actions button:first-child{background:#1a73e8;color:#fff}.form-actions .secondary-button{background:#ffffff1a;color:#fff}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.tab-navigation{flex-wrap:wrap}.recording-controls{align-items:stretch;flex-direction:column}}input[disabled],input[readonly],select[disabled],select[readonly]{-webkit-text-fill-color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff1a!important;color:#fff!important;cursor:text!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.login-container button,.login-container input,.login-container select{-webkit-text-fill-color:#fff!important;pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important}input,select{pointer-events:auto!important}*{-webkit-user-select:auto!important;user-select:auto!important}.header-with-back{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;width:100%}.header-with-back h2{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:500;margin:0}.create-account-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ee6;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:2rem;max-width:360px;padding:2.5rem;position:relative;width:100%;z-index:10}.create-account-container h2{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:500;margin:0 0 2rem;text-align:center}.approval-buttons{gap:10px}.approve-button{background:#37c87133;border:1px solid #37c871;margin:0;padding:.4rem .8rem;width:auto}.approve-button:hover{background:#37c8714d}.decline-button{background:#ff57571a;border:1px solid #ff5757;color:#ff5757;margin:0;padding:.4rem .8rem;width:auto}.decline-button:hover{background:#ff575733}.storage-indicator{align-items:center;color:#666;display:flex;font-size:.8rem;margin:0 2.5rem 2rem}.storage-dot{border-radius:50%;height:10px;margin-right:5px;width:10px}.wasabi-active{background-color:#00adef}.metamask-active{background-color:#f6851b}.infura-active{background-color:#ff4a8d}.connecting-message{color:#666;font-size:.9rem;margin-bottom:10px}.error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9rem;margin-bottom:15px;padding:10px}.recording-section{align-items:center;box-sizing:border-box;display:flex;gap:1rem;margin:0 1rem 3rem;width:calc(100% - 2rem)}.record-button{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;transition:all .3s ease;width:100%}.record-button.recording{animation:pulse 2s infinite;background:#dc3545}.recording-timer{color:#dc3545;font-size:1.2rem;font-weight:700}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.summaries-section{background:#ffffff08;border-radius:10px;box-sizing:border-box;margin:0 1rem;padding:2rem;width:calc(100% - 2rem)}.summaries-section h3{border-bottom:1px solid #ffffff1a;color:#fff;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem;padding-left:1rem}.classes-list{margin:2rem auto;max-width:calc(100% - 2rem);overflow-y:auto;padding:0 1rem}.class-item,.classes-list{box-sizing:border-box;width:100%}.class-item{background:#1a1a1a;background:var(--class-item-bg);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.class-item:hover{background:#222;background:var(--class-item-hover);border-color:#ffffff1a;box-shadow:0 8px 12px #0003;transform:translateY(-2px)}.class-item h3{color:#fff;color:var(--text-primary);font-size:1.4rem;font-weight:500;margin:0 0 .5rem}.class-info{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-top:1rem;padding-top:.5rem}.class-code{background:#0000004d;font-family:monospace;letter-spacing:.5px}.class-code,.student-count{border-radius:6px;color:#888;color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem}.student-count{align-items:center;background:#1a73e81a;display:flex;gap:.5rem}.create-class-button{background:#1a73e8;background:var(--accent-primary);border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin:2rem 1rem;padding:1.2rem;text-align:center;transition:all .3s ease;width:calc(100% - 2rem)}.create-class-button:hover{background:#1557b0;background:var(--accent-hover);box-shadow:0 8px 12px #0003;transform:translateY(-2px)}.students-management{margin-bottom:3rem;padding:0 2.5rem}.enrolled-students{background:#0003;background:var(--bg-tertiary);border-radius:12px;margin-top:2rem;padding:2rem}.enrolled-students h3{color:#fff;color:var(--text-primary);font-size:1.4rem;font-weight:500;margin:0 0 1.5rem}.enrolled-student-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.2rem;transition:all .3s ease}.enrolled-student-item:hover{background:#ffffff14;transform:translateY(-1px)}.student-info{display:flex;flex-direction:column;gap:.3rem}.student-info .student-name{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:500}.student-info .student-email{color:#888;color:var(--text-secondary);font-size:.9rem}.remove-button{background:#dc35451a;border:1px solid #dc354533;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.remove-button:hover{background:#dc354533;transform:translateY(-1px)}.pending-students{background:#0003;background:var(--bg-tertiary);border-radius:12px;padding:2rem}.pending-students h3{color:#fff;color:var(--text-primary);font-size:1.4rem;font-weight:500;margin:0 0 1.5rem}.pending-student-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.2rem;transition:all .3s ease}.pending-student-item:hover{background:#ffffff14;transform:translateY(-1px)}.approval-buttons{display:flex;gap:.8rem}.approve-button{background:#37c8711a;border:1px solid #37c87133;border-radius:6px;color:#37c871;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.approve-button:hover{background:#37c87133;transform:translateY(-1px)}.decline-button{background:#dc35451a;border:1px solid #dc354533;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.decline-button:hover{background:#dc354533;transform:translateY(-1px)}.storage-explorer{background:#0003;background:var(--bg-tertiary);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem;padding:2rem}.storage-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.storage-header h3{color:#fff;color:var(--text-primary);font-size:1.4rem;margin:0}.storage-stats{color:#888;color:var(--text-secondary);display:flex;font-size:.9rem;gap:1.5rem}.storage-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.storage-list{background:#ffffff0d;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.storage-list-header{grid-gap:1rem;background:#0003;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr;padding:1rem}.storage-list-header button{background:none;border:none;color:#888;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:0;text-align:left;transition:color .3s ease}.storage-list-header button:hover{color:#fff;color:var(--text-primary)}.storage-list-header button.active{color:#1a73e8;color:var(--accent-primary)}.storage-items{max-height:500px;overflow-y:auto}.storage-item{grid-gap:1rem;align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);cursor:pointer;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr;padding:1rem;transition:all .3s ease}.storage-item:hover{background:#ffffff0d}.storage-item.selected{background:#1a73e81a}.item-name{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:.5rem}.item-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;width:20px}.item-icon.audio{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231a73e8'%3E%3Cpath d='M12 3v9.28a4.39 4.39 0 0 0-1.5-.28C8.01 12 6 14.01 6 16.5S8.01 21 10.5 21c2.31 0 4.2-1.75 4.45-4H15V6h4V3h-7z'/%3E%3C/svg%3E")}.item-icon.json{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f6c343'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-9.5 11.5H8v-7h1v5.8l3.5-5.8H14l-3.5 7zm8.5 0h-1.5l-3.5-7h2l2.5 5 2.5-5h1.5l-3.5 7z'/%3E%3C/svg%3E")}.item-icon.text{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z'/%3E%3C/svg%3E")}.item-icon.folder{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f6c343'%3E%3Cpath d='M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E")}.item-date,.item-size,.item-type{color:#888;color:var(--text-secondary);font-size:.9rem}.item-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .3s ease}.storage-item:hover .item-actions{opacity:1}.item-actions button{background:#1a73e8;background:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .8rem;transition:all .3s ease}.item-actions button:hover{transform:translateY(-1px)}.item-actions .delete-button{background:#dc35451a;border:1px solid #dc354533;color:#dc3545}.item-actions .delete-button:hover{background:#dc354533}.storage-preview{background:#ffffff0d;background:var(--bg-secondary);border-radius:8px;padding:1.5rem}.storage-preview h4{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);color:#fff;color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem;padding-bottom:1rem}.preview-content{background:#0003;border-radius:6px;max-height:400px;overflow-y:auto;padding:1rem}.preview-content pre{word-wrap:break-word;color:#fff;color:var(--text-primary);font-family:Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.preview-content audio{margin:1rem 0;width:100%}@media (min-width:1024px){.storage-content{grid-template-columns:2fr 1fr}}.breadcrumbs{align-items:center;background:#ffffff0d;background:var(--bg-secondary);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding:1rem;white-space:nowrap}.breadcrumb-button{background:none;border:none;border-radius:4px;color:#888;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.3rem .6rem;transition:all .3s ease}.breadcrumb-button:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.breadcrumb-separator{color:#888;color:var(--text-secondary);margin:0 .2rem}.folder-structure{background:#ffffff0d;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;padding:1rem}.folder-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.8rem;transition:all .3s ease}.folder-item:hover{background:#ffffff0d}.folder-item.selected{background:#1a73e81a}.folder-name{color:#fff;color:var(--text-primary);font-size:.95rem}.folder-info{color:#888;color:var(--text-secondary);font-size:.85rem;margin-left:auto}.teacher-explorer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;padding:2rem}.teacher-list{background:#ffffff0d;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.teacher-item{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);cursor:pointer;padding:1rem;transition:all .3s ease}.teacher-item:hover{background:#ffffff0d}.teacher-item.selected{background:#1a73e81a}.teacher-details{background:#ffffff0d;background:var(--bg-secondary);border-radius:8px;padding:2rem}.teacher-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.teacher-classes,.teacher-header,.teacher-students{margin-bottom:2rem}.section-title{color:#fff;color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.empty-state{color:#888;color:var(--text-secondary);padding:3rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}
/*# sourceMappingURL=main.95a1ce9b.css.map*/