:root{--primary-color: #002e5d;--secondary-color: #a3e000;--accent-color: #004a8f;--bg-gradient: linear-gradient(135deg, #f8f9fc 0%, #eef2f7 100%);--text-main: #1a1f36;--text-secondary: #4f566b;--white: #ffffff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px rgba(0, 46, 93, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--glass: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-main);min-height:100vh;line-height:1.6}.premium-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#036,#001f3f)}.glass-card{background:var(--white);border-radius:var(--radius-lg);padding:3rem;width:100%;max-width:450px;box-shadow:var(--shadow-lg);text-align:center}.input-group{margin-bottom:1.5rem;text-align:left}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary)}.input-group input{width:100%;padding:.9rem 1.2rem;border:2px solid #edf2f7;border-radius:var(--radius-md);font-size:1rem;transition:var(--transition)}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #002e5d1a}.primary-button{width:100%;padding:1rem;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #002e5d33}.navbar{background:var(--primary-color);padding:.8rem 2.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md)}.navbar-brand img{filter:brightness(0) invert(1)}.nav-links{display:flex;gap:.8rem;margin-left:1.5rem;flex:1}.nav-item{color:#fffc;text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{color:var(--primary-color);background:var(--secondary-color)}.logout-btn.mini{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.4rem .8rem;border-radius:6px;font-size:.85rem}.logout-btn.mini:hover{background:#ff4d4f;border-color:#ff4d4f}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem}.main-title{font-size:2.2rem;font-weight:900;color:var(--primary-color);letter-spacing:-.02em}.subtitle{color:var(--text-secondary);font-size:1rem;margin-top:.2rem}.filter-box{display:flex;align-items:center;gap:.8rem;background:#fff;padding:.7rem 1.2rem;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid #edf2f7;transition:var(--transition)}.filter-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #002e5d0d}.filter-box svg{color:var(--primary-color);opacity:.7}.premium-select,.premium-input{border:none;outline:none;background:transparent;font-weight:700;color:var(--text-main);cursor:pointer;font-family:inherit;font-size:.95rem;min-width:140px}.premium-input{text-transform:capitalize}.dashboard-layout{min-height:100vh;background:#f8f9fc}.dashboard-header{background:var(--primary-color);color:var(--white);padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.dashboard-main{flex:1;padding:2.5rem 3rem;max-width:1500px;margin:0 auto;width:100%}.logout-btn{background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2);padding:.6rem 1.2rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:var(--transition)}.logout-btn:hover{background:var(--white);color:var(--primary-color)}.stats-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2.5rem}.side-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:var(--transition);border:1px solid #f0f2f5}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-card.mini{padding:1.5rem;flex:1}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.icon-box.primary{background:#f0f5ff;color:var(--primary-color)}.icon-box.secondary{background:#f6ffed;color:var(--secondary-color)}.icon-box.error{background:#fff1f0;color:#ff4d4f}.mini .icon-box{width:40px;height:40px;border-radius:12px}.stat-label{font-weight:700;color:var(--text-secondary);font-size:.9rem;letter-spacing:.02em}.stat-value{font-size:3.5rem;font-weight:900;color:var(--primary-color);line-height:1.1;margin-bottom:1.5rem}.mini .stat-value{font-size:2.2rem;margin-bottom:0}.progress-container{height:14px;background:#f0f2f5;border-radius:7px;margin-bottom:1.5rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:7px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.card-footer{display:flex;justify-content:space-between;align-items:center}.percentage-badge{background:var(--secondary-color);color:var(--primary-color);padding:.5rem 1.2rem;border-radius:30px;font-weight:800;font-size:.9rem}.progress-details{font-size:.95rem;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:2rem}.content-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem}.card-title{font-size:1.4rem;font-weight:800;color:var(--text-main)}.stage-header{margin-top:2.5rem}.chart-container{height:420px;width:100%;margin-top:2rem}.table-wrapper{margin-top:1.5rem}.school-table{width:100%;border-collapse:collapse}.school-table th{text-align:left;padding:1rem;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #f0f2f5}.school-table td{padding:1.2rem 1rem;border-bottom:1px solid #f9fafb}.school-name{font-weight:700;color:var(--text-main);font-size:.95rem}.count-badge{background:#f0f2f5;color:var(--primary-color);padding:.4rem 1rem;border-radius:10px;font-weight:800;font-size:.9rem}.toggle-button{width:100%;margin-top:2rem;padding:1rem;background:transparent;border:2px dashed #e2e8f0;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:700;cursor:pointer;transition:var(--transition)}.toggle-button:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f8fafc}.error-message{color:#d32f2f;background:#ffebee;padding:1.2rem;border-radius:var(--radius-md);margin-bottom:2rem;font-weight:600}.loader{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:var(--text-secondary);font-weight:600;width:100%}@media(max-width:1200px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-main{padding:1.5rem}}@media(max-width:768px){.navbar{padding:.8rem 1rem}.nav-links{margin-left:1rem;gap:.4rem}.nav-item span{display:none}.nav-item{padding:.5rem}.logout-btn span{display:none}.logout-btn.mini{padding:.5rem}.main-title{font-size:1.6rem}.stat-value{font-size:2.5rem}.mini .stat-value{font-size:1.8rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-box{width:100%;justify-content:space-between}.premium-input{flex:1;min-width:0}.school-table th,.school-table td{padding:.8rem .5rem}.school-name{font-size:.85rem}.content-card{padding:1.5rem 1rem}.chart-container{height:350px;min-height:350px;margin-top:1rem}.stat-card{padding:1.5rem}}.tv-view-container{height:100vh;width:100vw;background:radial-gradient(circle at center,#001a3d,#000a1a);color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:2rem 4rem;position:fixed;top:0;left:0;z-index:9999}.tv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.tv-logo{height:60px}.tv-status{display:flex;align-items:center;gap:1rem;color:#88e400;font-size:1.2rem;font-weight:500}.tv-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.gauge-container{position:relative;width:45vh;height:45vh}.gauge{transform:rotate(-90deg);overflow:visible}.gauge-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.gauge-progress{fill:none;stroke:#88e400;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease-out,stroke .5s ease;filter:drop-shadow(0 0 10px rgba(136,228,0,.4))}.gauge-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-text .percentage{display:block;font-size:6.5rem;font-weight:900;line-height:1;color:#fff}.gauge-text .label{font-size:1.8rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:4px;margin-top:1rem;display:block}.tv-layout-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center;width:100%;max-width:1600px;margin:0 auto}.tv-view-container .chart-section{background:#ffffff08;padding:2.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.05);height:500px;display:flex;flex-direction:column}.tv-view-container .chart-title{font-size:1.5rem;color:#ffffffb3;margin-bottom:2rem;text-align:center;font-weight:500;text-transform:uppercase;letter-spacing:2px}.tv-chart-container{flex:1;width:100%}.tv-footer-text{text-align:center;color:#444;font-size:1rem;padding-top:2rem}.loader.large{font-size:2rem;color:var(--secondary-color)}