:root{--navy: #1f3864;--accent: #2e5395;--accent-light: #eaf0fa;--border: #dfe3e8;--text: #202124;--muted: #5f6368;--danger: #c62828;--bg: #f5f7fa}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,-apple-system,sans-serif;color:var(--text);background:var(--bg)}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--navy);color:#fff;flex-shrink:0;padding:20px 0}.brand{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:12px}.brand-title{font-weight:700;font-size:16px}.brand-subtitle{font-size:12px;color:#b7c4de;margin-top:4px}.nav-group{margin-bottom:16px}.nav-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8fa3c9;padding:6px 20px}.nav-link{display:block;padding:8px 20px;color:#dbe4f5;text-decoration:none;font-size:14px}.nav-link:hover{background:#ffffff14}.nav-link.active{background:var(--accent);color:#fff;font-weight:600}.content{flex:1;padding:28px 36px;overflow-x:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{color:var(--navy);margin:0 0 4px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:14px;cursor:pointer}.btn-primary:hover{background:var(--navy)}.btn-secondary{background:#fff;border:1px solid var(--border);padding:9px 16px;border-radius:6px;cursor:pointer}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:4px 8px}.btn-link.danger{color:var(--danger)}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.data-table th{background:var(--navy);color:#fff;text-align:left;padding:10px 14px;font-size:13px}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);font-size:14px}.data-table tr:nth-child(2n) td{background:var(--accent-light)}.empty-row{text-align:center;color:var(--muted);padding:24px!important}.actions{white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:10px;width:480px;max-width:92vw;max-height:86vh;overflow-y:auto;box-shadow:0 8px 30px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;color:var(--navy)}.icon-btn{background:none;border:none;font-size:16px;cursor:pointer;color:var(--muted)}.modal-body{padding:16px 20px 20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.form-row{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.form-row label{font-size:13px;font-weight:600;color:var(--muted)}.field-hint{font-size:12px;font-weight:400;font-style:italic;color:var(--muted)}.form-row input[type=text],.form-row input[type=number],.form-row input[type=date],.form-row input[type=time],.form-row select,.form-row textarea{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit}.form-row input[type=checkbox]{width:18px;height:18px;align-self:flex-start}.inline-form{background:#fff;padding:20px;border-radius:8px;max-width:640px;box-shadow:0 1px 3px #0000000f}.error{color:var(--danger)}.report-filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;background:#fff;padding:14px 16px;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.report-filters .form-row.inline{margin-bottom:0;min-width:150px}.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.chip-yes{background:#e6f4ea;color:#1e7d32}.chip-bad{background:#fdecea;color:var(--danger)}.timetable-grid th,.timetable-grid td{text-align:center;vertical-align:middle}.period-cell{text-align:left!important;font-weight:600;white-space:nowrap}.mono-small{font-size:11px;color:var(--muted);font-weight:400}.tt-cell{min-width:110px}.tt-empty{color:var(--border)}.tt-break{color:var(--muted);font-style:italic;background:var(--accent-light)}.tt-free{color:#1e7d32;font-weight:600;background:#e6f4ea}.tt-filled .tt-subject{font-weight:700}.tt-filled .tt-sub{font-size:12px;color:var(--muted)}.tt-filled .tt-room{font-style:italic}.print-title{display:none}@media print{.sidebar,.no-print{display:none!important}.content{padding:0}.print-title{display:block;margin-bottom:12px;color:var(--navy)}}.report-card-sheet{background:#fff;border:1px solid var(--border);border-radius:8px;padding:24px;max-width:720px;margin-top:12px}.rc-header{display:flex;gap:24px;margin-bottom:14px;flex-wrap:wrap}.rc-total-row td{border-top:2px solid var(--navy)}.rc-summary{display:flex;gap:24px;margin-top:14px;flex-wrap:wrap}.rc-remarks{margin-top:14px;display:flex;flex-direction:column;gap:6px}.report-card-sheet h4{margin:0 0 10px;color:var(--navy)}.tab-bar{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{background:none;border:none;padding:10px 16px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--navy);border-bottom-color:var(--accent)}.printable-certificate{background:#fff;border:1px solid var(--border);border-radius:8px;padding:28px;max-width:720px;margin-top:12px}.printable-certificate h3{color:var(--navy);margin-top:0}.certificate-letterhead{text-align:center;margin-bottom:18px}.certificate-letterhead h2{margin:0;color:var(--navy)}.certificate-body{line-height:1.8}.certificate-signature{display:flex;justify-content:space-between;margin-top:60px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:#fff;border-radius:10px;padding:32px;width:340px;box-shadow:0 4px 20px #0000001a}.login-card .brand-title{color:var(--navy);font-size:20px;font-weight:700}.login-card .brand-subtitle{color:var(--muted);margin-bottom:20px}.login-card .btn-primary{width:100%;margin-top:8px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.dashboard-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000f}.dashboard-card .metric-value{font-size:26px;font-weight:700;color:var(--navy)}.dashboard-card .metric-label{font-size:13px;color:var(--muted);margin-top:4px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid var(--border)}.top-bar .who{font-size:13px;color:var(--muted)}.portal-shell{min-height:100vh;background:var(--bg)}.portal-content{padding:20px;max-width:1100px;margin:0 auto}.portal-nav{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 14px}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:100%;padding:12px 0}.nav-group{display:inline-block}.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-cards{grid-template-columns:1fr}.report-filters{flex-direction:column;align-items:stretch}.data-table{font-size:13px}}