@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--tuc-maroon:#6b0020;--tuc-maroon-dark:#580018;--tuc-gold:#f5a800;--tuc-gold-light:#eec07a;--tuc-light:#fdf8f0;--tuc-gray:#f4f4f4;--tuc-border:#e0e0e0;--tuc-text:#1a1a1a;--tuc-muted:#666;--card-bg:#fff;--topbar-bg:#fff;--input-bg:#fff;--hover-bg:#fafafa;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#2563eb}[data-theme=dark]{--tuc-text:#e0e0e0;--tuc-muted:#999;--tuc-gray:#1a1a1a;--tuc-border:#333;--card-bg:#1e1e1e;--topbar-bg:#2a2a2a;--input-bg:#262626;--hover-bg:#2f2f2f}[data-theme=high-contrast]{--tuc-maroon:#000;--tuc-maroon-dark:#000;--tuc-text:#000;--tuc-gray:#fff;--tuc-border:#000;--card-bg:#fff;--topbar-bg:#fff;--input-bg:#fff;--hover-bg:#f0f0f0;--tuc-gold:#000}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--tuc-gray);color:var(--tuc-text);font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.layout{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--tuc-maroon-dark) 0%, var(--tuc-maroon) 100%);color:#fff;z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff26;align-items:center;gap:12px;padding:18px 16px;display:flex}.sidebar-logo{object-fit:cover;border:2px solid var(--tuc-gold);border-radius:50%;flex-shrink:0;width:46px;height:46px}.sidebar-title{font-size:12px;font-weight:700;line-height:1.3}.sidebar-subtitle{opacity:.6;font-size:10px}.sidebar-nav{flex:1;padding:10px 0}.nav-section-label{letter-spacing:1.5px;text-transform:uppercase;opacity:.45;padding:12px 20px 4px;font-size:10px;font-weight:600}.nav-link{color:#fffc;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:var(--tuc-gold);border-left-color:var(--tuc-gold);background:#f5a8002e}.nav-link svg{flex-shrink:0;width:17px;height:17px}.sidebar-user{border-top:1px solid #ffffff26;align-items:center;gap:10px;padding:14px 16px;display:flex}.user-avatar{background:var(--tuc-gold);width:34px;height:34px;color:var(--tuc-maroon);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.user-role{opacity:.55;text-transform:capitalize;font-size:10px}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--tuc-border);z-index:50;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.topbar-title{color:var(--tuc-maroon);font-size:17px;font-weight:700}.topbar-right{align-items:center;gap:10px;display:flex}.notification-btn{cursor:pointer;color:var(--tuc-muted);background:0 0;border:none;border-radius:8px;padding:6px;transition:background .15s;position:relative}.notification-btn:hover{background:var(--tuc-gray);color:var(--tuc-maroon)}.notif-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:1px;right:1px}.logout-btn{background:var(--tuc-maroon);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.logout-btn:hover{background:var(--tuc-maroon-dark)}.page-content{flex:1;padding:22px 24px}.card{background:var(--card-bg);border:1px solid var(--tuc-border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.card-header{border-bottom:1px solid var(--tuc-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.card-title{color:var(--tuc-maroon);font-size:15px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--tuc-border);border-radius:12px;align-items:center;gap:14px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b00201a}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-icon.maroon{color:var(--tuc-maroon);background:#6b00201a}.stat-icon.gold{color:#b37800;background:#f5a80026}.stat-icon.green{color:var(--success);background:#16a34a1a}.stat-icon.blue{color:var(--info);background:#2563eb1a}.stat-value{color:var(--tuc-text);font-size:26px;font-weight:800;line-height:1}.stat-label{color:var(--tuc-muted);margin-top:2px;font-size:12px}.table-wrapper{border:1px solid var(--tuc-border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--tuc-maroon);color:#fff}thead th{text-align:left;letter-spacing:.5px;white-space:nowrap;padding:10px 13px;font-size:12px;font-weight:600}tbody tr{border-bottom:1px solid var(--tuc-border);transition:background .1s}tbody tr:hover{background:var(--hover-bg)}tbody tr:last-child{border-bottom:none}tbody td{padding:10px 13px;font-size:13px}.badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#16a34a;background:#dcfce7}.badge-danger{color:#dc2626;background:#fee2e2}.badge-warning{color:#a16207;background:#fef9c3}.badge-info{color:#2563eb;background:#dbeafe}.badge-draft{color:#6b7280;background:#f3f4f6}.badge-gold{color:#b37800;background:#f5a80026}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--tuc-maroon);color:#fff}.btn-primary:hover:not(:disabled){background:var(--tuc-maroon-dark)}.btn-gold{background:var(--tuc-gold);color:var(--tuc-maroon)}.btn-gold:hover:not(:disabled){background:#e09800}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-outline{border:2px solid var(--tuc-maroon);color:var(--tuc-maroon);background:0 0}.btn-outline:hover:not(:disabled){background:var(--tuc-maroon);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{cursor:pointer;color:var(--tuc-muted);background:0 0;border:none;border-radius:8px;padding:6px;transition:all .15s}.btn-icon:hover{background:var(--tuc-gray);color:var(--tuc-maroon)}.form-group{margin-bottom:14px}.form-label{color:#444;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-control{border:1.5px solid var(--tuc-border);background:var(--input-bg);width:100%;color:var(--tuc-text);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-control:focus{border-color:var(--tuc-maroon);outline:none;box-shadow:0 0 0 3px #6b002014}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.login-page{background:linear-gradient(135deg, var(--tuc-maroon-dark) 0%, var(--tuc-maroon) 60%, #8b0029 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:#f5a80014;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-card{z-index:1;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 25px 60px #00000059}.login-logo-container{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-logo{object-fit:cover;border:3px solid var(--tuc-gold);border-radius:50%;width:86px;height:86px;margin-bottom:12px;box-shadow:0 4px 16px #6b002033}.login-school-name{color:var(--tuc-maroon);text-align:center;font-size:15px;font-weight:800}.login-system-name{color:var(--tuc-muted);text-align:center;margin-top:2px;font-size:12px}.login-divider{background:linear-gradient(to right, var(--tuc-maroon), var(--tuc-gold));border-radius:2px;height:2px;margin:18px 0}.score-input{border:1.5px solid var(--tuc-border);text-align:center;border-radius:6px;width:76px;padding:5px 6px;font-family:inherit;font-size:13px}.score-input:focus{border-color:var(--tuc-gold);outline:none;box-shadow:0 0 0 3px #f5a80026}.grade-A{color:#16a34a;font-weight:700}.grade-B{color:#2563eb;font-weight:700}.grade-C{color:#d97706;font-weight:700}.grade-D{color:#ea580c;font-weight:700}.grade-F{color:#dc2626;font-weight:700}.page-header{margin-bottom:18px}.page-header h1{color:var(--tuc-maroon);font-size:21px;font-weight:800}.page-header p{color:var(--tuc-muted);margin-top:2px;font-size:13px}.search-bar{position:relative}.search-bar input{padding-left:34px}.search-icon{color:#aaa;width:15px;height:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:540px;max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 25px 60px #00000040}.modal-header{border-bottom:2px solid var(--tuc-maroon);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.modal-title{color:var(--tuc-maroon);font-size:15px;font-weight:700}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.filter-bar .form-control{width:auto;min-width:140px}.info-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:11px 14px;font-size:13px;display:flex}.empty-state{text-align:center;color:var(--tuc-muted);padding:50px 20px}.empty-state svg{opacity:.25;width:60px;height:60px;margin:0 auto 14px}.empty-state h3{color:#888;font-size:15px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--tuc-border);border-top-color:var(--tuc-maroon);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}:focus-visible{outline:2px solid var(--tuc-maroon);outline-offset:2px}.skip-link{background:var(--tuc-maroon);color:#fff;z-index:100;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}@media print{.sidebar,.topbar,.no-print{display:none!important}.main-content{margin-left:0}.page-content{padding:0}}