*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:#f5f7fa;color:#222}.top-bar{background:#1e5aa8;color:#fff;padding:12px 24px;display:flex;align-items:center;gap:24px}.top-bar .school{font-weight:500}.top-bar nav{margin-left:auto;display:flex;gap:18px}.top-bar nav a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:4px}.top-bar nav a.active,.top-bar nav a:hover{background:#ffffff26}.hero{padding:32px 24px;background:#fff;margin:16px;border-radius:8px}.hero h1{font-size:28px;font-weight:400;margin-bottom:8px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#e8eef5}.auth-card{background:#fff;padding:40px;border-radius:8px;width:420px;box-shadow:0 4px 16px #00000014}.auth-card h2{margin:20px 0 8px}.auth-card p{color:#666;font-size:14px;margin-bottom:16px}.auth-card input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccd6e0;border-radius:4px}.error{color:#c62828;font-size:13px;margin-bottom:10px}.btn-primary{background:#1e5aa8;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.btn-primary:hover{background:#17487f}.tabs{display:flex;gap:8px;padding:0 24px;margin:16px 0}.tabs button{padding:10px 20px;background:#fff;border:1px solid #ccd6e0;border-radius:4px;cursor:pointer}.tabs button.active{background:#1e5aa8;color:#fff;border-color:#1e5aa8}.filters{display:flex;gap:8px;padding:16px 24px;flex-wrap:wrap;align-items:center}.filters select{padding:8px;border:1px solid #ccd6e0;border-radius:4px;min-width:160px}.filters button{margin-left:4px}.data-table,.journal-table,.report-table{width:100%;border-collapse:collapse;background:#fff;margin:0 24px;width:calc(100% - 48px)}.data-table th,.journal-table th,.report-table th,.data-table td,.journal-table td,.report-table td{padding:10px 14px;border-bottom:1px solid #e4ebf2;text-align:left}.journal-table th,.journal-table td{text-align:center}.journal-table td:first-child,.journal-table td:nth-child(2){text-align:left}.journal-table button{min-width:40px;padding:4px 8px;cursor:pointer}.schedule-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:16px}.day-header{background:#fff;padding:10px;text-align:center;font-weight:500;border-bottom:2px solid #1e5aa8}.day-header.active{color:#1e5aa8}.lesson{background:#fff;padding:8px;border-radius:4px;font-size:13px}.lesson-time{color:#666;font-size:11px}.lesson-subject{color:#1e5aa8;font-weight:500}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;padding:24px;border-radius:8px;max-width:640px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:16px}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccd6e0;border-radius:4px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.sidebar{background:#fff;padding:16px;border-radius:8px;width:240px;float:left;margin:16px}.sidebar button{display:block;width:100%;padding:12px;margin-bottom:8px;background:#f0f4f9;border:none;border-radius:4px;cursor:pointer;text-align:left}.sidebar button.active{background:#1e5aa8;color:#fff}.badge{background:#e53935;color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;margin-left:6px}.announcement-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.announcement-card{background:#fff;padding:16px;border-radius:8px;cursor:pointer;transition:.2s}.announcement-card:hover{box-shadow:0 4px 12px #00000014}.announcement-card .card-header{display:flex;justify-content:space-between;color:#888;font-size:12px;margin-bottom:8px}.announcement-card h3{color:#1e5aa8;font-size:15px;margin-bottom:6px}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-top:12px}.info-row{display:flex;padding:12px 0;border-bottom:1px solid #e4ebf2;align-items:center}.info-row label{width:200px;color:#666}.info-row button{margin-left:auto}h1{padding:16px 24px;font-weight:400}h3{padding:16px 24px 0}.toolbar{padding:0 24px;display:flex;gap:8px}.toolbar button{padding:8px 12px;background:#fff;border:1px solid #ccd6e0;border-radius:4px;cursor:pointer}.year-selector{padding:0 24px}.year-selector select{padding:8px;border:1px solid #ccd6e0;border-radius:4px}.ktp-list{list-style:none;padding:0 24px}.ktp-list li{background:#fff;margin-bottom:8px;border-radius:4px;padding:12px 16px}.ktp-header{display:flex;justify-content:space-between;align-items:center}.ktp-header button{padding:6px 12px;cursor:pointer;border:1px solid #1e5aa8;color:#1e5aa8;background:#fff;border-radius:4px}