*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;background:#e0e0e0;color:#333}button{background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border:1px solid #999;color:#333;padding:8px 16px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:14px;border-radius:2px}button:hover:not(:disabled){background:linear-gradient(180deg,#e8e8e8,silver);border-color:#666}button:active:not(:disabled){background:linear-gradient(180deg,silver,#d0d0d0);box-shadow:inset 0 1px 3px #0003}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#6a8bc7,#4a6fa5);color:#fff;border-color:#3a5f95}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#5a7bb7,#3a5f95)}input[type=text],input[type=password],select,textarea{background:#fff;border:1px solid #999;padding:6px 8px;font-family:Arial,Helvetica,sans-serif;font-size:14px;border-radius:2px}input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:2px solid #4a6fa5;outline-offset:0;border-color:#4a6fa5}table{border-collapse:collapse;width:100%;background:#fff}table th{background:linear-gradient(180deg,#f0f0f0,#d8d8d8);border:1px solid #999;padding:8px;text-align:left;font-weight:700}table td{border:1px solid #ccc;padding:8px}table tr:nth-child(2n){background:#f9f9f9}.panel{background:#fff;border:1px solid #999;box-shadow:2px 2px 4px #0000001a}.panel-header{background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border-bottom:1px solid #999;padding:10px 15px;font-weight:700}.panel-body{padding:15px}.alert{padding:10px 15px;border:1px solid;margin:10px 0;border-radius:2px}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#b8c6db,#8c9fb8);padding:20px}.login-box{background:#fff;border:1px solid #999;box-shadow:3px 3px 8px #0003;width:100%;max-width:400px}.login-header{background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border-bottom:1px solid #999;padding:20px;text-align:center}.login-header h1{font-size:28px;color:#4a6fa5;margin:0 0 5px}.login-header p{font-size:12px;color:#666;margin:0 0 15px}.login-header h2{font-size:18px;color:#333;margin:0}.login-header .underline{width:60px;height:2px;background:#4a6fa5;margin:8px auto}.login-header small{font-size:11px;color:#666}.login-form{padding:25px 20px 20px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:5px;font-size:14px;font-weight:700;color:#333}.form-group input{width:100%}.password-input{position:relative;display:flex}.password-input input{flex:1;padding-right:60px}.toggle-password{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#e8e8e8,#c8c8c8);border:1px solid #999;padding:4px 10px;font-size:12px}.login-button{width:100%;padding:10px;font-size:15px;font-weight:700;margin-top:10px}.login-footer{background:#f5f5f5;border-top:1px solid #ccc;padding:12px;text-align:center;font-size:11px;color:#666}@media(max-width:600px){.login-box{max-width:100%}.login-header h1{font-size:24px}}.dashboard-layout{display:flex;height:100vh;background:#e0e0e0}.mobile-header{display:none;background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border-bottom:1px solid #999;padding:12px 15px;align-items:center;gap:15px;position:fixed;top:0;left:0;right:0;z-index:100}.menu-toggle{background:linear-gradient(180deg,#e8e8e8,silver);border:1px solid #999;padding:5px 12px;font-size:18px}.sidebar{width:240px;background:#fff;border-right:1px solid #999;display:flex;flex-direction:column;height:100vh;box-shadow:2px 0 4px #0000001a}.sidebar-header{background:linear-gradient(180deg,#6a8bc7,#4a6fa5);color:#fff;padding:20px 15px;border-bottom:1px solid #3a5f95}.sidebar-header h2{margin:0 0 5px;font-size:20px}.sidebar-header small{font-size:12px;opacity:.9}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-item{width:100%;padding:10px 15px;text-align:left;background:#fff;border:none;border-left:3px solid transparent;cursor:pointer;font-size:14px;color:#333;transition:all .2s}.nav-item:hover{background:#f0f0f0;border-left-color:#4a6fa5}.nav-item.active{background:linear-gradient(90deg,#6a8bc7,#5a7bb7);color:#fff;border-left-color:#3a5f95;font-weight:700}.sidebar-footer{padding:15px;border-top:1px solid #ccc}.logout-button{width:100%;background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border:1px solid #999;padding:10px;font-size:14px;color:#d32f2f;font-weight:700}.logout-button:hover{background:linear-gradient(180deg,#f8d7da,#f5c6cb)}.main-content{flex:1;overflow-y:auto;padding:20px}.sidebar-overlay{display:none}@media(max-width:768px){.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:-240px;z-index:101;transition:left .3s}.sidebar.open{left:0}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:100}.main-content{margin-top:50px;width:100%}}.tabs-container{margin-bottom:20px}.tabs-header{display:flex;background:#fff;border:1px solid #999;border-bottom:none}.tab{flex:1;padding:12px 20px;background:linear-gradient(180deg,#f0f0f0,#d8d8d8);border:none;border-right:1px solid #999;cursor:pointer;font-size:14px;font-weight:400;color:#333;transition:all .2s}.tab:last-child{border-right:none}.tab:hover{background:linear-gradient(180deg,#e8e8e8,#d0d0d0)}.tab.active{background:#fff;font-weight:700;color:#4a6fa5;border-bottom:2px solid #4a6fa5;position:relative;z-index:1}.students-page{padding:24px;max-width:1400px;margin:0 auto;height:100vh;display:flex;flex-direction:column;overflow:hidden}.students-content{display:flex;flex-direction:column;gap:20px;flex:1;overflow:hidden}.students-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0}.students-table-section{background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;flex:1;overflow:hidden}.students-table{width:100%;border-collapse:collapse;font-size:14px}.students-table thead{background:#f8f8f8;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:10}.students-table th{text-align:left;padding:10px 16px;font-weight:600;color:#1a1a1a;white-space:nowrap}.students-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.students-table th.sortable:hover{background:#efefef}.students-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .1s}.students-table tbody tr:hover{background:#fafafa}.students-table td{padding:8px 16px;vertical-align:middle}.roll-cell{font-weight:500;color:#1a1a1a;white-space:nowrap}@media(max-width:768px){.students-page{padding:16px}.page-header h1{font-size:24px}.students-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.pagination-section{flex-direction:column;align-items:flex-start}.pagination-controls{width:100%;flex-direction:column;align-items:stretch;gap:12px}.page-size-selector{justify-content:space-between}.page-buttons{justify-content:center}}.faculties-page{padding:24px;max-width:1400px;margin:0 auto;height:100vh;display:flex;flex-direction:column;overflow:hidden}.page-header{margin-bottom:24px;flex-shrink:0}.faculties-content{display:flex;flex-direction:column;gap:20px;flex:1;overflow:hidden}.faculties-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0}.search-box{position:relative;max-width:400px;flex:1;display:flex;align-items:center}.btn-primary{padding:10px 20px;background:#4a6fa5;color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-primary:hover{background:#3d5b8a}.faculties-table-section{background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;flex:1;overflow:hidden}.loading-state{padding:60px 24px;text-align:center;color:#666}.table-wrapper{overflow:auto;flex:1;min-height:0}.faculties-table{width:100%;border-collapse:collapse;font-size:14px}.faculties-table thead{background:#f8f8f8;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:10}.faculties-table th{text-align:left;padding:10px 16px;font-weight:600;color:#1a1a1a;white-space:nowrap}.faculties-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.faculties-table th.sortable:hover{background:#efefef}.sort-indicator{margin-left:6px;font-size:12px;color:#4a6fa5}.faculties-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .1s}.faculties-table tbody tr:hover{background:#fafafa}.faculties-table td{padding:8px 16px;vertical-align:middle}.name-cell{color:#333}.code-cell{font-weight:500;color:#1a1a1a;font-family:Courier New,monospace}.actions-cell{display:flex;gap:8px}.btn-action{padding:6px 8px;background:transparent;border:1px solid #d0d0d0;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-action svg{display:block}.btn-edit:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.btn-edit:hover svg{stroke:#2196f3}.btn-delete:hover{background:#ffebee;border-color:#f44336;color:#f44336}.btn-delete:hover svg{stroke:#f44336}.no-data{text-align:center;color:#999;font-style:italic;padding:40px 16px}.pagination-section{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;flex-shrink:0;background:#fff}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;align-items:center;gap:24px}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.page-size-selector select{padding:6px 10px;border:1px solid #d0d0d0;font-size:14px;cursor:pointer}.page-size-selector select:focus{outline:none;border-color:#4a6fa5}.page-buttons{display:flex;align-items:center;gap:8px}.btn-page{padding:6px 12px;background:#fff;border:1px solid #d0d0d0;color:#333;font-size:16px;cursor:pointer;transition:all .2s;min-width:36px}.btn-page:hover:not(:disabled){background:#f5f5f5;border-color:#4a6fa5;color:#4a6fa5}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-indicator{font-size:14px;color:#666;padding:0 8px}@media(max-width:768px){.faculties-page{padding:16px}.page-header h1{font-size:24px}.faculties-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.pagination-section{flex-direction:column;align-items:flex-start}.pagination-controls{width:100%;flex-direction:column;align-items:stretch;gap:12px}.page-size-selector{justify-content:space-between}.page-buttons{justify-content:center}}.class-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.loading-text{display:block;font-size:12px;color:#666;margin-top:5px}@media(max-width:600px){.class-selector-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:1px solid #999;box-shadow:4px 4px 8px #0000004d;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.modal-header{background:linear-gradient(180deg,#6a8bc7,#4a6fa5);color:#fff;padding:12px 15px;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #999}.modal-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;line-height:1}.modal-close:hover{background:#fff3}.modal-body{padding:20px;overflow-y:auto;flex:1}.search-controls{display:flex;gap:10px;margin-bottom:15px}.search-type-toggle{display:flex;gap:5px;align-items:center}.search-type-toggle label{display:flex;align-items:center;gap:5px;font-size:13px;cursor:pointer}.search-type-toggle input[type=radio]{cursor:pointer}.search-input-group{display:flex;gap:10px;flex:1}.search-input-group input{flex:1}.search-input-group button{padding:8px 20px;font-size:13px}.faculty-list{border:1px solid #ccc;max-height:300px;overflow-y:auto;background:#fff}.faculty-item{padding:12px 15px;border-bottom:1px solid #ddd;cursor:pointer;transition:background .2s}.faculty-item:hover{background:linear-gradient(180deg,#f5f5f5,#e8e8e8)}.faculty-item:last-child{border-bottom:none}.faculty-name{font-size:14px;font-weight:700;margin-bottom:3px}.faculty-code{font-size:12px;color:#666;font-family:monospace}.no-results{padding:40px 20px;text-align:center;color:#999;font-style:italic}.pagination-controls{display:flex;justify-content:center;gap:10px;margin-top:15px;align-items:center}.pagination-controls button{padding:5px 12px;font-size:12px}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:13px;color:#666}.reports-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.page-header p{font-size:14px;color:#666;margin:0}.reports-content{display:flex;flex-direction:column;gap:24px}.selection-section{background:#fff;border:1px solid #e0e0e0;padding:24px}.selection-section h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.btn-generate{margin-top:16px;padding:10px 24px;background:#4a6fa5;color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-generate:hover:not(:disabled){background:#3d5b8a}.btn-generate:disabled{background:#999;cursor:not-allowed}.error-message{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:14px}.report-section{background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;height:700px}.report-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;flex-shrink:0}.report-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.report-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.report-actions{display:flex;align-items:center;gap:16px}.report-stats{display:flex;gap:24px;font-size:14px}.stat-item{color:#666}.stat-item strong{color:#1a1a1a;font-weight:500}.view-toggle{border-left:1px solid #e0e0e0;padding-left:16px}.view-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.view-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.download-container{position:relative}.btn-download{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4a6fa5;color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-download:hover{background:#3d5b8a}.btn-download svg{flex-shrink:0}.download-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #00000026;z-index:100;min-width:200px}.download-option{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:none;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;cursor:pointer;text-align:left;transition:background .2s}.download-option:last-child{border-bottom:none}.download-option:hover{background:#f8f8f8}.download-option svg{flex-shrink:0;color:#666}.filter-section{padding:16px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.search-box{position:relative;max-width:400px;display:flex;align-items:center}.search-icon{position:absolute;right:12px;color:#999;pointer-events:none}.search-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #d0d0d0;font-size:14px;transition:border-color .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#4a6fa5}.search-input::placeholder{color:#999}.clear-search{position:absolute;right:8px;background:none;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;transition:color .2s}.clear-search:hover{color:#333}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:#f5f5f5;color:#333;border:2px solid transparent;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:#ebebeb}.filter-btn.active{background:#fff;border-color:#4a6fa5;color:#4a6fa5}.filter-btn.filter-pass.active{border-color:#2e7d32;color:#2e7d32;background:#e8f5e9}.filter-btn.filter-condonation.active{border-color:#e65100;color:#e65100;background:#fff3e0}.filter-btn.filter-below75.active{border-color:#f57c00;color:#f57c00;background:#fff3e0}.filter-btn.filter-fail.active{border-color:#c62828;color:#c62828;background:#ffebee}.filter-info{margin-top:12px;padding:10px 14px;background:#f8f9fa;border-left:3px solid #4a6fa5;font-size:13px;color:#555}.filter-info p{margin:0}.sub-filters{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px}.sub-filter-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.sub-filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.sub-filter-option span{flex:1}.report-table tbody tr.status-fail{background:#fff5f5}.report-table tbody tr.status-condonation{background:#fffef7}.report-table tbody tr.status-fail:hover{background:#ffebee}.report-table tbody tr.status-condonation:hover{background:#fff9e6}.report-table tbody tr.status-fail .sticky-col,.report-table tbody tr.status-fail .sticky-col-2{background:#fff5f5}.report-table tbody tr.status-condonation .sticky-col,.report-table tbody tr.status-condonation .sticky-col-2{background:#fffef7}.report-table tbody tr.status-fail:hover .sticky-col,.report-table tbody tr.status-fail:hover .sticky-col-2{background:#ffebee}.report-table tbody tr.status-condonation:hover .sticky-col,.report-table tbody tr.status-condonation:hover .sticky-col-2{background:#fff9e6}.report-table-wrapper{flex:1;overflow:hidden;position:relative;padding:0 24px 24px}.report-table-container{overflow:auto;height:100%}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table thead{background:#f8f8f8;position:sticky;top:0;z-index:10}.report-table th{text-align:left;padding:10px 12px;font-weight:600;color:#1a1a1a;border-bottom:3px solid #d0d0d0;white-space:nowrap;background:#f8f8f8;box-shadow:0 2px 4px #0000000d}.report-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .1s}.report-table tbody tr:hover{background:#fafafa}.report-table td{padding:8px 12px;vertical-align:middle}.sticky-col{position:sticky;left:0;background:#f8f8f8}.sticky-col-2{position:sticky;left:80px;background:#f8f8f8}.report-table thead .sticky-col,.report-table thead .sticky-col-2{z-index:12}.report-table tbody .sticky-col,.report-table tbody .sticky-col-2{background:#fff;z-index:5}.report-table tbody tr:hover .sticky-col,.report-table tbody tr:hover .sticky-col-2{background:#fafafa}.roll-cell{font-weight:500;color:#1a1a1a;white-space:nowrap;width:80px}.name-cell{color:#333;min-width:180px;white-space:nowrap}.percentage-cell{text-align:center;white-space:nowrap}.percentage-badge{display:inline-block;padding:3px 10px;border-radius:3px;font-weight:500;font-size:13px}.percentage-badge.high{background:#e8f5e9;color:#2e7d32}.percentage-badge.medium{background:#fff3e0;color:#e65100}.percentage-badge.low{background:#ffebee;color:#c62828}.subject-cell{text-align:center;white-space:nowrap}.subject-percentage{font-weight:600;font-size:13px}.subject-percentage.high{color:#2e7d32}.subject-percentage.medium{color:#e65100}.subject-percentage.low{color:#c62828}.no-data{color:#999;font-style:italic;font-size:13px}.no-data-message{background:#fff;border:1px solid #e0e0e0;padding:48px 24px;text-align:center;color:#999}.no-data-message svg{margin-bottom:16px;opacity:.5}.no-data-message p{margin:0;font-size:14px}@media(max-width:768px){.reports-page{padding:16px}.page-header h1{font-size:24px}.selection-section,.report-section{padding:16px}.report-header{flex-direction:column;align-items:flex-start}.report-stats{flex-direction:column;gap:8px}.report-table th,.report-table td{padding:12px 8px}.subjects-grid{grid-template-columns:1fr}.name-cell{min-width:120px}.search-box{max-width:100%}}