*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar{width:240px;background:#425f7f;color:#fff;padding:20px 16px;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.sidebar-logo img{width:42px;height:42px}.sidebar-logo h3{margin:0;font-size:15px;font-weight:700}.sidebar-logo p{font-size:10px;opacity:.75;margin:0}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;font-size:14px;opacity:.9}.menu-item.menu-label{cursor:default}.menu-item.active{background:#4fc3c7;padding-left:10px;border-radius:6px;font-weight:600}.menu-icon{font-size:18px}.submenu p{font-size:12px;margin-left:32px;margin-top:6px;opacity:.85;cursor:pointer}.submenu p:hover{opacity:1}.header{height:60px;display:flex;justify-content:flex-end;align-items:center;padding:0 24px;background:#b7d3d6}.profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.teacher-layout{display:flex;height:100vh}.teacher-main{flex:1;display:flex;flex-direction:column;min-width:0}.teacher-content{background:#b7d3d6;padding:16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.dashboard{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.dash-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.dash-live-section{background:#eaf4f4;border-radius:14px;padding:16px}.dash-live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dash-section-title{font-size:15px;font-weight:600;color:#1f2d3d}.dash-remaining{font-size:11px;font-weight:500;color:#5a6a72}.dash-live-row{display:flex;gap:14px}.live-card{background:#007c89;border-radius:10px;overflow:hidden;flex:1;min-width:0;color:#fff}.live-card-body{padding:14px 14px 12px}.live-card-body h5{font-size:13px;font-weight:700;margin:0 0 4px}.live-card-body p{font-size:10px;margin:2px 0;opacity:.9}.live-card-spacer{height:6px}.live-card-body .starts-in{font-size:10px;font-weight:600;opacity:.85;margin-top:4px}.live-card-body .time{font-size:10px;font-weight:700;opacity:1}.calendar{background:#fff;border-radius:14px;padding:14px;width:240px}.calendar-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.cal-arrow{cursor:pointer;font-size:11px;color:#5a6a72}.cal-select{border:1px solid #d0dde2;border-radius:4px;padding:2px 5px;font-size:11px;color:#333;background:#fff;cursor:pointer;outline:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.cal-day-name{font-size:10px;font-weight:600;color:#6b7c85;padding:3px 0}.cal-date{font-size:11px;padding:4px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0 auto}.cal-date:hover{background:#eef6f7}.cal-today{background:#e85d5d;color:#fff}.cal-today:hover{background:#d04e4e}.cal-red{background:#e85d5d;color:#fff}.cal-teal{background:#4fc3c7;color:#fff}.dash-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:start;flex:1;min-height:0}.dash-card{background:#eaf4f4;border-radius:14px;padding:14px}.dash-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dash-card-header h4{font-size:14px;font-weight:700;color:#1f2d3d}.dash-filter{border:1px solid #c5d5da;border-radius:6px;padding:3px 8px;font-size:11px;color:#333;background:#fff;cursor:pointer;outline:none}.dash-pills{display:flex;gap:6px}.dash-pill{font-size:10px;font-weight:600;padding:3px 9px;border-radius:10px;cursor:pointer}.pill-due{background:#d0eef5;color:#007c89}.pill-due.pill-active{background:#007c89;color:#fff}.pill-overdue{background:#ffd5d5;color:#c0392b}.pill-overdue.pill-active{background:#c0392b;color:#fff}.dash-empty{font-size:11px;color:#999;text-align:center;padding:12px 0}.dash-card-body{max-height:350px;overflow-y:auto}.acc-item{background:#fff;border-radius:8px;margin-bottom:6px;overflow:hidden}.acc-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.acc-header:hover{background:#f5fafa}.acc-id{font-size:11px;font-weight:600;color:#1f2d3d}.acc-arrow{font-size:18px;color:#5a6a72;flex-shrink:0}.acc-body{padding:6px 12px 10px;border-top:1px solid #e8f0f2}.acc-line{font-size:10px;color:#444;margin:3px 0}.acc-line strong{color:#1f2d3d}.btn-view-sub{margin-top:8px;background:#007c89;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:10px;font-weight:600;cursor:pointer}.btn-view-sub:hover{background:#005f6a}.act-item{background:#fff;border-radius:8px;padding:10px;display:flex;gap:8px;margin-bottom:6px;align-items:flex-start}.act-bar{width:4px;min-height:36px;border-radius:4px;flex-shrink:0;align-self:stretch}.act-bar.teal{background:#4fc3c7}.act-bar.yellow{background:#f0c930}.act-bar.purple{background:#a066d3}.act-bar.red{background:#e85d5d}.act-content{flex:1;min-width:0}.act-date{font-size:10px;font-weight:600;color:#666;margin:0 0 2px}.act-label{font-size:11px;font-weight:700;margin:0 0 3px}.act-label.teal{color:#00979e}.act-label.yellow{color:#c5a000}.act-label.purple{color:#8040b0}.act-label.red{color:#d04040}.act-line{font-size:10px;color:#555;margin:1px 0}.classes-wrapper{background:#bcd6da;height:100%;overflow:hidden}.classes-container{background:#f5fbfc;border-radius:20px;padding:24px 28px;height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.classes-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5e6ea;padding-bottom:12px;margin-bottom:16px;flex-shrink:0}.classes-top h2{font-size:18px;font-weight:600;color:#1f2d3d}.search-box{position:relative}.search-box input{width:180px;height:30px;border-radius:20px;border:1px solid #cfdde2;padding:0 30px 0 12px;font-size:13px;outline:none;background:#fff}.search-box .search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9bb;font-size:14px;pointer-events:none}.classes-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:16px;flex:1;min-height:0}.subject-card{background:#f0f0f0;border-radius:12px;padding:32px 48px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-shadow:2px 2px 2px #00000040;cursor:pointer}.subject-title{font-size:15px;font-weight:600;color:#2c2c2c}.subject-right{text-align:right;align-self:flex-end}.subject-count{font-size:34px;font-weight:700;color:#4ba7b5;line-height:1;vertical-align:baseline}.subject-label{font-size:12px;color:#4ba7b5;vertical-align:baseline}.assignments-page{display:flex;flex-direction:column;gap:12px;height:100%}.assignments-breadcrumb{font-size:13px;color:#6b7b8d;margin-bottom:4px}.assignments-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.assignments-back-btn:hover{background:#3d9aa8}.assignments-title-container{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.assignments-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.assignments-search{position:relative}.assignments-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:180px;background:#fff}.assignments-search input:focus{border-color:#4ba7b5}.assignments-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.assignments-list-container{background:#f5fbfc;border-radius:16px;padding:28px 32px;flex:1;overflow-y:auto;min-height:0}.assignments-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.assignments-create-btn{background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer}.assignments-create-btn:hover{background:#3d9aa8}.assignments-list{display:flex;flex-direction:column;gap:10px}.assignment-row{display:flex;align-items:center;background:#fff;border-radius:10px;padding:16px 24px;box-shadow:0 1px 3px #0000000f}.assignment-row:nth-child(2n){background:#f7f9fa}.assignment-info{display:flex;flex-direction:column;flex:1.5;min-width:0}.assignment-id{font-size:13px;font-weight:600;color:#1f2d3d}.assignment-name{font-size:12px;color:#6b7b8d;margin-top:2px}.assignment-detail{display:flex;flex-direction:column;align-items:center;flex:1}.assignment-label{font-size:11px;color:#6b7b8d}.assignment-value{font-size:13px;color:#1f2d3d;margin-top:2px}.assignment-value.bold{font-weight:700;font-size:15px}.assignment-view-btn{background:#4ba7b5;color:#fff;border:none;border-radius:20px;padding:6px 22px;font-size:13px;font-weight:500;cursor:pointer;margin-left:16px}.assignment-view-btn:hover{background:#3d9aa8}.create-assignment-page{display:flex;flex-direction:column;gap:12px;height:100%}.ca-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.ca-back-btn:hover{background:#3d9aa8}.ca-title-container{background:#fff;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.ca-title{font-size:20px;font-weight:700;color:#1f2d3d;margin:0}.ca-search{position:relative}.ca-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.ca-search input:focus{border-color:#4ba7b5}.ca-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.ca-form-container{background:#fff;border-radius:16px;padding:28px 32px;flex:1;overflow-y:auto;min-height:0}.ca-form{display:flex;flex-direction:column;gap:24px;max-width:520px}.ca-field{display:flex;flex-direction:column;gap:8px}.ca-label{font-size:14px;font-weight:700;color:#1f2d3d}.ca-input{padding:10px 14px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#e0e0e0;color:#333;outline:none}.ca-input:focus{border-color:#4ba7b5;background:#fff}.ca-textarea{padding:10px 14px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#d5d5d5;color:#333;outline:none;resize:vertical;min-height:120px;font-family:inherit}.ca-textarea:focus{border-color:#4ba7b5;background:#fff}.ca-date-wrapper{display:flex;align-items:center;gap:12px}.ca-date-display{padding:8px 16px;border:1px solid #ccc;border-radius:4px;font-size:14px;color:#1f2d3d;background:#fff}.ca-date-icon-wrapper{position:relative;cursor:pointer}.ca-date-icon{font-size:22px;color:#1f2d3d}.ca-date-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.ca-add-file-btn{background:#38b89a;color:#fff;border:none;border-radius:20px;padding:8px 28px;font-size:13px;font-weight:600;cursor:pointer;width:fit-content}.ca-add-file-btn:hover{background:#2ea88a}.ca-actions{display:flex;justify-content:flex-end;margin-top:16px}.ca-create-btn{background:#38b89a;color:#fff;border:none;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:600;cursor:pointer}.ca-create-btn:hover{background:#2ea88a}.ca-file-name{font-size:13px;color:#555}.ca-error{font-size:12px;color:#e74c3c;font-weight:500}.ca-input-error{border-color:#e74c3c!important}.ca-btn-error{outline:2px solid #e74c3c}.assignment-view-page{display:flex;flex-direction:column;gap:12px;height:100%}.av-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.av-back-btn:hover{background:#3d9aa8}.av-header{background:#fff;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.av-title{font-size:20px;font-weight:700;color:#1f2d3d;margin:0}.av-search{position:relative}.av-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.av-search input:focus{border-color:#4ba7b5}.av-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.av-content-card{background:#fff;border-radius:16px;padding:24px 32px 40px;flex:1;overflow-y:auto;min-height:0}.av-edit-row{display:flex;justify-content:flex-end;margin-bottom:12px}.av-edit-btn{background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:8px 28px;font-size:13px;font-weight:600;cursor:pointer}.av-edit-btn:hover{background:#3d9aa8}.av-details{display:flex;flex-direction:column;gap:22px;padding:0 60px}.av-detail-line{margin:0;font-size:15px;color:#1f2d3d}.av-label{font-weight:400;color:#1f2d3d}.av-value-bold{font-weight:700;color:#1f2d3d}.av-dates{display:flex;gap:120px}.av-description{font-size:15px;color:#1f2d3d;line-height:1.75}.av-desc-text{white-space:pre-line}.av-file-card{display:flex;align-items:center;gap:24px;background:#e0e0e0;border-radius:12px;padding:14px 28px 14px 14px;width:fit-content;margin:12px auto 0}.av-file-icon-box{background:#c5c5c5;border-radius:10px;width:68px;height:68px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.av-file-icon{font-size:34px;color:#666}.av-file-name{font-size:14px;font-weight:500;color:#1f2d3d}.av-actions{display:flex;justify-content:center;margin-top:16px}.av-view-submission-btn{background:#38b89a;color:#fff;border:none;border-radius:24px;padding:10px 32px;font-size:14px;font-weight:600;cursor:pointer}.av-view-submission-btn:hover{background:#2ea88a}.sv-page{display:flex;flex-direction:column;gap:12px;height:100%}.sv-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.sv-back-btn:hover{background:#3d9aa8}.sv-header{background:#fff;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.sv-title{font-size:20px;font-weight:700;color:#1f2d3d;margin:0}.sv-search{position:relative}.sv-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.sv-search input:focus{border-color:#4ba7b5}.sv-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.sv-content-card{background:#fff;border-radius:16px;padding:24px 32px 40px;flex:1;overflow-y:auto;min-height:0}.sv-summary{display:flex;justify-content:center;gap:120px;margin-bottom:24px;padding:8px 0}.sv-submitted-count{font-size:18px;font-weight:700;color:#38b89a}.sv-pending-count{font-size:18px;font-weight:700;color:#e74c3c}.sv-table{width:100%;border-collapse:collapse}.sv-table thead tr{border-bottom:2px solid #e0e0e0}.sv-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#1f2d3d}.sv-table td{padding:14px 16px;font-size:14px;color:#1f2d3d}.sv-table tbody tr{border-bottom:1px solid #f0f0f0}.sv-table tbody tr:hover{background:#f9fafb}.sv-status-submitted{color:#38b89a;font-weight:600;font-size:13px}.sv-status-pending{color:#e74c3c;font-weight:600;font-size:13px}.sv-review-btn{background:#38b89a;color:#fff;border:none;border-radius:6px;padding:6px 20px;font-size:13px;font-weight:600;cursor:pointer}.sv-review-btn:hover{background:#2ea88a}.quizzes-page{display:flex;flex-direction:column;gap:12px;height:100%}.quizzes-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.quizzes-back-btn:hover{background:#3d9aa8}.quizzes-title-container{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.quizzes-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.quizzes-search{position:relative}.quizzes-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:180px;background:#fff}.quizzes-search input:focus{border-color:#4ba7b5}.quizzes-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.quizzes-list-container{background:#f5fbfc;border-radius:16px;padding:28px 32px;flex:1;overflow-y:auto;min-height:0}.quizzes-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.quizzes-create-btn{background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer}.quizzes-create-btn:hover{background:#3d9aa8}.quizzes-list{display:flex;flex-direction:column;gap:10px}.quiz-row{display:flex;align-items:center;background:#fff;border-radius:10px;padding:16px 24px;box-shadow:0 1px 3px #0000000f}.quiz-row:nth-child(2n){background:#f7f9fa}.quiz-info{display:flex;flex-direction:column;flex:1.5;min-width:0}.quiz-id{font-size:13px;font-weight:600;color:#1f2d3d}.quiz-name{font-size:12px;color:#6b7b8d;margin-top:2px}.quiz-detail{display:flex;flex-direction:column;align-items:center;flex:1}.quiz-label{font-size:11px;color:#6b7b8d}.quiz-value{font-size:13px;color:#1f2d3d;margin-top:2px}.quiz-value.bold{font-weight:700;font-size:15px}.quiz-view-btn{background:#4ba7b5;color:#fff;border:none;border-radius:20px;padding:6px 22px;font-size:13px;font-weight:500;cursor:pointer;margin-left:16px}.quiz-view-btn:hover{background:#3d9aa8}.quizzes-empty{text-align:center;color:#6b7b8d;font-size:14px;padding:40px 0}.create-quiz-page{display:flex;flex-direction:column;gap:12px;height:100%}.cq-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.cq-back-btn:hover{background:#3d9aa8}.cq-title-container{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.cq-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.cq-search{position:relative}.cq-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.cq-search input:focus{border-color:#4ba7b5}.cq-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.cq-form-container{background:#f5fbfc;border-radius:16px;padding:28px 32px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.cq-questions-list{display:flex;flex-direction:column;gap:24px;flex:1}.cq-question-block{display:flex;flex-direction:column;gap:12px}.cq-question-header{display:flex;align-items:center;gap:6px}.cq-question-label{font-size:14px;font-weight:700;color:#1f2d3d}.cq-question-input{padding:4px 10px;border:1px solid #bbb;border-radius:4px;font-size:13px;color:#333;outline:none;width:200px;background:#fff}.cq-question-input:focus{border-color:#4ba7b5}.cq-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;max-width:600px;padding-left:24px}.cq-option-row{display:flex;align-items:center;gap:6px}.cq-option-label{font-size:13px;font-weight:600;color:#1f2d3d;min-width:16px}.cq-option-input{padding:4px 10px;border:1px solid #bbb;border-radius:4px;font-size:13px;color:#333;outline:none;width:160px;background:#fff}.cq-option-input:focus{border-color:#4ba7b5}.cq-answer-row{display:flex;align-items:center;gap:8px;padding-left:24px}.cq-answer-label{font-size:13px;font-weight:700;color:#1f2d3d}.cq-answer-input{padding:4px 10px;border:1px solid #bbb;border-radius:4px;font-size:13px;color:#333;outline:none;width:40px;text-align:center;background:#fff}.cq-answer-input:focus{border-color:#4ba7b5}.cq-remove-btn{background:none;border:none;color:#e74c3c;font-size:18px;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;margin-left:8px}.cq-remove-btn:hover{background:#fdecea;color:#c0392b}.cq-add-question-btn{display:inline-flex;align-items:center;gap:6px;background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;width:fit-content;margin-top:16px}.cq-add-question-btn:hover{background:#3d9aa8}.cq-actions{display:flex;justify-content:flex-end;margin-top:24px}.cq-create-btn{background:#38b89a;color:#fff;border:none;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:600;cursor:pointer}.cq-create-btn:hover{background:#2ea88a}.quiz-view-page{display:flex;flex-direction:column;gap:12px;height:100%}.qv-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.qv-back-btn:hover{background:#3d9aa8}.qv-header{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.qv-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.qv-search{position:relative}.qv-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.qv-search input:focus{border-color:#4ba7b5}.qv-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.qv-content-card{background:#f5fbfc;border-radius:16px;padding:24px 32px 40px;flex:1;overflow-y:auto;min-height:0}.qv-edit-row{display:flex;justify-content:flex-end;margin-bottom:8px}.qv-edit-btn{background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:8px 28px;font-size:13px;font-weight:600;cursor:pointer}.qv-edit-btn:hover{background:#3d9aa8}.qv-details{padding:0 40px}.qv-quiz-title{font-size:20px;font-weight:700;color:#1f2d3d;margin:0 0 6px}.qv-teacher-info{font-size:14px;font-weight:600;color:#1f2d3d;margin:0 0 4px}.qv-dates-row{display:flex;justify-content:space-between;margin-bottom:24px}.qv-date-text{font-size:13px;font-weight:600;color:#1f2d3d}.qv-questions-list{display:flex;flex-direction:column;gap:8px}.qv-question-block{background:#fff;border-radius:12px;padding:14px 20px}.qv-question-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.qv-question-text{font-size:14px;font-weight:600;color:#1f2d3d}.qv-answer-tag{font-size:13px;font-weight:600;color:#38b89a}.qv-options-row{display:flex;gap:32px;padding-left:16px}.qv-option{display:flex;align-items:center;gap:6px;font-size:13px;color:#444;cursor:default}.qv-option input[type=radio]{accent-color:#4ba7b5;margin:0}.qv-actions{display:flex;justify-content:center;margin-top:24px}.qv-view-submission-btn{background:#38b89a;color:#fff;border:none;border-radius:24px;padding:10px 32px;font-size:14px;font-weight:600;cursor:pointer}.qv-view-submission-btn:hover{background:#2ea88a}.qsv-page{display:flex;flex-direction:column;gap:12px;height:100%}.qsv-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.qsv-back-btn:hover{background:#3d9aa8}.qsv-content-card{background:#f5fbfc;border-radius:16px;padding:28px 32px 40px;flex:1;overflow-y:auto;min-height:0}.qsv-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 16px}.qsv-title{font-size:20px;font-weight:700;color:#1f2d3d;margin:0}.qsv-count{font-size:22px;font-weight:700}.qsv-count-green{color:#38b89a}.qsv-count-red{color:#e74c3c}.qsv-tabs-search-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qsv-tabs{display:flex;background:#e8e8e8;border-radius:24px;overflow:hidden}.qsv-tab{padding:8px 28px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:#555;border-radius:24px}.qsv-tab-active-pending{background:#38b89a;color:#fff}.qsv-tab-active-submitted{background:#2d3748;color:#fff}.qsv-search{position:relative}.qsv-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.qsv-search input:focus{border-color:#4ba7b5}.qsv-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.qsv-table{width:100%;border-collapse:collapse}.qsv-table thead tr{border-bottom:2px solid #e0e0e0}.qsv-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#1f2d3d}.qsv-table td{padding:14px 16px;font-size:14px;color:#1f2d3d}.qsv-table tbody tr{border-bottom:1px solid #f0f0f0}.qsv-table tbody tr:hover{background:#eef7f8}.qsv-status-submitted{color:#38b89a;font-weight:600;font-size:13px}.qsv-status-pending{color:#e74c3c;font-weight:600;font-size:13px}.qsv-review-btn{background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 20px;font-size:13px;font-weight:600;cursor:pointer}.qsv-review-btn:hover{background:#3d9aa8}.qrv-page{display:flex;flex-direction:column;gap:12px;height:100%}.qrv-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.qrv-back-btn:hover{background:#3d9aa8}.qrv-card{background:#fff;border-radius:16px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.qrv-header{padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;flex-shrink:0}.qrv-title{font-size:20px;font-weight:700;color:#1f2d3d;margin:0}.qrv-search{position:relative}.qrv-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.qrv-search input:focus{border-color:#4ba7b5}.qrv-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.qrv-content{padding:28px 48px 40px;flex:1}.qrv-student-name{font-size:20px;font-weight:700;color:#1f2d3d;margin:0 0 20px;text-align:center}.qrv-dates-row{display:flex;justify-content:space-between;margin-bottom:24px}.qrv-date-text{font-size:13px;font-weight:700;color:#1f2d3d;text-decoration:underline}.qrv-questions-list{display:flex;flex-direction:column;gap:10px}.qrv-question-block{background:#f0f0f0;border-radius:10px;padding:14px 24px}.qrv-question-text{font-size:14px;font-weight:600;color:#1f2d3d;text-align:center;margin-bottom:10px}.qrv-options-answer-row{display:flex;align-items:center}.qrv-options-row{display:flex;flex:1;justify-content:space-between;padding-right:24px}.qrv-option{display:flex;align-items:center;gap:6px;font-size:13px;color:#444;cursor:default}.qrv-option input[type=radio]{accent-color:#333;margin:0;width:15px;height:15px}.qrv-answer-tag{font-size:13px;font-weight:600;color:#38b89a;white-space:nowrap}.qrv-score{text-align:center;font-size:20px;font-weight:700;color:#38b89a;margin-top:28px}.study-materials-page{display:flex;flex-direction:column;gap:12px;height:100%}.sm-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.sm-back-btn:hover{background:#3d9aa8}.sm-title-container{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.sm-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.sm-search{position:relative}.sm-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:180px;background:#fff}.sm-search input:focus{border-color:#4ba7b5}.sm-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.sm-list-container{background:#f5fbfc;border-radius:16px;padding:28px 32px;flex:1;overflow-y:auto;min-height:0}.sm-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.sm-add-btn{background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer}.sm-add-btn:hover{background:#3d9aa8}.sm-table-header{display:flex;align-items:center;padding:0 24px 12px;border-bottom:1px solid #e0e8ec;margin-bottom:10px}.sm-table-header .sm-col-name,.sm-table-header .sm-col-date{font-size:14px;font-weight:600;color:#1f2d3d}.sm-col-name{flex:1.2;font-size:14px;color:#1f2d3d;font-weight:500}.sm-col-date{flex:1;font-size:14px;color:#1f2d3d}.sm-col-actions{flex:1;display:flex;justify-content:flex-end;gap:10px}.sm-list{display:flex;flex-direction:column;gap:10px}.sm-row{display:flex;align-items:center;background:#fff;border-radius:10px;padding:16px 24px;box-shadow:0 1px 3px #0000000f}.sm-view-btn{background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:7px 22px;font-size:13px;font-weight:500;cursor:pointer}.sm-view-btn:hover{background:#3d9aa8}.sm-download-btn{background:#3a5a6a;color:#fff;border:none;border-radius:6px;padding:7px 22px;font-size:13px;font-weight:500;cursor:pointer}.sm-download-btn:hover{background:#2e4a58}.sm-col-files{flex:.8;font-size:13px;color:#6b7b8d}.sm-table-header .sm-col-files{font-size:14px;font-weight:600;color:#1f2d3d}.sm-delete-btn{background:#e74c3c;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:15px;cursor:pointer;display:inline-flex;align-items:center}.sm-delete-btn:hover{background:#c0392b}.sm-empty{text-align:center;color:#6b7b8d;font-size:14px;padding:40px 0}.upload-material-page{display:flex;flex-direction:column;gap:12px;height:100%}.um-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.um-back-btn:hover{background:#3d9aa8}.um-title-container{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid #dde6ea}.um-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.um-search{position:relative}.um-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.um-search input:focus{border-color:#4ba7b5}.um-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.um-form-container{background:#f5fbfc;border-radius:16px;padding:40px 32px;flex:1;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;min-height:0}.um-form-card{background:#f0ece4;border-radius:12px;padding:36px 48px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px}.um-form-heading{font-size:18px;font-weight:700;color:#1f2d3d;margin:0 0 8px;text-align:center}.um-field{display:flex;align-items:center;gap:12px;width:100%}.um-label{font-size:14px;font-weight:600;color:#1f2d3d;white-space:nowrap}.um-input{flex:1;padding:8px 14px;border:none;border-bottom:1px solid #999;font-size:14px;background:transparent;color:#333;outline:none;text-align:center}.um-input:focus{border-bottom-color:#4ba7b5}.um-file-list{display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-content:center}.um-file-name{font-size:12px;color:#555;background:#e0dbd2;padding:4px 10px;border-radius:4px}.um-add-attachment-btn{background:transparent;color:#4ba7b5;border:2px solid #4ba7b5;border-radius:20px;padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer}.um-add-attachment-btn:hover{background:#4ba7b5;color:#fff}.um-upload-btn{background:#38b89a;color:#fff;border:none;border-radius:8px;padding:10px 36px;font-size:14px;font-weight:600;cursor:pointer}.um-upload-btn:hover{background:#2ea88a}.smv-page{display:flex;flex-direction:column;gap:12px;height:100%}.smv-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.smv-back-btn:hover{background:#3d9aa8}.smv-header{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.smv-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.smv-search{position:relative}.smv-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.smv-search input:focus{border-color:#4ba7b5}.smv-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.smv-content-card{background:#f5fbfc;border-radius:16px;padding:32px;flex:1;overflow-y:auto;min-height:0}.smv-details{display:flex;flex-direction:column;gap:20px;padding:0 40px}.smv-detail-line{margin:0;font-size:15px;color:#1f2d3d}.smv-label{font-weight:400;color:#1f2d3d;font-size:15px}.smv-value-bold{font-weight:700;color:#1f2d3d}.smv-files-section{display:flex;flex-direction:column;gap:14px;margin-top:8px}.smv-no-files{color:#6b7b8d;font-size:14px;margin:0}.smv-files-list{display:flex;flex-wrap:wrap;gap:16px}.smv-file-card{display:flex;align-items:center;gap:16px;background:#e0e0e0;border-radius:12px;padding:14px 24px 14px 14px}.smv-file-icon-box{background:#c5c5c5;border-radius:10px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smv-file-icon{font-size:26px;color:#666}.smv-file-name{font-size:14px;font-weight:500;color:#1f2d3d}.sr-page{display:flex;flex-direction:column;gap:12px;height:100%}.sr-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.sr-back-btn:hover{background:#3d9aa8}.sr-content{background:#f5fbfc;border-radius:16px;padding:28px 32px;flex:1;overflow-y:auto;min-height:0}.sr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sr-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.sr-search{position:relative}.sr-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:180px;background:#fff}.sr-search input:focus{border-color:#4ba7b5}.sr-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.sr-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.sr-add-btn{background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer}.sr-add-btn:hover{background:#3d9aa8}.sr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sr-card{background:#0e9aa7;border-radius:12px;padding:20px;color:#fff;display:flex;flex-direction:column;min-height:160px}.sr-card-subject{font-size:15px;font-weight:700;margin:0 0 2px}.sr-card-topic{font-size:12px;margin:0 0 16px;opacity:.85}.sr-card-teacher{font-size:13px;margin:0;flex:1}.sr-card-bottom{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;margin-top:12px}.sr-card-date{font-size:12px;opacity:.85}.sr-card-duration{font-size:14px;font-weight:700}.ur-page{display:flex;flex-direction:column;gap:12px;height:100%}.ur-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.ur-back-btn:hover{background:#3d9aa8}.ur-title-container{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid #dde6ea}.ur-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.ur-search{position:relative}.ur-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:160px;background:#fff}.ur-search input:focus{border-color:#4ba7b5}.ur-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.ur-form-container{background:#f5fbfc;border-radius:16px;padding:40px 32px;flex:1;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;min-height:0}.ur-form-card{background:#f0ece4;border-radius:12px;padding:36px 48px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px}.ur-form-heading{font-size:18px;font-weight:700;color:#1f2d3d;margin:0 0 8px;text-align:center}.ur-field{display:flex;align-items:center;gap:12px;width:100%}.ur-label{font-size:14px;font-weight:600;color:#1f2d3d;white-space:nowrap}.ur-input{flex:1;padding:8px 14px;border:none;border-bottom:1px solid #999;font-size:14px;background:transparent;color:#333;outline:none;text-align:center}.ur-input:focus{border-bottom-color:#4ba7b5}.ur-file-name{font-size:12px;color:#555;background:#e0dbd2;padding:4px 10px;border-radius:4px}.ur-attach-btn{background:transparent;color:#4ba7b5;border:2px solid #4ba7b5;border-radius:20px;padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer}.ur-attach-btn:hover{background:#4ba7b5;color:#fff}.ur-upload-btn{background:#38b89a;color:#fff;border:none;border-radius:8px;padding:10px 36px;font-size:14px;font-weight:600;cursor:pointer}.ur-upload-btn:hover{background:#2ea88a}.live-sessions-page{display:flex;flex-direction:column;gap:12px;height:100%}.live-sessions-back-btn{display:inline-flex;align-items:center;gap:4px;background:#4ba7b5;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;width:fit-content;flex-shrink:0}.live-sessions-back-btn:hover{background:#3d9aa8}.live-sessions-header{background:#f5fbfc;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.live-sessions-title{font-size:22px;font-weight:700;color:#1f2d3d;margin:0}.live-sessions-search{position:relative}.live-sessions-search input{padding:6px 32px 6px 12px;border:1px solid #ccc;border-radius:6px;font-size:13px;outline:none;width:180px;background:#fff}.live-sessions-search input:focus{border-color:#4ba7b5}.live-sessions-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.live-sessions-content{background:#f5fbfc;border-radius:16px;padding:28px 32px;flex:1;overflow-y:auto;min-height:0}.live-sessions-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.live-sessions-schedule-btn{background:#4ba7b5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer}.live-sessions-schedule-btn:hover{background:#3d9aa8}.live-sessions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.session-card{background:#0e8c96;border-radius:12px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;border:2px solid #0a7a83}.session-card-top{margin-bottom:8px}.session-card-subject{font-size:15px;font-weight:700;margin:0 0 2px;color:#fff}.session-card-topic{font-size:12px;margin:0;color:#ffffffd9}.session-card-teacher{font-size:13px;margin:0;color:#fff;flex:1;padding-top:10px}.session-card-bottom{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;gap:2px;margin-top:12px}.session-card-date{font-size:12px;color:#ffffffd9}.session-card-timing{font-size:14px;font-weight:700;color:#fff}