.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:400px}.login-card h1{font-size:24px;margin-bottom:8px;color:var(--dark);text-align:center}.subtitle{color:var(--secondary);text-align:center;margin-bottom:30px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text);font-size:14px}.form-group select,.form-group input{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;transition:var(--transition)}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.login-button{width:100%;padding:12px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;margin-top:20px;transition:var(--transition);font-size:16px}.login-button:hover{background-color:var(--primary-dark)}.error-message{background-color:#fee2e2;color:#991b1b;padding:12px;border-radius:var(--radius);margin:16px 0;border-left:4px solid var(--danger);font-size:14px}.login-info{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);font-size:13px}.login-info p{margin:8px 0;color:var(--secondary)}.security-note{background-color:#fffbeb;color:#78350f;padding:10px;border-radius:var(--radius);margin-top:10px}.sidebar{width:240px;background-color:#fff;border-right:1px solid var(--border);padding:24px 16px;overflow-y:auto;transition:var(--transition)}.nav-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--secondary);margin-bottom:16px;padding:0 8px}.nav-menu{margin-bottom:40px}.nav-item{display:block;padding:12px;color:var(--text);border-radius:var(--radius);transition:var(--transition);margin-bottom:4px}.nav-item:hover{background-color:#f1f5f9;color:var(--primary)}.nav-item.active{background-color:#eff6ff;color:var(--primary);font-weight:600;border-left:4px solid var(--primary);padding-left:8px}.sidebar-footer{border-top:1px solid var(--border);padding-top:16px;text-align:center}.version,.note{font-size:12px;color:var(--secondary);margin:4px 0}@media (max-width: 768px){.sidebar{position:fixed;left:-240px;top:60px;height:calc(100vh - 60px);z-index:99;transition:var(--transition)}.sidebar.open{left:0}}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;background-color:#fff;padding:16px 24px;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.toggle-sidebar-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text);display:none}.app-title{font-size:20px;font-weight:700;color:var(--primary);white-space:nowrap}.search-form{flex:1;display:flex;gap:8px;max-width:400px}.search-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-btn{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:var(--transition)}.search-btn:hover{background-color:var(--primary-dark)}.header-right{display:flex;align-items:center;gap:16px}.user-badge{background-color:var(--primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.logout-btn{padding:8px 16px;background-color:#f3f4f6;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-weight:500;transition:var(--transition)}.logout-btn:hover{background-color:#e5e7eb}@media (max-width: 768px){.header{flex-wrap:wrap;padding:12px 16px}.toggle-sidebar-btn{display:block}.search-form{max-width:none;order:3;width:100%}.header-right{order:2}}.layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.content-area{flex:1;padding:24px;background-color:#f1f5f9;overflow-y:auto}@media (max-width: 768px){.content-area{padding:16px}}.dashboard{max-width:1400px;margin:0 auto}.dashboard h1{font-size:28px;margin-bottom:24px;color:var(--dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;padding:20px;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-value{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:8px}.stat-label{font-weight:600;color:var(--text);margin-bottom:4px}.stat-desc{font-size:12px;color:var(--secondary)}.chart-section{background:#fff;padding:24px;border-radius:var(--radius);margin-bottom:32px;border:1px solid var(--border)}.chart-section h2{font-size:18px;margin-bottom:20px;color:var(--dark)}.channel-bars{display:flex;flex-direction:column;gap:16px}.bar-item{display:flex;align-items:center;gap:16px}.bar-label{width:80px;font-weight:600;color:var(--text)}.bar-container{flex:1;height:24px;background-color:#f1f5f9;border-radius:4px;overflow:hidden}.bar-value{width:40px;text-align:right;font-weight:600;color:var(--text)}.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.recent-section{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.recent-section h2{font-size:18px;margin-bottom:16px;color:var(--dark)}.recent-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.recent-item{padding:12px;background-color:#f8fafc;border-radius:var(--radius);transition:var(--transition);border-left:4px solid var(--primary)}.recent-item:hover{background-color:#f1f5f9}.item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.item-id{font-weight:700;color:var(--dark);font-size:13px}.complaint-count{background-color:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.item-details{font-size:13px;color:var(--secondary);margin-bottom:8px}.item-details p{margin:4px 0}.item-link{font-size:12px;color:var(--primary);font-weight:600}.view-all-link{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--primary)}.view-all-link:hover{text-decoration:underline}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.recent-grid{grid-template-columns:1fr}}.profile-page{max-width:1000px;margin:0 auto}.back-link{display:inline-block;margin-bottom:20px;color:var(--primary);font-weight:500}.summary-card{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px}.summary-card h1{font-size:28px;margin-bottom:20px;color:var(--dark)}.summary-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.info-group{display:flex;flex-direction:column}.info-group .label{font-weight:600;color:var(--secondary);font-size:12px;text-transform:uppercase;margin-bottom:4px}.info-group .value{font-size:15px;color:var(--dark);font-weight:500}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px;border-top:1px solid var(--border)}.stat{text-align:center}.stat-num{font-size:28px;font-weight:700;color:var(--primary)}.stat-label{font-size:12px;color:var(--secondary);margin-top:4px}.section{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px}.section h2{font-size:18px;margin-bottom:20px;color:var(--dark);font-weight:600}.scores-table{width:100%;border-collapse:collapse}.scores-table th{background-color:#f8fafc;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid var(--border);font-size:13px}.scores-table td{padding:12px;border-bottom:1px solid var(--border);font-size:13px}.channel-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background-color:#f1f5f9;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--secondary);transition:all .2s ease}.filter-btn:hover{background-color:#e2e8f0;border-color:var(--primary)}.filter-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{padding:16px;background-color:#f8fafc;border-radius:var(--radius);border-left:4px solid var(--primary)}.timeline-date{font-size:12px;color:var(--secondary);margin-bottom:8px;font-weight:600}.timeline-content{font-size:14px}.complaint-id{font-weight:700;color:var(--dark)}.complaint-desc{color:var(--text);margin:8px 0}.complaint-meta{display:flex;gap:16px;font-size:12px;color:var(--secondary);margin:8px 0}.linked-case{font-size:12px;color:var(--primary);margin-top:8px}.complaint-actions{margin-top:8px}.cases-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.case-card{background-color:#f8fafc;padding:16px;border-radius:var(--radius);border:1px solid var(--border)}.case-header{margin-bottom:12px}.case-header h3{font-size:14px;color:var(--dark);margin-bottom:8px}.case-info{font-size:12px;color:var(--text);margin-bottom:12px}.case-info p{margin:4px 0}@media (max-width: 768px){.summary-info{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat-num{font-size:20px}.cases-list{grid-template-columns:1fr}}.search-page{max-width:1000px;margin:0 auto}.search-page h1{font-size:28px;margin-bottom:24px;color:var(--dark)}.search-box{margin-bottom:32px}.search-input-large{width:100%;padding:14px 18px;font-size:16px;border:2px solid var(--border);border-radius:var(--radius);transition:var(--transition)}.search-input-large:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-results{margin-bottom:32px}.result-count{color:var(--secondary);margin-bottom:16px;font-size:14px}.results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.teacher-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition)}.teacher-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.card-header h3{font-size:16px;color:var(--dark)}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.card-info{margin-bottom:16px}.card-info p{font-size:13px;color:var(--text);margin:6px 0}.card-actions{display:flex;gap:8px}.btn-primary{flex:1;padding:8px 12px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:13px;transition:var(--transition)}.no-results{background:#fff;padding:40px;border-radius:var(--radius);text-align:center;color:var(--secondary)}.all-teachers{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.all-teachers h2{font-size:18px;margin-bottom:20px;color:var(--dark)}.teachers-table{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{background-color:#f8fafc;padding:12px;text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid var(--border);font-size:13px}table td{padding:12px;border-bottom:1px solid var(--border);font-size:13px}table tr:hover{background-color:#f8fafc}.link{color:var(--primary);cursor:pointer;font-weight:500}.link:hover{text-decoration:underline}@media (max-width: 768px){.results-list{grid-template-columns:1fr}.teachers-table{font-size:12px}table th,table td{padding:8px}}.form-page{max-width:800px;margin:0 auto}.form-page h1{font-size:28px;margin-bottom:24px;color:var(--dark)}.complaint-form,.score-form{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.form-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:16px;color:var(--dark);margin-bottom:16px;font-weight:600}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:100px}.error-message{background-color:#fee2e2;color:#991b1b;padding:12px;border-radius:var(--radius);margin-bottom:16px;border-left:4px solid var(--danger)}.form-actions{display:flex;gap:12px;margin-top:32px}.form-actions .btn{padding:12px 24px;flex:1}.btn-primary{background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition)}.btn-secondary{background-color:#f3f4f6;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition)}@media (max-width: 768px){.form-page{padding:0}.complaint-form,.score-form{border-radius:0;padding:16px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{flex:none}}.detail-page{max-width:1000px;margin:0 auto}.detail-card{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.detail-header h1{font-size:24px;color:var(--dark)}.badges{display:flex;gap:8px;flex-wrap:wrap}.detail-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h2{font-size:16px;color:var(--dark);margin-bottom:16px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-grid>div{font-size:14px;color:var(--text)}.info-grid strong{color:var(--dark);display:block;margin-bottom:4px}.description{margin-top:16px}.description strong{display:block;margin-bottom:8px;color:var(--dark)}.description p{color:var(--text);line-height:1.6}.linked-case-info{background-color:#f8fafc;padding:16px;border-radius:var(--radius);border:1px solid var(--border)}.linked-case-info h3{color:var(--dark);margin-bottom:12px}.case-details{display:flex;gap:20px;margin-bottom:12px;flex-wrap:wrap}.case-details span{font-size:13px}.actions-list{display:flex;flex-direction:column;gap:12px}.action-item{background-color:#f8fafc;padding:12px;border-radius:var(--radius);border-left:4px solid var(--primary)}.action-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.action-id{font-weight:700;font-size:12px;color:var(--dark)}.action-type{background-color:var(--primary);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.action-details{font-size:12px;color:var(--text)}.action-details p{margin:4px 0}.btn-small{padding:6px 12px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:12px;font-weight:600}.btn-small:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.detail-header{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}}.cases-page{max-width:1200px;margin:0 auto}.cases-page h1{font-size:28px;margin-bottom:24px;color:var(--dark)}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-tab{padding:8px 16px;border:1px solid var(--border);background-color:#fff;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:14px;color:var(--text);transition:var(--transition)}.filter-tab:hover{background-color:#f8fafc;border-color:var(--primary)}.filter-tab.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.case-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition)}.case-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.card-header h3{font-size:16px;color:var(--dark);font-weight:600}.severity-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.card-title{font-size:14px;color:var(--text);margin-bottom:12px;font-weight:500}.card-teacher{font-size:13px;color:var(--secondary);margin-bottom:12px}.card-teacher strong{color:var(--dark)}.card-info{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text);margin-bottom:12px}.card-info>div{display:flex;justify-content:space-between}.card-notes{background-color:#f8fafc;padding:12px;border-radius:var(--radius);margin-bottom:12px;font-size:12px;color:var(--text)}.card-notes p{margin:0}.empty-state{background:#fff;padding:40px;border-radius:var(--radius);text-align:center;color:var(--secondary);border:1px solid var(--border)}@media (max-width: 768px){.cases-grid{grid-template-columns:1fr}.filter-tabs{overflow-x:auto}}.complaints-list{display:flex;flex-direction:column;gap:12px}.complaint-item{background-color:#f8fafc;padding:12px;border-radius:var(--radius);border-left:4px solid var(--primary)}.complaint-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.complaint-id{font-weight:700;font-size:12px;color:var(--dark)}.complaint-details{font-size:12px;color:var(--text);margin-bottom:8px}.complaint-details p{margin:4px 0}.complaint-details p:first-child{font-weight:600;color:var(--dark)}.action-log-page{max-width:1400px;margin:0 auto}.action-log-page h1{font-size:28px;margin-bottom:24px;color:var(--dark)}.filters-section{display:flex;gap:16px;align-items:center;margin-bottom:24px;background:#fff;padding:16px;border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:600;color:var(--text);font-size:14px;white-space:nowrap}.filter-group select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;min-width:150px}.filter-summary{margin-left:auto;color:var(--secondary);font-size:13px}.actions-table-wrapper{background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;margin-bottom:24px}.actions-table{width:100%;border-collapse:collapse;font-size:13px}.actions-table thead{background-color:#f8fafc;border-bottom:2px solid var(--border)}.actions-table th{padding:12px;text-align:left;font-weight:600;color:var(--text)}.actions-table td{padding:12px;border-bottom:1px solid var(--border)}.actions-table tbody tr:hover{background-color:#f8fafc}.action-id-cell{font-weight:700;color:var(--dark)}.action-type-badge{background-color:#dbeafe;color:#0c4a6e;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-block}.complaint-cell{font-family:monospace;color:var(--primary);font-weight:500}.date-cell{white-space:nowrap;color:var(--secondary)}.notes-cell{max-width:200px;overflow:hidden;color:var(--secondary)}.empty-state{background:#fff;padding:40px;border-radius:var(--radius);text-align:center;color:var(--secondary);border:1px solid var(--border);margin-bottom:24px}.stats-summary{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.stats-summary h2{font-size:18px;margin-bottom:20px;color:var(--dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-item{background-color:#f8fafc;padding:12px;border-radius:var(--radius);border:1px solid var(--border);text-align:center}.stat-label{font-size:12px;color:var(--secondary);margin-bottom:8px;display:block}.stat-count{font-size:20px;font-weight:700;color:var(--primary)}@media (max-width: 768px){.filters-section{flex-direction:column;align-items:flex-start}.filter-summary{margin-left:0}.actions-table{font-size:11px}.actions-table th,.actions-table td{padding:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.reports-page{max-width:1400px;margin:0 auto}.report-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;flex-wrap:wrap}.report-header h1{font-size:28px;margin-bottom:4px;color:var(--dark)}.report-subtitle{font-size:14px;color:var(--secondary);margin:0}.report-actions-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.reports-page h1{font-size:28px;color:var(--dark)}.metrics-section{margin-bottom:40px}.metrics-section h2{font-size:20px;margin-bottom:20px;color:var(--dark);font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px}.metric-card{background:#fff;padding:20px;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-label{font-size:12px;color:var(--secondary);text-transform:uppercase;font-weight:600;margin-bottom:8px}.metric-value{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:8px}.metric-detail{font-size:12px;color:var(--secondary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-header h2{font-size:16px;color:var(--dark);font-weight:600;margin:0}.view-more-btn{background:none;border:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:var(--radius);transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.view-more-btn:hover{background-color:#2563eb1a}.breakdown-card{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.breakdown-card h2{font-size:16px;margin-bottom:20px;color:var(--dark);font-weight:600}.breakdown-list{display:flex;flex-direction:column;gap:16px}.breakdown-item{display:flex;align-items:center;gap:12px}.item-label{width:100px;font-weight:500;color:var(--text);font-size:13px}.item-bar{flex:1;height:24px;background-color:#f1f5f9;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#7c3aed);transition:var(--transition)}.bar-fill.severity-low{background:linear-gradient(90deg,var(--severity-low),#059669)}.bar-fill.severity-medium{background:linear-gradient(90deg,var(--severity-medium),#d97706)}.bar-fill.severity-high{background:linear-gradient(90deg,var(--severity-high),#dc2626)}.bar-fill.severity-critical{background:linear-gradient(90deg,var(--severity-critical),#991b1b)}.item-count{width:40px;text-align:right;font-weight:600;color:var(--text);font-size:13px}.insights-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.insights-card{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.insights-card h2{font-size:16px;margin-bottom:20px;color:var(--dark);font-weight:600}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f8fafc;border-radius:var(--radius)}.rank{width:32px;height:32px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.insight-detail{flex:1}.insight-detail strong{display:block;color:var(--dark);font-size:13px}.insight-detail small{display:block;color:var(--secondary);font-size:11px;margin-top:2px}.insight-value{font-weight:700;color:var(--primary);font-size:14px}.recommendations-section{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.recommendations-section h2{font-size:18px;margin-bottom:20px;color:var(--dark);font-weight:600}.recommendations-list{display:flex;flex-direction:column;gap:16px}.recommendation-item{display:flex;gap:16px;padding:16px;border-radius:var(--radius);border-left:4px solid}.recommendation-item.alert{background-color:#fef2f2;border-color:var(--danger)}.recommendation-item.warning{background-color:#fffbeb;border-color:var(--warning)}.recommendation-item.success{background-color:#f0fdf4;border-color:var(--success)}.recommendation-item .icon{font-size:24px;line-height:1}.recommendation-item strong{display:block;margin-bottom:4px;color:var(--dark)}.recommendation-item p{margin:0;font-size:13px;color:var(--text);line-height:1.5}.metric-card.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.metric-card.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.metric-card.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.metric-card.alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.breakdown-content{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.breakdown-section{margin-bottom:40px}.breakdown-section h2{font-size:18px;margin-bottom:20px;color:var(--dark);font-weight:600}.status-list{display:flex;flex-direction:column;gap:16px}.status-item{display:flex;flex-direction:column;gap:8px}.status-bar-container{display:flex;align-items:center;gap:12px}.status-label{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;min-width:80px}.status-label.open{background-color:#dbeafe;color:#1e40af}.status-label.in\ progress{background-color:#fef3c7;color:#92400e}.status-label.resolved{background-color:#dcfce7;color:#166534}.status-label.closed{background-color:#e5e7eb;color:#374151}.progress-bar{flex:1;height:24px;background-color:#f1f5f9;border-radius:4px;overflow:hidden;min-width:100px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#7c3aed);border-radius:4px}.progress-fill.open{background:linear-gradient(90deg,#3b82f6,#1e40af)}.progress-fill.in\ progress{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.resolved{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.closed{background:linear-gradient(90deg,#6b7280,#374151)}.status-count{font-weight:600;color:var(--text);font-size:13px;min-width:60px;text-align:right}.nature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.nature-card{background:#fff;padding:20px;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.nature-card:hover{box-shadow:0 4px 12px #0000000d;border-color:var(--primary)}.nature-count{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:8px}.nature-label{font-size:12px;color:var(--secondary);font-weight:500;line-height:1.4}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mode-card{background:#fff;padding:20px;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:var(--transition)}.mode-card:hover{box-shadow:0 4px 12px #0000000d;border-color:var(--primary)}.mode-count{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:8px}.mode-label{font-size:12px;color:var(--secondary);font-weight:500;line-height:1.4}.hod-list{display:flex;flex-direction:column;gap:12px}.hod-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f8fafc;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.hod-item:hover{background-color:#f1f5f9;border-color:var(--primary)}.hod-name{font-weight:500;color:var(--text);font-size:13px}.hod-count{font-weight:600;color:var(--primary);font-size:13px}.insights-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.insight-card{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.insight-card:hover{box-shadow:0 4px 12px #0000000d}.insight-card h3{font-size:14px;margin-bottom:16px;color:var(--dark);font-weight:600}.insight-value{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:12px}.insight-text{font-size:13px;color:var(--secondary);line-height:1.5;margin:0}.actions-section{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border);margin-top:40px}.data-meta{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.data-meta p{margin:8px 0;font-size:13px;color:var(--secondary)}.data-meta p:first-child{margin-top:0}.report-actions{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:13px;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background-color:#e5e7eb}.faculty-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.faculty-stat-card{background:#fff;padding:16px;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition);position:relative}.faculty-stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.faculty-rank{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.faculty-uid{font-weight:700;color:var(--dark);font-size:14px;margin-bottom:12px;margin-right:20px}.faculty-stats-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.faculty-stats-row .stat{font-size:12px;color:var(--secondary)}.faculty-status-mini{display:flex;gap:6px}.mini-badge{padding:4px 8px;border-radius:3px;font-size:11px;font-weight:600;color:#fff}.mini-badge.completed{background-color:#10b981}.mini-badge.progress{background-color:#f59e0b}.mini-badge.open{background-color:#3b82f6}.intensity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.intensity-card{padding:20px;border-radius:var(--radius);border:2px solid;text-align:center;transition:var(--transition)}.intensity-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.intensity-card.high{background:#fef2f2;border-color:#dc2626;color:#991b1b}.intensity-card.medium{background:#fffbeb;border-color:#f59e0b;color:#92400e}.intensity-card.low{background:#f0fdf4;border-color:#10b981;color:#166534}.intensity-count{font-size:32px;font-weight:700;margin-bottom:8px}.intensity-label{font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.intensity-percent{font-size:18px;font-weight:700}.nature-list{display:flex;flex-direction:column;gap:16px}.nature-list-item{display:grid;grid-template-columns:30px 1fr 80px;gap:12px;align-items:center;padding:12px;background:#f8fafc;border-radius:var(--radius);border:1px solid var(--border)}.nature-rank{width:30px;height:30px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.nature-info{display:flex;flex-direction:column;gap:6px}.nature-name{font-weight:600;color:var(--text);font-size:13px}.nature-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.nature-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#7c3aed);border-radius:3px}.nature-stats{text-align:right;font-size:12px}.nature-stats .count{display:block;font-weight:600;color:var(--text)}.nature-stats .percent{display:block;color:var(--secondary);font-size:11px}.mode-list{display:flex;flex-direction:column;gap:12px}.mode-list-item{display:grid;grid-template-columns:120px 1fr 100px;gap:16px;align-items:center;padding:12px;background:#f8fafc;border-radius:var(--radius);border:1px solid var(--border)}.mode-badge{background:#fff;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--primary);text-align:center}.mode-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.mode-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:4px}.mode-info{font-size:12px;font-weight:600;color:var(--text);text-align:right}.cases-detail-list{display:flex;flex-direction:column;gap:12px}.case-detail-item{padding:16px;background-color:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition)}.case-detail-item:hover{background-color:#f1f5f9;border-color:var(--primary)}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-meta{font-size:12px;color:var(--secondary);margin-left:auto}.detail-info{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--secondary)}.detail-info span{display:flex;gap:4px}.detail-info strong{color:var(--text);font-weight:600}@media (min-width: 1400px){.faculty-stats-grid{grid-template-columns:repeat(5,1fr)}.intensity-grid{grid-template-columns:repeat(3,1fr)}.metrics-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1024px){.metrics-grid,.faculty-stats-grid{grid-template-columns:repeat(3,1fr)}.insights-section{grid-template-columns:repeat(2,1fr)}.status-bar-container{flex-wrap:wrap}}@media (max-width: 768px){.reports-page{max-width:100%;padding:16px}.reports-page h1{font-size:22px;margin-bottom:24px}.reports-page h2{font-size:18px;margin-bottom:16px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:16px;border-radius:6px}.metric-value{font-size:28px;margin-bottom:6px}.metric-label{font-size:11px;margin-bottom:6px}.breakdown-section{margin-bottom:24px}.breakdown-content{padding:16px}.nature-grid,.mode-grid{grid-template-columns:repeat(2,1fr);gap:12px}.nature-card,.mode-card{padding:16px}.nature-count,.mode-count{font-size:24px}.nature-label,.mode-label{font-size:11px}.hod-list{gap:10px}.hod-item{padding:10px;font-size:12px}.insights-section{grid-template-columns:1fr;gap:16px}.insight-card{padding:16px}.insight-card h3{font-size:13px;margin-bottom:12px}.insight-value{font-size:28px;margin-bottom:8px}.insight-text{font-size:12px}.actions-section{padding:16px;margin-top:24px}.data-meta{margin-bottom:16px;padding-bottom:16px}.data-meta p{font-size:12px;margin:6px 0}.report-actions{flex-direction:column;gap:10px}.btn{width:100%;justify-content:center;padding:12px 16px;font-size:14px}.status-bar-container{flex-wrap:wrap;gap:8px}.status-label{min-width:70px;padding:3px 8px;font-size:11px}.progress-bar{min-width:80px;height:20px}.status-count{min-width:50px;font-size:12px}.cases-detail-list{gap:10px}.case-detail-item{padding:12px}.detail-header{gap:8px;flex-wrap:wrap}.detail-info{gap:12px;font-size:12px}}@media (max-width: 480px){.reports-page{padding:12px}.reports-page h1{font-size:18px;margin-bottom:16px}.reports-page h2{font-size:16px;margin-bottom:12px}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric-card{padding:14px}.metric-value{font-size:24px}.metric-label{font-size:10px}.breakdown-content{padding:12px}.nature-grid,.mode-grid{grid-template-columns:1fr;gap:10px}.nature-card,.mode-card{padding:12px;text-align:center}.nature-count,.mode-count{font-size:20px}.nature-label,.mode-label{font-size:10px}.hod-item{padding:8px;font-size:11px}.hod-count{font-size:11px}.insight-card{padding:12px}.insight-card h3{font-size:12px}.insight-value{font-size:24px}.insight-text{font-size:11px}.actions-section{padding:12px}.data-meta p{font-size:11px;margin:4px 0}.report-actions{gap:8px}.btn{padding:10px 12px;font-size:12px;gap:6px}.case-detail-item{padding:10px}.detail-info{gap:8px;font-size:11px;flex-direction:column}.detail-info span{display:block}.faculty-stats-grid{grid-template-columns:1fr}.faculty-stat-card{padding:12px}.faculty-uid{font-size:13px;margin-right:16px}.nature-list-item{grid-template-columns:28px 1fr 70px;gap:10px;padding:10px}.nature-rank{width:28px;height:28px;font-size:12px}.nature-name{font-size:12px}.mode-list-item{grid-template-columns:100px 1fr 80px;gap:12px;padding:10px}.mode-badge{font-size:11px;padding:5px 8px}.mode-info{font-size:11px}.intensity-grid{grid-template-columns:1fr}.intensity-card{padding:16px}.intensity-count{font-size:28px}.intensity-percent{font-size:16px}}.upload-page{max-width:1200px;margin:0 auto;padding:24px}.upload-page h1{font-size:28px;margin-bottom:32px;color:var(--dark)}.upload-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.upload-card{background:#fff;padding:40px;border-radius:var(--radius);border:2px solid var(--border);text-align:center;transition:all .3s ease}.upload-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #2563eb1a}.upload-icon{font-size:48px;margin-bottom:16px}.upload-card h2{font-size:20px;margin-bottom:8px;color:var(--dark)}.upload-card p{color:var(--secondary);margin-bottom:24px;font-size:14px}.file-input-wrapper{position:relative;margin-bottom:24px}.file-input{display:none}.file-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;padding:20px;background-color:#f8fafc;border:2px dashed var(--primary);border-radius:8px;transition:all .3s ease}.file-label:hover:not(.disabled){background-color:#eff6ff;border-color:#1e40af}.file-label.disabled{opacity:.6;cursor:not-allowed}.or-text{font-size:12px;color:var(--secondary)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-name{font-size:13px;color:var(--secondary);margin-top:12px}.error-message{background-color:#fee2e2;color:#991b1b;padding:12px;border-radius:var(--radius);border-left:4px solid var(--danger);font-size:13px;margin-bottom:16px}.success-message{background-color:#dcfce7;color:#166534;padding:12px;border-radius:var(--radius);border-left:4px solid var(--success);font-size:13px;margin-bottom:16px}.info-card{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.info-card h3{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--dark);margin-top:0}.info-card h3:not(:first-child){margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.info-card p{font-size:13px;color:var(--secondary);margin-bottom:12px}.column-list,.features-list{list-style:none;padding:0;margin:0}.column-list li,.features-list li{font-size:13px;color:var(--text);padding:6px 0;line-height:1.5}.column-list li strong{color:var(--primary);font-weight:600}.features-list li{color:var(--secondary)}.data-status{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg,#f8fafc,#f0f9ff)}.data-status-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.data-status h3{font-size:16px;margin-bottom:8px;color:var(--dark);font-weight:600;margin-top:0}.persistence-note{font-size:12px;color:#10b981;margin:0;display:flex;align-items:center;gap:6px}.btn-danger{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:10px 16px;font-size:13px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:var(--transition)}.btn-danger:hover{background-color:#fca5a5;border-color:#dc2626;color:#fff}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f8fafc;border-radius:6px;border:1px solid var(--border)}.status-item .label{font-weight:600;color:var(--secondary);font-size:13px}.status-item .value{font-weight:600;color:var(--primary);font-size:14px}.data-actions{display:flex;gap:12px;flex-wrap:wrap}.data-actions .btn{flex:1;min-width:200px}@media (max-width: 768px){.upload-container{grid-template-columns:1fr;gap:24px}.upload-card{padding:24px}.upload-page h1{font-size:22px}.status-grid{grid-template-columns:1fr}.data-actions .btn{min-width:auto}}.searchable-select-group{display:flex;flex-direction:column;position:relative;width:100%}.searchable-select-group label{font-weight:500;color:var(--text);margin-bottom:6px;font-size:13px}.searchable-select{position:relative;display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:0 10px;transition:var(--transition);cursor:pointer;min-height:40px}.searchable-select:hover{border-color:var(--primary)}.searchable-select.open{border-color:var(--primary);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 3px #2563eb1a}.searchable-input{flex:1;border:none;background:transparent;padding:8px 0;font-size:13px;font-family:inherit;outline:none;color:var(--text)}.searchable-input::placeholder{color:var(--secondary)}.dropdown-arrow{flex-shrink:0;color:var(--secondary);font-size:11px;margin-left:8px;transition:transform .2s ease;pointer-events:none}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-top:none;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);max-height:250px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;z-index:1000}.dropdown-option{padding:10px 12px;font-size:13px;color:var(--text);cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f0f0f0}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover:not(.disabled){background-color:#f8fafc}.dropdown-option.all-option{background-color:#f3f4f6;color:var(--primary);font-weight:500;border-bottom:1px solid var(--border)}.dropdown-option.all-option:hover{background-color:#e5e7eb}.dropdown-option.selected{background-color:#eff6ff;color:var(--primary);font-weight:600}.dropdown-option.highlighted{background-color:#dbeafe;color:var(--primary)}.dropdown-option.highlighted.selected{background-color:#bfdbfe}.dropdown-option.disabled{color:var(--secondary);cursor:not-allowed;padding:16px 12px;text-align:center;font-size:12px}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.searchable-select{min-height:38px;padding:0 8px}.searchable-input{padding:6px 0;font-size:14px}.dropdown-menu{max-height:220px;box-shadow:0 2px 8px #00000014}.dropdown-option{padding:9px 10px;font-size:13px}.dropdown-option.disabled{padding:12px 10px}}@media (max-width: 480px){.searchable-select{min-height:36px;padding:0 8px}.searchable-input{padding:6px 0;font-size:14px}.dropdown-arrow{font-size:10px}.dropdown-menu{max-height:200px}.dropdown-option{padding:8px 10px;font-size:12px}}.search-page{max-width:1200px;margin:0 auto;padding:0 16px}.search-page h1{font-size:28px;margin-bottom:32px;color:var(--dark)}.search-page h2{font-size:18px;margin-bottom:16px;color:var(--dark);font-weight:600}.filters-section{background:#fff;padding:24px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:32px}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-reset{padding:8px 16px;background-color:#f3f4f6;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:13px;color:var(--secondary);transition:all .2s ease}.btn-reset:hover{background-color:#e5e7eb;border-color:var(--secondary)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%}.filter-group{display:flex;flex-direction:column;width:100%}.filter-group label{font-weight:500;color:var(--text);margin-bottom:6px;font-size:13px}.filter-group input{padding:10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:inherit;transition:var(--transition);width:100%}.filter-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.filter-group input[type=date]{padding:10px}.search-group{grid-column:1 / -1}.search-group input{width:100%}.results-section{margin-bottom:32px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.results-header h2{margin:0}.page-info{font-size:12px;color:var(--secondary);font-weight:500}.no-results{background:#fff;padding:40px;border-radius:var(--radius);border:1px solid var(--border);text-align:center;color:var(--secondary)}.no-results p{margin:0;font-size:15px}.cases-list{display:flex;flex-direction:column;gap:16px}.case-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .2s ease}.case-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.case-header{padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:#f8fafc;border-bottom:1px solid var(--border);transition:background-color .2s ease}.case-header:hover{background-color:#f1f5f9}.case-title{display:flex;align-items:center;gap:12px}.case-id{font-weight:700;color:var(--dark);font-size:14px}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.open{background-color:#dbeafe;color:#1e40af}.status-badge.in\ progress{background-color:#fef3c7;color:#92400e}.status-badge.resolved{background-color:#dcfce7;color:#166534}.case-meta{display:flex;gap:12px;flex:1;flex-wrap:wrap}.case-meta span{font-size:13px;color:var(--secondary);padding:4px 8px;background-color:#fff;border-radius:4px;border:1px solid var(--border)}.case-meta .faculty-uid{font-weight:600;color:var(--primary);border-color:var(--primary);cursor:pointer;text-decoration:none;transition:var(--transition)}.case-meta .faculty-uid:hover{text-decoration:underline;opacity:.8}.case-meta .course-code,.case-meta .date{color:var(--secondary)}.expand-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--secondary);padding:4px;transition:transform .2s ease}.expand-btn.expanded{transform:rotate(180deg)}.case-body{padding:20px;border-top:1px solid var(--border);background-color:#f8fafc}.case-details{display:grid;gap:12px}.detail-row{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:8px}.detail-row .label{font-weight:600;color:var(--secondary);font-size:12px;text-transform:uppercase}.detail-row .value{color:var(--text);font-size:13px}.remarks-section{margin-top:16px;padding:12px;background-color:#fff;border-radius:4px;border-left:3px solid var(--primary)}.remarks-title{margin:0 0 8px;font-weight:600;color:var(--primary);font-size:12px;text-transform:uppercase}.remarks-text{margin:0;color:var(--text);font-size:13px;line-height:1.6}.data-info{text-align:center;color:var(--secondary);font-size:13px;padding:16px}.imported-date{margin:4px 0 0;font-size:12px;color:#94a3b8}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px;margin-top:24px;background:#f8fafc;border-radius:var(--radius);border:1px solid var(--border)}.pagination-btn{padding:8px 16px;background-color:#fff;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:13px;color:var(--text);transition:var(--transition)}.pagination-btn:hover:not(:disabled){background-color:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:600;color:var(--text);font-size:13px;padding:0 12px;min-width:100px;text-align:center}.empty-state{background:#fff;padding:60px 40px;border-radius:var(--radius);border:1px solid var(--border);text-align:center;color:var(--secondary);margin-top:32px}.empty-state p{margin:8px 0;font-size:15px}.empty-state p:first-child{font-size:18px;margin-top:0}@media (max-width: 1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}.search-group{grid-column:1 / -1}}@media (max-width: 768px){.search-page{max-width:100%;padding:16px}.search-page h1{font-size:22px;margin-bottom:24px}.filters-section{padding:16px;margin-bottom:24px}.filter-header{flex-direction:column;gap:12px;margin-bottom:16px}.filter-header h2{margin-bottom:0}.btn-reset{width:100%}.filters-grid{grid-template-columns:1fr;gap:12px}.search-group{grid-column:1}.filter-group{margin-bottom:4px}.filter-group label{margin-bottom:8px}.filter-group select,.filter-group input{width:100%;padding:12px;font-size:14px}.case-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.case-title{width:100%}.case-id{font-size:13px}.status-badge{padding:3px 8px;font-size:11px}.case-meta{width:100%;flex-direction:column;gap:8px}.case-meta span{display:block;padding:4px 0;border:none;background:none;font-size:12px}.expand-btn{align-self:flex-start;margin-top:0;margin-left:auto;font-size:14px}.case-body{padding:16px}.case-details{gap:8px}.detail-row{grid-template-columns:1fr;gap:4px;padding:4px 0}.detail-row .label{display:inline;font-weight:600;margin-right:4px}.detail-row .value{display:inline}.remarks-section{margin-top:12px;padding:12px}.remarks-title{margin-bottom:6px;font-size:11px}.remarks-text{font-size:12px}.data-info{padding:12px;font-size:12px}.imported-date{font-size:11px}}@media (max-width: 480px){.search-page{padding:12px}.search-page h1{font-size:18px;margin-bottom:16px}.search-page h2{font-size:16px}.filters-section{padding:12px;margin-bottom:16px}.filter-header{flex-direction:column}.btn-reset{width:100%;padding:10px;font-size:12px}.filters-grid{gap:10px}.filter-group label{font-size:12px;margin-bottom:6px}.filter-group select,.filter-group input{padding:10px;font-size:13px}.case-card{border-radius:4px}.case-header{padding:10px;gap:8px}.case-id{font-size:12px}.expand-btn{font-size:12px;padding:2px}.case-body{padding:12px}.detail-row{padding:3px 0}.detail-row .label{font-size:11px}.detail-row .value{font-size:12px}.no-results,.empty-state{padding:40px 20px;border-radius:4px}.no-results p,.empty-state p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1e40af;--secondary: #64748b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--light: #f8fafc;--dark: #1e293b;--border: #e2e8f0;--text: #334155;--severity-low: #10b981;--severity-medium: #f59e0b;--severity-high: #ef4444;--severity-critical: #7c2d12;--radius: 8px;--transition: all .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:14px}.btn{padding:10px 16px;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-weight:500}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--border);color:var(--text)}.btn-secondary:hover{background-color:#cbd5e1}.btn-small{padding:6px 12px;font-size:12px}.error-message{background-color:#fee2e2;color:#991b1b;padding:12px;border-radius:var(--radius);margin:16px 0;border-left:4px solid var(--danger)}.success-message{background-color:#dcfce7;color:#15803d;padding:12px;border-radius:var(--radius);margin:16px 0;border-left:4px solid var(--success)}.link{color:var(--primary);cursor:pointer;transition:var(--transition)}.link:hover{color:var(--primary-dark);text-decoration:underline}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.severity-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.severity-badge.low{background-color:#d1fae5;color:#065f46}.severity-badge.medium{background-color:#fef3c7;color:#78350f}.severity-badge.high{background-color:#fee2e2;color:#991b1b}.severity-badge.critical{background-color:#7c2d12;color:#fef3c7}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.status-badge.open{background-color:#dbeafe;color:#0c4a6e}.status-badge.in\ progress{background-color:#fef3c7;color:#78350f}.status-badge.resolved,.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.closed{background-color:#e5e7eb;color:#374151}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#e5e7eb;color:#374151}.channel-badge{background-color:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}#root{width:100%;min-height:100vh}@media (max-width: 768px){:root{font-size:14px}}