:root{--primary:#5e72e4;--primary-dark:#4457c8;--gold:#f6c431;--bg:#f7f8fc;--text:#1f2937}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:"Segoe UI",Arial,sans-serif;color:var(--text)}.app-header{height:126px;background:linear-gradient(135deg,var(--primary),#7082ed);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 28px 16px 34px;border-bottom:4px solid var(--gold);box-shadow:0 10px 28px rgba(94,114,228,.28);position:fixed;top:0;left:0;right:0;z-index:1000}.brand-wrap{display:flex;align-items:center;gap:22px}.school-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}.app-header h1{font-family:Georgia,serif;font-size:42px;font-weight:900;letter-spacing:1px;margin:0;color:#ffdc4f;text-shadow:0 2px 2px rgba(0,0,0,.25)}.system-title{font-family:Georgia,serif;font-size:27px;font-weight:700;display:flex;align-items:center;gap:16px}.system-title span{width:90px;height:2px;background:#ffdc4f}.sidebar{position:fixed;top:126px;left:0;bottom:54px;width:260px;background:#fff;padding:26px 14px;border-right:1px solid #e5e7eb;box-shadow:4px 0 16px rgba(0,0,0,.04);overflow:auto}.sidebar a{display:flex;align-items:center;gap:16px;color:#2d2d2d;text-decoration:none;padding:14px 16px;border-radius:10px;font-size:16px;margin-bottom:8px;transition:.2s}.sidebar a i{font-size:20px;width:24px}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 18px rgba(94,114,228,.28)}.main-content{margin-left:260px;padding:158px 28px 90px;min-height:100vh}.stat-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:24px;display:flex;align-items:center;gap:18px;height:100%;border:1px solid #eef0f7}.stat-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#55c46f,#299a4b);color:#fff;font-size:32px}.stat-icon.blue{background:linear-gradient(135deg,#5e72e4,#1f65d8)}.stat-icon.gold{background:linear-gradient(135deg,#ffd84f,#f0a500)}.stat-card span{font-size:15px;color:#555}.stat-card h3{font-size:32px;margin:4px 0;font-weight:800}.stat-card a{color:#4457c8;text-decoration:none;font-weight:600}.btn-primary-soft,.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary-soft:hover,.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.panel-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08);border:1px solid #eef0f7;overflow:hidden}.panel-head{padding:18px 22px;display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid #edf0f5}.panel-head h5{font-weight:800;margin:0}.search-box{max-width:280px}.table thead th{background:#f8f9ff;color:#3a3a3a;padding:14px 22px}.table tbody td{padding:15px 22px}.stars{color:#f0aa00;letter-spacing:2px}.app-footer{position:fixed;left:260px;right:0;bottom:0;height:54px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}.modal-header{background:var(--primary);color:#fff}.btn-close{filter:invert(1)}@media(max-width:900px){.app-header{position:relative;height:auto;flex-direction:column;text-align:center;gap:12px}.brand-wrap{flex-direction:column}.app-header h1{font-size:28px}.system-title{font-size:20px}.system-title span{display:none}.sidebar{position:relative;top:auto;bottom:auto;width:100%;display:block}.main-content{margin-left:0;padding:24px}.app-footer{position:relative;left:0}.school-logo{width:100px;height:100px}.panel-head{flex-direction:column;align-items:stretch}.search-box{max-width:100%}}