*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{font-weight:500;color:#4f46e5;text-decoration:inherit}a:hover{color:#4338ca}button{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.crm-header{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:1000;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center;gap:1rem;flex:0 0 auto}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;border-radius:.375rem;transition:all .2s}.menu-toggle:hover{background:#f3f4f6;color:#374151}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.logo-text{font-size:1.25rem;font-weight:600;color:#111827;white-space:nowrap}.header-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 2rem}.search-container{position:relative;width:100%;max-width:500px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#f9fafb;transition:all .2s;outline:none}.search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.header-right{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.header-icon-btn{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{background:#f3f4f6;color:#374151}.notification-badge{position:absolute;top:.25rem;right:.25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center;line-height:1.25rem}.user-menu-container{position:relative;margin-left:.5rem}.user-menu-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.5rem;transition:all .2s}.user-menu-btn:hover{background:#f3f4f6}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-avatar.large{width:2.5rem;height:2.5rem;font-size:1rem}.chevron-icon{color:#6b7280;transition:transform .2s}.user-menu-btn:hover .chevron-icon{color:#374151}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:240px;z-index:1001;overflow:hidden}.user-dropdown-header{padding:1rem;display:flex;align-items:center;gap:.75rem;background:#f9fafb}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:#111827;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.user-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;color:#374151;text-decoration:none;font-size:.875rem;transition:background .2s;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.user-dropdown-item:hover{background:#f3f4f6}.user-dropdown-item.logout-btn{color:#dc2626}.user-dropdown-item.logout-btn:hover{background:#fee2e2;color:#b91c1c}.user-dropdown-item.logout-btn svg{flex-shrink:0}@media(max-width:768px){.menu-toggle{display:block}.header-center,.logo-text{display:none}.header-right{gap:.25rem}.header-icon-btn{padding:.375rem}.user-menu-btn{gap:.25rem}.chevron-icon{display:none}}@media(max-width:640px){.crm-header{padding:0 1rem}.header-icon-btn:not(.user-menu-btn){display:none}}.crm-sidebar{position:fixed;left:0;top:64px;bottom:0;width:260px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;overflow-x:hidden;z-index:999;transition:transform .3s ease-in-out}.sidebar-overlay{position:fixed;inset:64px 0 0;background:#00000080;z-index:998;display:none}.sidebar-nav{padding:1rem 0;height:100%}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{margin:.25rem 0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#6b7280;text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;border-left:3px solid transparent}.nav-link:hover{background:#f9fafb;color:#374151}.nav-link.active{background:#eef2ff;color:#4f46e5;border-left-color:#4f46e5}.nav-link.active .nav-icon{color:#4f46e5}.nav-icon{flex-shrink:0;width:20px;height:20px;color:#9ca3af;transition:color .2s}.nav-link:hover .nav-icon{color:#6b7280}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link.has-children{padding-right:1rem}.nav-chevron{flex-shrink:0;color:#9ca3af;transition:transform .2s,color .2s}.nav-link:hover .nav-chevron{color:#6b7280}.nav-chevron.expanded{transform:rotate(180deg)}.nav-submenu{list-style:none;margin:0;padding:0;background:#f9fafb;border-left:3px solid #e5e7eb;margin-left:1.25rem}.nav-submenu li{margin:0}.nav-sublink{display:block;padding:.625rem 1.25rem .625rem 2.5rem;color:#6b7280;text-decoration:none;font-size:.8125rem;transition:all .2s;position:relative}.nav-sublink:hover{background:#f3f4f6;color:#374151}.nav-sublink.active{color:#4f46e5;font-weight:600;background:#eef2ff}.nav-sublink.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:#4f46e5;border-radius:0 2px 2px 0}.crm-sidebar::-webkit-scrollbar{width:6px}.crm-sidebar::-webkit-scrollbar-track{background:transparent}.crm-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.crm-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.sidebar-overlay{display:block}.crm-sidebar{transform:translate(-100%)}.crm-sidebar.open{transform:translate(0)}}@media(max-width:640px){.crm-sidebar{width:240px}.nav-link{padding:.625rem 1rem}.nav-sublink{padding:.5rem 1rem .5rem 2rem}}.crm-footer{background:#fff;border-top:1px solid #e5e7eb;padding:1.5rem 2rem;margin-top:auto}.footer-content{display:flex;align-items:center;justify-content:space-between;max-width:100%}.footer-left p{margin:0;font-size:.875rem;color:#6b7280}.footer-right{display:flex;align-items:center;gap:.75rem}.footer-link{font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .2s}.footer-link:hover{color:#4f46e5}.footer-divider{color:#d1d5db;font-size:.875rem}@media(max-width:768px){.crm-footer{padding:1rem 1.5rem}.footer-content{flex-direction:column;gap:.75rem;align-items:flex-start}.footer-right{flex-wrap:wrap;gap:.5rem}.footer-divider{display:none}}@media(max-width:640px){.crm-footer{padding:1rem}.footer-content{flex-direction:column;align-items:stretch}.footer-right{flex-direction:column;align-items:flex-start;gap:.5rem}}.crm-layout{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb}.layout-body{display:flex;flex:1;margin-top:64px;min-height:calc(100vh - 64px)}.layout-main{flex:1;display:flex;flex-direction:column;margin-left:260px;min-width:0;transition:margin-left .3s ease-in-out}.main-content{flex:1;padding:2rem;min-height:0}@media(max-width:768px){.layout-main{margin-left:0}}@media(max-width:640px){.main-content{padding:1.5rem 1rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;position:relative}.login-card{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:420px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;justify-content:center;margin-bottom:1rem}.login-header h1{margin:0 0 .5rem;color:#111827;font-size:1.875rem;font-weight:600}.login-header p{margin:0;color:#6b7280;font-size:.875rem}.error-alert{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.error-alert svg{flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;outline:none}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input.disabled-input{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.login-button{width:100%;background:#4f46e5;color:#fff;border:none;padding:.875rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.5rem}.login-button:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.login-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.login-container{padding:1rem;background:linear-gradient(135deg,#667eead9,#764ba2d9),var(--bg-image) center center / cover no-repeat;background-blend-mode:overlay}.login-card{padding:2rem 1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{margin:0 0 .5rem;color:#111827;font-size:2rem;font-weight:600}.welcome-text{margin:0;color:#6b7280;font-size:1rem}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#d1d5db}.stat-icon{width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-value{font-size:2rem;font-weight:700;color:#111827;line-height:1.2;margin-bottom:.25rem}.stat-title{font-size:.875rem;color:#6b7280;font-weight:500}.stat-arrow{color:#9ca3af;flex-shrink:0;transition:all .2s}.stat-card:hover .stat-arrow{color:#4f46e5;transform:translate(4px)}.quick-actions{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:2rem}.quick-actions h2{margin:0 0 1.5rem;color:#111827;font-size:1.5rem;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.action-btn svg{flex-shrink:0}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.quick-actions{padding:1.5rem}.actions-grid{grid-template-columns:1fr}}.alert-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.alert-modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;position:relative;animation:slideUp .3s ease-out;overflow:hidden}.alert-modal-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:1.5rem auto 1rem;border-radius:50%;flex-shrink:0}.alert-modal.error .alert-modal-icon{background:#fee2e2;color:#dc2626}.alert-modal.success .alert-modal-icon{background:#d1fae5;color:#059669}.alert-modal.warning .alert-modal-icon{background:#fef3c7;color:#f59e0b}.alert-modal.info .alert-modal-icon{background:#dbeafe;color:#2563eb}.alert-modal-content{padding:0 1.5rem 1rem;text-align:center}.alert-modal-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.alert-modal-message{margin:0;font-size:.9375rem;color:#6b7280;line-height:1.5;word-wrap:break-word}.alert-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.alert-modal-close:hover{background:#f3f4f6;color:#374151}.alert-modal-actions{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:center;gap:.75rem;border-top:1px solid #e5e7eb;background:#f9fafb}.alert-modal-button{padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;font-family:inherit;min-width:80px}.alert-modal.error .alert-modal-button{background:#dc2626;color:#fff}.alert-modal.error .alert-modal-button:hover{background:#b91c1c}.alert-modal.success .alert-modal-button{background:#059669;color:#fff}.alert-modal.success .alert-modal-button:hover{background:#047857}.alert-modal.warning .alert-modal-button{background:#f59e0b;color:#fff}.alert-modal.warning .alert-modal-button:hover{background:#d97706}.alert-modal.info .alert-modal-button{background:#2563eb;color:#fff}.alert-modal.info .alert-modal-button:hover{background:#1d4ed8}.alert-modal-button:active{transform:scale(.98)}@media(max-width:640px){.alert-modal{max-width:100%;margin:1rem}.alert-modal-icon{width:64px;height:64px;margin:1rem auto .75rem}.alert-modal-icon svg{width:36px;height:36px}.alert-modal-content{padding:0 1rem .75rem}.alert-modal-title{font-size:1.125rem}.alert-modal-message{font-size:.875rem}.alert-modal-actions{padding:.75rem 1rem 1rem}}.student-list-container{padding:2rem;max-width:1400px;margin:0 auto}.filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-end;flex-wrap:wrap}.filters-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:180px}.filters-group label{font-size:.875rem;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:.625rem .875rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500}.filter-select:hover{border-color:#d1d5db;background:#f9fafb}.filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#fff}.btn-add-student{align-self:flex-end}.student-table{width:100%;border-collapse:collapse;min-width:800px}.student-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.student-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.student-table th:hover{background:#f3f4f6}.student-table th span{margin-left:.25rem;color:#4f46e5}.student-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.student-image-link{display:inline-block;position:relative;cursor:pointer;transition:transform .2s}.student-image-link:hover{transform:scale(1.05)}.student-list-image{width:50px;height:50px;object-fit:cover;border-radius:.375rem;border:2px solid #e5e7eb;transition:border-color .2s}.student-image-link:hover .student-list-image{border-color:#4f46e5}.no-image-placeholder,.image-error-placeholder{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:.375rem;border:2px solid #e5e7eb;color:#9ca3af}.image-error-placeholder{background:#fee2e2;border-color:#fecaca;color:#991b1b}.student-table tbody tr{transition:background .2s}.student-table tbody tr:hover{background:#f9fafb}.student-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.student-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch}.list-controls-right{flex-direction:column;align-items:stretch;width:100%}.page-size-selector{width:100%;justify-content:space-between}.search-box{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}}.student-form-container{padding:2rem;max-width:1000px;margin:0 auto}.student-form{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem}.form-group input[type=file]{padding:.5rem;border:2px dashed #d1d5db;background:#f9fafb;cursor:pointer}.form-group input[type=file]:hover{border-color:#4f46e5;background:#f3f4f6}.image-preview{margin-top:1rem;position:relative}.image-preview a{display:inline-block;position:relative;cursor:pointer;transition:transform .2s}.image-preview a:hover{transform:scale(1.05)}.image-preview img{width:150px;height:150px;object-fit:cover;border-radius:.5rem;border:1px solid #e5e7eb;display:block}.image-note{margin-top:.5rem;font-size:.75rem;color:#6b7280;font-style:italic}.image-not-found{margin-top:1rem;padding:2rem;text-align:center;color:#9ca3af;border:2px dashed #e5e7eb;border-radius:.5rem;background:#f9fafb;display:flex;flex-direction:column;align-items:center;gap:.75rem}@media(max-width:768px){.student-form-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.view-student-container{padding:2rem;max-width:1000px;margin:0 auto}.student-details-card{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem;display:flex;gap:2rem}.student-photo-section{flex-shrink:0}.student-photo-link{position:relative;display:inline-block;cursor:pointer;transition:transform .2s}.student-photo-link:hover{transform:scale(1.02)}.student-photo-link:hover .image-overlay{opacity:1}.student-photo{width:200px;height:200px;object-fit:cover;border-radius:.5rem;border:1px solid #e5e7eb;display:block}.image-overlay{position:absolute;inset:0;background:#0009;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s;color:#fff;font-size:.875rem;font-weight:500}.image-overlay svg{width:32px;height:32px}.student-photo-placeholder{width:200px;height:200px;border-radius:.5rem;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#f9fafb}.image-not-found{width:200px;height:200px;padding:1.5rem;text-align:center;color:#9ca3af;border:2px dashed #e5e7eb;border-radius:.5rem;background:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.image-not-found svg{color:#d1d5db}.image-not-found span{font-size:.875rem;font-weight:500;color:#6b7280}.image-error{position:absolute;inset:0;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#9ca3af}.image-error svg{color:#d1d5db}.image-error span{font-size:.875rem;font-weight:500;color:#6b7280}.student-info-section{flex:1}@media(max-width:768px){.view-student-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.student-details-card{flex-direction:column}.student-photo,.student-photo-placeholder{width:100%;max-width:200px;margin:0 auto}.info-grid{grid-template-columns:1fr}}.class-list-container{padding:2rem;max-width:1400px;margin:0 auto}.class-table{width:100%;border-collapse:collapse;min-width:800px}.class-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.class-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.class-table th:hover{background:#f3f4f6}.class-table th span{margin-left:.25rem;color:#4f46e5}.class-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.class-table tbody tr{transition:background .2s}.class-table tbody tr:hover{background:#f9fafb}.class-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.class-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch}.list-controls-right{flex-direction:column;align-items:stretch;width:100%}.page-size-selector{width:100%;justify-content:space-between}.search-box{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}}.class-form-container{padding:2rem;max-width:1000px;margin:0 auto}.class-form{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem}.form-group input,.form-group select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;outline:none}@media(max-width:768px){.class-form-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.view-class-container{padding:2rem;max-width:1000px;margin:0 auto}.class-details-card{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem}@media(max-width:768px){.view-class-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.info-grid{grid-template-columns:1fr}}.teacher-list-container{padding:2rem;max-width:1400px;margin:0 auto}.btn-primary:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.error-message button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer}.list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;flex:1;max-width:400px}.search-box svg{color:#6b7280;flex-shrink:0}.search-box input{border:none;outline:none;flex:1;font-size:.875rem}.page-size-selector label{font-size:.875rem;color:#374151}.page-size-selector select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#f3f4f6}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;color:#6b7280;padding:2rem!important}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:none;border:none;padding:.375rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f3f4f6}.btn-edit{color:#f59e0b}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.pagination-btn{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-classes{background:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-classes:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column}.classes-modal{max-width:750px}.modal-header-content{display:flex;align-items:center;gap:1rem;flex:1}.teacher-label{background:#f3f4f6;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151}.btn-add-classes{background:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-classes:hover:not(:disabled){background:#e5e7eb}.btn-add-classes:disabled{opacity:.6;cursor:not-allowed}.classes-table-container{display:flex;flex-direction:column;gap:1rem}.add-class-form{width:100%;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.standard-select,.division-select,.subject-select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;color:#111827;outline:none;transition:all .2s}.standard-select:hover:not(:disabled),.division-select:hover:not(:disabled),.subject-select:hover:not(:disabled){border-color:#9ca3af}.standard-select:focus:not(:disabled),.division-select:focus:not(:disabled),.subject-select:focus:not(:disabled){border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.standard-select:disabled,.division-select:disabled,.subject-select:disabled{opacity:.6;cursor:not-allowed}.classes-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.classes-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.classes-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.classes-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.classes-table tbody tr:hover{background:#f9fafb}.classes-table tbody tr:last-child td{border-bottom:none}.btn-delete-class{background:none;border:none;cursor:pointer;padding:.5rem;color:#ef4444;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.btn-delete-class:hover:not(:disabled){background:#fee2e2;color:#dc2626}.btn-delete-class:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.teacher-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.table-container{overflow-x:auto}.pagination{flex-direction:column;gap:1rem}.modal-content{max-width:95%}.form-row{flex-direction:column}.form-group{width:100%}}.teacher-form-container{padding:2rem;max-width:1000px;margin:0 auto}.teacher-form{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem}.form-group textarea{resize:vertical;min-height:80px}.error-message .btn-primary{margin-top:1rem}@media(max-width:768px){.teacher-form-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.view-teacher-container{padding:2rem;max-width:1000px;margin:0 auto}.btn-primary:hover{background:#4338ca}.teacher-details-card{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem}.info-value{font-size:1rem;color:#111827;font-weight:500;word-break:break-word}.error-message .btn-primary{margin-top:1rem;background:#dc2626}@media(max-width:768px){.view-teacher-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.info-grid{grid-template-columns:1fr}}.holiday-list-container{padding:2rem;max-width:1400px;margin:0 auto}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.filter-select:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.holiday-table{width:100%;border-collapse:collapse;min-width:600px}.holiday-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.holiday-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.holiday-table th:hover{background:#f3f4f6}.holiday-table th span{margin-left:.25rem;color:#4f46e5}.holiday-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.holiday-table tbody tr{transition:background .2s}.holiday-table tbody tr:hover{background:#f9fafb}.holiday-table tbody tr:last-child td{border-bottom:none}.holiday-type-badge{display:inline-block;padding:.25rem .75rem;background:#e0e7ff;color:#4338ca;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.btn-icon:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-delete:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;color:#ef4444}.btn-icon .spinner{animation:spin 1s linear infinite}.modal-content{background:#fff;border-radius:.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h2{margin:0;color:#111827;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;transition:color .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover:not(:disabled){color:#111827}.modal-close:disabled{opacity:.5;cursor:not-allowed}.holiday-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;outline:none;box-sizing:border-box}.error-text{display:block;margin-top:.25rem;color:#ef4444;font-size:.75rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media(max-width:768px){.holiday-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section{flex-direction:column;align-items:stretch}.filters-group{min-width:100%}.list-controls{flex-direction:column;align-items:stretch}.list-controls-right{flex-direction:column;align-items:stretch;width:100%}.export-buttons{width:100%;flex-direction:column}.export-buttons button{width:100%}.page-size-selector{width:100%;justify-content:space-between}.search-box{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}.modal-content{max-width:100%}}.delete-modal{max-width:450px}.delete-modal-header{text-align:center;padding:1.5rem}.delete-icon-wrapper{width:64px;height:64px;margin:0 auto 1rem;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444}.delete-modal-header h2{margin:0 0 .75rem;color:#111827;font-size:1.5rem;font-weight:600}.delete-modal-header p{margin:.5rem 0;color:#6b7280;font-size:.875rem;line-height:1.5}.delete-modal-header p strong{color:#111827;font-weight:600}.delete-warning{color:#ef4444!important;font-weight:500;margin-top:.75rem!important}.delete-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-delete-confirm{background:#ef4444;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-delete-confirm:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px -1px #ef44444d}.btn-delete-confirm .spinner{animation:spin 1s linear infinite}.exam-list-container{padding:2rem;max-width:1400px;margin:0 auto}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.exam-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.exam-table th:hover{background:#f3f4f6}.exam-table th span{margin-left:.25rem;color:#4f46e5}.btn-edit,.btn-delete{background:transparent;border:1px solid #d1d5db;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-edit{color:#4f46e5;border-color:#4f46e5}.btn-delete{color:#dc2626;border-color:#dc2626}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .2s ease-out}.btn-delete-confirm:hover{background:#b91c1c}@media(max-width:768px){.exam-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch;gap:1rem}.page-size-selector{width:100%;justify-content:space-between}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}.delete-confirm-actions{flex-direction:column-reverse}.delete-confirm-actions button{width:100%}}.exam-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.exam-modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.exam-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.exam-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.exam-modal-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.exam-modal-close:hover{background:#f3f4f6;color:#374151}.exam-modal-form{padding:1.5rem}.exam-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group input,.form-group select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;outline:none;font-family:inherit}.form-group input:focus,.form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input.error,.form-group select.error{border-color:#ef4444}.form-group input.readonly-input{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-group select:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.exam-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media(max-width:640px){.exam-modal{max-width:100%;margin:1rem}.exam-form-grid{grid-template-columns:1fr}.exam-modal-actions{flex-direction:column-reverse}.exam-modal-actions button{width:100%}}.exam-detail-container{padding:2rem;max-width:1400px;margin:0 auto}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.filter-input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;outline:none;transition:all .2s;font-weight:500}.filter-input:hover{border-color:#9ca3af}.filter-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.readonly-input{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#d1d5db}.readonly-input:hover{border-color:#d1d5db;background-color:#f3f4f6}.readonly-input:focus{border-color:#d1d5db;box-shadow:none;background-color:#f3f4f6}.exam-table{width:100%;border-collapse:collapse;min-width:800px}.exam-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.exam-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.exam-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.exam-table tbody tr{transition:background .2s}.exam-table tbody tr:hover{background:#f9fafb}.exam-table tbody tr:last-child td{border-bottom:none}.btn-edit{background:transparent;border:1px solid #d1d5db;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#4f46e5;border-color:#4f46e5}.btn-edit:hover{background:#4f46e5;color:#fff}.btn-delete{background:transparent;border:1px solid #d1d5db;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#dc2626;border-color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.delete-confirm-modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.delete-confirm-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.delete-confirm-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.delete-confirm-close:hover{background:#f3f4f6;color:#374151}.delete-confirm-content{padding:1.5rem}.delete-confirm-content p{margin:0;color:#374151;line-height:1.5}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb}.btn-delete-confirm{background:#dc2626;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete-confirm:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.exam-detail-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section{flex-direction:column;align-items:stretch}.filters-group{min-width:100%}.delete-confirm-actions{flex-direction:column-reverse}.delete-confirm-actions button{width:100%}}.classgroup-list-container{padding:2rem;max-width:1400px;margin:0 auto}.error-message{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500}.error-message button:hover{background:#b91c1c}.classgroup-table{width:100%;border-collapse:collapse;min-width:800px}.classgroup-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.classgroup-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.classgroup-table th:hover{background:#f3f4f6}.classgroup-table th span{margin-left:.25rem;color:#4f46e5}.classgroup-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.classgroup-table tbody tr{transition:background .2s}.classgroup-table tbody tr:hover{background:#f9fafb}.classgroup-table tbody tr:last-child td{border-bottom:none}.btn-subject{background:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-subject:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.subject-modal{max-width:650px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.subjects-table-container{display:flex;flex-direction:column;gap:1rem}.subjects-table-header{display:flex;justify-content:flex-end}.btn-add-subject{background:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-add-subject:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.subjects-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.subjects-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.subjects-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.subjects-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.subjects-table tbody tr:hover{background:#f9fafb}.subjects-table tbody tr:last-child td{border-bottom:none}.subject-name-clickable{font-weight:500;color:#4f46e5;cursor:pointer;transition:all .2s;display:inline-block;padding:.25rem .5rem;border-radius:.25rem}.subject-name-clickable:hover{background:#eef2ff;color:#4338ca}.edit-subject-container{display:flex;align-items:center;gap:.5rem}.subject-input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:all .2s}.subject-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.edit-actions{display:flex;gap:.25rem}.btn-save,.btn-cancel{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.btn-save{color:#10b981}.btn-save:hover{background:#d1fae5}.btn-cancel{color:#ef4444}.btn-cancel:hover{background:#fee2e2}.exam-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;min-width:80px}.exam-select:hover:not(:disabled){border-color:#9ca3af}.exam-select:focus:not(:disabled){border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.exam-select:disabled{opacity:.6;cursor:not-allowed}.btn-delete-subject{background:none;border:none;cursor:pointer;padding:.5rem;color:#ef4444;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.btn-delete-subject:hover:not(:disabled){background:#fee2e2;color:#dc2626}.btn-delete-subject:disabled{opacity:.5;cursor:not-allowed}.btn-delete{color:#ef4444}.btn-delete:hover{background:#fee2e2;color:#dc2626}.add-subject-form{width:100%;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.form-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.form-group{flex:1;min-width:150px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.subject-select,.marks-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;color:#111827;outline:none;transition:all .2s}.subject-select:hover,.marks-input:hover{border-color:#9ca3af}.subject-select:focus,.marks-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.marks-input{min-width:100px}.form-actions{display:flex;gap:.5rem;align-items:center}.subject-action-buttons{display:flex;align-items:center;gap:.5rem}.btn-edit-subject{color:#10b981}.btn-edit-subject:hover{background:#d1fae5;color:#059669}.classgroup-form{padding:1.5rem}.classgroup-form .form-group{margin-bottom:1.5rem}.classgroup-form .form-group label{display:block;margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:500}.classgroup-form .form-group input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;outline:none;box-sizing:border-box}.classgroup-form .form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.classgroup-form .form-group input.error{border-color:#ef4444}.classgroup-form .error-text{display:block;margin-top:.25rem;color:#ef4444;font-size:.75rem}.classgroup-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.action-buttons{display:flex;align-items:center;gap:.5rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s;color:#6b7280}.btn-icon:hover{background:#f3f4f6;color:#111827}.btn-view{color:#3b82f6}.btn-view:hover{background:#dbeafe;color:#2563eb}.btn-edit{color:#10b981}.btn-edit:hover{background:#d1fae5;color:#059669}@media(max-width:768px){.classgroup-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch}.list-controls-right{flex-direction:column;align-items:stretch;width:100%}.export-buttons{width:100%;flex-direction:column}.export-buttons button{width:100%}.page-size-selector{width:100%;justify-content:space-between}.search-box{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}.modal-content{max-width:95%}}.edit-timetable-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-timetable-modal{background:#fff;border-radius:.5rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.edit-timetable-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.edit-timetable-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.edit-timetable-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;transition:color .2s;display:flex;align-items:center;justify-content:center}.edit-timetable-modal-close:hover{color:#111827}.edit-timetable-modal-form{padding:1.5rem}.timetable-form-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.timetable-form-periods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.period-group{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#f9fafb}.period-label{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.75rem;display:block}.period-inputs-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.period-input-group{display:flex;flex-direction:column;gap:.5rem}.period-input-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.period-input-group select{padding:.625rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;width:100%;background:#fff;cursor:pointer}.period-input-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.period-input-group select.error{border-color:#ef4444}.period-input-group select:disabled{background:#f3f4f6;cursor:not-allowed}.period-input-group .error-text{font-size:.75rem;color:#ef4444;margin-top:.25rem}.edit-timetable-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media(max-width:768px){.edit-timetable-modal{max-width:100%;margin:1rem}.period-inputs-row{grid-template-columns:1fr}.edit-timetable-modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.timetable-list-container{padding:2rem;max-width:1400px;margin:0 auto}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.timetable-table{width:100%;border-collapse:collapse;min-width:600px}.timetable-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.sticky-col:nth-child(2){left:60px;z-index:11;width:150px;min-width:150px;max-width:150px}.timetable-table thead .sticky-col{background:#f9fafb;z-index:12}.timetable-table thead .sticky-col:first-child{left:0}.timetable-table thead .sticky-col:nth-child(2){left:60px}.timetable-table thead .sticky-col.actions-col{right:0;left:auto}.timetable-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.period-header{text-align:center;background:#e5e7eb;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;font-weight:700;font-size:.875rem;min-width:150px}.timetable-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.period-cell{text-align:center;min-width:150px;vertical-align:middle}.period-content{display:flex;flex-direction:column;gap:.25rem}.period-subject{font-weight:600;color:#111827;font-size:.875rem}.period-teacher{font-weight:400;color:#6b7280;font-size:.75rem}.timetable-table tbody tr{transition:background .2s}.timetable-table tbody tr:hover{background:#f9fafb}.timetable-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.timetable-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section{flex-direction:column;align-items:stretch}.filters-group{min-width:100%}.list-controls{flex-direction:column;align-items:stretch;gap:1rem}.list-controls-right{flex-direction:column;align-items:stretch;width:100%}.export-buttons{width:100%;flex-direction:column}.export-buttons button{width:100%}.page-size-selector{width:100%;justify-content:space-between}.search-box{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}}.tc-list-container{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-primary{background:#4f46e5;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.list-controls-right{display:flex;align-items:center;gap:1rem}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none}.search-box input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;outline:none}.search-box input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.tc-table{width:100%;border-collapse:collapse;min-width:800px}.tc-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.tc-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.tc-table th:hover{background:#f3f4f6}.tc-table th span{margin-left:.25rem;color:#4f46e5}.tc-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.tc-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.tc-table tbody tr{transition:background .2s}.tc-table tbody tr:hover{background:#f9fafb}.tc-table tbody tr:last-child td{border-bottom:none}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-icon{background:none;border:1px solid #e5e7eb;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#6b7280}.btn-icon:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-view:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.btn-delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-modal{max-width:400px}.delete-modal-header{padding:2rem;text-align:center}.delete-icon-wrapper{width:64px;height:64px;margin:0 auto 1rem;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.delete-modal-header h2{margin:0 0 .5rem;color:#111827;font-size:1.5rem}.delete-modal-header p{margin:.5rem 0;color:#6b7280}.delete-warning{color:#dc2626!important;font-weight:500}.delete-modal-actions{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.btn-delete-confirm{background:#dc2626;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-delete-confirm:hover:not(:disabled){background:#b91c1c}.btn-delete-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.tc-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch}.list-controls-right{flex-direction:column;align-items:stretch;width:100%}.page-size-selector{width:100%;justify-content:space-between}.search-box{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}}.view-tc-container{padding:2rem;max-width:1000px;margin:0 auto}.header-actions{display:flex;gap:.75rem}.tc-details-card{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem}.tc-info-section{width:100%}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:500;font-size:.875rem;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem;color:#111827;font-weight:500}.tc-type-badge-large{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.loading-spinner{text-align:center;padding:3rem;color:#6b7280;font-size:1rem}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:2rem;border-radius:.5rem;text-align:center}.error-message p{margin:0 0 1.5rem;font-size:1rem}.error-message .btn-primary{margin-top:1rem;background:#dc2626;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer}.error-message .btn-primary:hover{background:#b91c1c}@media(max-width:768px){.view-tc-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.info-grid{grid-template-columns:1fr}}.tc-form-container{padding:2rem;max-width:1000px;margin:0 auto}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.tc-form{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;font-size:.875rem;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;outline:none;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input[readonly]{background:#f9fafb;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem}.form-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem;font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.tc-form-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.attendance-summary-container{padding:2rem;max-width:1400px;margin:0 auto}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.table-container{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse;min-width:800px}@media(max-width:768px){.attendance-summary-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch;gap:1rem}.page-size-selector{width:100%;justify-content:space-between}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}}.attendance-list-container{padding:2rem;max-width:1400px;margin:0 auto}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.attendance-table{width:100%;border-collapse:collapse;min-width:600px}.attendance-table thead .sticky-col{background:#f9fafb;z-index:12}.attendance-table thead .sticky-col:first-child{left:0}.attendance-table thead .sticky-col:nth-child(2){left:60px}.attendance-table thead .sticky-col:nth-child(3){left:140px}.date-header{min-width:80px;max-width:80px;text-align:center;padding:.875rem .5rem;font-size:.75rem;writing-mode:horizontal-tb}.attendance-cell{text-align:center;padding:.75rem .5rem;min-width:80px;max-width:80px}.attendance-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.attendance-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.attendance-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.attendance-table tbody tr{transition:background .2s}.attendance-table tbody tr:hover{background:#f9fafb}.attendance-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-width:24px;text-align:center}.status-badge.present{background:#d1fae5;color:#065f46}.status-badge.absent{background:#fee2e2;color:#991b1b}.status-badge.holiday{background:#fef3c7;color:#92400e}.status-badge.empty{background:#f3f4f6;color:#9ca3af;font-weight:400}@media(max-width:768px){.attendance-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch;gap:1rem}.page-size-selector{width:100%;justify-content:space-between}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}}.edit-mark-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-mark-modal{background:#fff;border-radius:.5rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.edit-mark-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.edit-mark-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.edit-mark-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;transition:color .2s;display:flex;align-items:center;justify-content:center}.edit-mark-modal-close:hover{color:#111827}.edit-mark-modal-form{padding:1.5rem}.mark-form-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.info-row{display:flex;align-items:center;gap:1rem}.info-row label{font-weight:600;color:#374151;min-width:100px;font-size:.875rem}.info-row span{color:#111827;font-size:.875rem}.mark-form-subjects{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.subject-marks-group{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#f9fafb}.subject-label{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.75rem;display:block}.marks-inputs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mark-input-group{display:flex;flex-direction:column;gap:.5rem}.mark-input-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.mark-input-group input{padding:.625rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;width:100%}.mark-input-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.mark-input-group input.error{border-color:#ef4444}.mark-input-group input:read-only{background:#f3f4f6;cursor:not-allowed}.mark-input-group .error-text{font-size:.75rem;color:#ef4444;margin-top:.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group input.error{border-color:#ef4444}.form-group input:read-only{background:#f3f4f6;cursor:not-allowed}.error-text{font-size:.75rem;color:#ef4444}.mark-form-summary{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.summary-row{display:flex;align-items:center;gap:1rem}.summary-row label{font-weight:600;color:#374151;min-width:120px;font-size:.875rem}.summary-row input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.summary-row .readonly-input{background:#f3f4f6;cursor:not-allowed}.calculated-value{font-weight:600;color:#111827;font-size:1rem}.calculated-label{font-size:.75rem;color:#6b7280;font-style:italic;margin-left:auto}.edit-mark-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-primary{background:#4f46e5;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.edit-mark-modal{max-width:100%;margin:1rem}.marks-inputs-row{grid-template-columns:1fr}.edit-mark-modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.mark-list-container{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:600}.filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-end;flex-wrap:wrap;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.filters-group{display:flex;flex-direction:column;gap:.5rem;flex:0 0 auto;min-width:200px}.filters-group label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;outline:none;transition:all .2s;font-weight:500;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.filter-select:hover{border-color:#9ca3af;background-color:#fff}.filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.filter-select:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector label{font-size:.875rem;color:#6b7280;white-space:nowrap}.page-size-selector select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;cursor:pointer;outline:none;transition:all .2s}.page-size-selector select:hover{border-color:#9ca3af}.page-size-selector select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.list-info{color:#6b7280;font-size:.875rem;white-space:nowrap}.export-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.table-container{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.table-scroll-wrapper{overflow-x:auto;max-width:100%}.mark-table{width:100%;border-collapse:collapse;min-width:600px}.sticky-col{position:sticky;background:#fff;z-index:10}.sticky-col:first-child{left:0;z-index:11;width:60px;min-width:60px;max-width:60px}.sticky-col:nth-child(2){left:60px;z-index:11;width:80px;min-width:80px;max-width:80px}.sticky-col:nth-child(3){left:140px;z-index:11;width:200px;min-width:200px;max-width:200px}.sticky-col.actions-col{right:0;left:auto;width:120px;min-width:120px;max-width:120px}.mark-table thead .sticky-col{background:#f9fafb;z-index:12}.mark-table thead .sticky-col:first-child{left:0}.mark-table thead .sticky-col:nth-child(2){left:60px}.mark-table thead .sticky-col:nth-child(3){left:140px}.mark-table thead .sticky-col.actions-col{right:0;left:auto}.mark-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.mark-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.subject-header{text-align:center;background:#e5e7eb;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;font-weight:700;font-size:.875rem}.mark-type-header{text-align:center;background:#f3f4f6;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;font-weight:500;font-size:.75rem;padding:.5rem .75rem;color:#6b7280}.mark-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.mark-table tbody tr{transition:background .2s}.mark-table tbody tr:hover{background:#f9fafb}.mark-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:3rem;color:#6b7280;font-style:italic}.mark-cell{text-align:center;min-width:80px}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-view,.btn-edit{padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-view:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.btn-edit:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-numbers{display:flex;align-items:center;gap:.25rem}.pagination-btn{min-width:2.5rem;height:2.5rem;padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.pagination-btn.active:hover{background:#4338ca;border-color:#4338ca}.pagination-ellipsis{padding:0 .5rem;color:#6b7280;font-size:.875rem}@media(max-width:768px){.mark-list-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-controls{flex-direction:column;align-items:stretch;gap:1rem}.page-size-selector{width:100%;justify-content:space-between}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-info{text-align:center;width:100%}}.dashboard-content{max-width:1200px;margin:0 auto}.dashboard-content h1{margin-bottom:1rem;color:#111827}.dashboard-content p{color:#6b7280;font-size:1rem;line-height:1.6}