:root{--paper: #f7f5f0;--ink: #1e2430;--navy: #26344d;--navy-dark: #1a2438;--brass: #b08d57;--brass-light: #d9c294;--hairline: #dcd8cc;--pass: #3f6b4f;--fail: #a63d40;--warn: #a6772f;--mono: "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace;--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--sans: -apple-system, "Segoe UI", Inter, Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}input:focus,button:focus,select:focus{outline:2px solid var(--brass);outline-offset:1px}.app{display:flex;min-height:100vh}.centered{display:flex;align-items:center;justify-content:center;min-height:100vh}.card{background:#fff;border:1px solid var(--hairline);border-radius:4px;padding:36px 40px;max-width:460px;width:100%}.rail{width:250px;flex-shrink:0;background:var(--navy-dark);color:#e9e6da;display:flex;flex-direction:column;padding:20px 14px}.rail-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid rgba(217,194,148,.25)}.rail-mark{font-family:var(--serif);font-size:26px;color:var(--brass-light);line-height:1}.rail-title{font-family:var(--serif);font-size:15px;letter-spacing:.3px}.rail-sub{font-size:11px;color:#a8a496;margin-top:2px}.session-bar{font-size:11.5px;color:#cfcabb;padding:8px 8px 12px;border-bottom:1px solid rgba(217,194,148,.25);margin-bottom:10px;display:flex;flex-direction:column;gap:2px}.session-role{color:#a8a496;font-size:10.5px}.logout-link{align-self:flex-start;margin-top:4px;background:none;border:none;color:var(--brass-light);font-size:11px;text-decoration:underline;cursor:pointer;padding:0}.rail-nav{flex:1;overflow-y:auto}.rail-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#8c8a7d;margin:4px 8px 8px}.tab-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;background:none;border:none;color:#cfcabb;text-align:left;cursor:pointer;border-radius:3px;font-size:13px;margin-bottom:2px}.tab-btn.active{background:#b08d572e;color:#fff}.tab-index{font-family:var(--mono);font-size:11px;color:var(--brass-light);width:20px;flex-shrink:0}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-btn{width:100%;margin-top:6px;padding:8px;background:none;border:1px dashed rgba(217,194,148,.4);color:var(--brass-light);border-radius:3px;font-size:12px;cursor:pointer}.rail-foot{border-top:1px solid rgba(217,194,148,.25);padding-top:10px;margin-top:10px}.save-indicator{font-size:10px;color:#8c8a7d;margin-top:8px;padding-left:8px;font-style:italic}.main{flex:1;padding:32px 40px;overflow-x:auto}.panel{max-width:1100px}h1.page-title{font-family:var(--serif);font-size:26px;margin:0 0 6px;color:var(--navy)}h3.section-title{font-family:var(--serif);font-size:15px;color:var(--navy);margin:26px 0 10px}.help-text{font-size:13px;color:#6b6a63;margin-bottom:20px;max-width:620px}.error-text{color:var(--fail);font-size:13px;margin-bottom:12px}.form-grid{display:flex;flex-direction:column;gap:14px;max-width:420px}label.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#565550}input,select{padding:8px 10px;border:1px solid var(--hairline);border-radius:3px;background:#fff;font-size:14px;font-family:var(--sans);color:var(--ink)}.inline-form{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}button.primary{padding:8px 14px;background:var(--navy);color:#f2efe6;border:none;border-radius:3px;font-size:13px;cursor:pointer}button.secondary{padding:7px 12px;background:none;color:var(--navy);border:1px solid var(--navy);border-radius:3px;font-size:13px;cursor:pointer}button.ghost{padding:4px 8px;background:none;border:none;color:#9a3d3d;font-size:12px;cursor:pointer;text-decoration:underline}button.danger-ghost{padding:7px 12px;background:none;color:var(--fail);border:1px solid var(--fail);border-radius:3px;font-size:13px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}table.data-table{border-collapse:collapse;width:100%;margin-bottom:14px}table.data-table th{text-align:left;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#726f63;border-bottom:1px solid var(--hairline);padding:8px 10px;background:#efece3;white-space:nowrap}table.data-table td{padding:7px 10px;border-bottom:1px solid var(--hairline);font-size:13.5px}.cell-input{border:1px solid transparent;background:none;font-size:13.5px;padding:3px 4px;width:100%}.sem-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px;flex-wrap:wrap}.sem-title-input{font-family:var(--serif);font-size:24px;color:var(--navy);border:none;background:none;padding:2px 0;display:block}.sem-meta-row{display:flex;gap:8px;margin-top:4px;align-items:center}.sem-meta-input{border:1px solid var(--hairline);border-radius:3px;padding:4px 8px;font-size:12px;color:#6b6a63;background:#efece3}.sem-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.final-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#565550}.badge-draft{font-size:10px;font-weight:700;color:#8a8778;border:1px solid var(--hairline);border-radius:2px;padding:2px 6px}.badge-published{font-size:10px;font-weight:700;color:var(--pass);border:1px solid var(--pass);border-radius:2px;padding:2px 6px}.course-bar{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--hairline)}.course-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.course-chip{display:flex;align-items:center;gap:6px;background:#efece3;border:1px solid var(--hairline);border-radius:3px;padding:4px 6px 4px 10px;font-size:12px}.chip-code{font-family:var(--mono);font-weight:600}.chip-credit{color:#8a8778}.elective-tag{font-size:9px;letter-spacing:.5px;color:var(--warn);border:1px solid var(--warn);border-radius:2px;padding:1px 4px}.entry-btn{font-size:10px;font-family:var(--mono);background:#fff;border:1px solid var(--hairline);border-radius:2px;padding:2px 5px;cursor:pointer;color:#565550}.chip-remove{background:none;border:none;cursor:pointer;color:#9a3d3d;font-size:14px;line-height:1;padding:0 2px}.locked-tag{font-size:10px;color:#565550;background:#e4e0d3;border-radius:2px;padding:2px 6px}.warning-banner{background:#a63d4014;border:1px solid var(--fail);color:var(--fail);font-size:12.5px;padding:8px 10px;border-radius:3px;margin-bottom:10px}.ledger-scroll{overflow-x:auto;border:1px solid var(--hairline);border-radius:4px;background:#fff}table.ledger{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.sticky-col{position:sticky;left:0;background:#fff;z-index:1}.th-sub{font-size:9px;color:#a09d8f;text-transform:none;margin-top:1px}.student-name{font-size:13.5px}.student-matric{font-size:11px;color:#8a8778;font-family:var(--mono)}.score-cell{display:flex;align-items:center;justify-content:center;gap:6px}.score-input{width:48px;text-align:center;border:1px solid var(--hairline);border-radius:3px;padding:4px 2px;font-family:var(--mono);font-size:13px}.grade-tag{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--pass);min-width:14px;display:inline-block}.grade-tag.fail{color:var(--fail)}.cgpa-cell{padding:7px 10px;border-bottom:1px solid var(--hairline);text-align:center;font-family:var(--mono);font-weight:700;color:var(--navy);border-left:2px solid var(--brass);background:#b08d570f}.status-probation{font-size:10.5px;font-weight:700;color:var(--warn);border:1px solid var(--warn);border-radius:2px;padding:2px 5px}.status-withdrawal{font-size:10.5px;font-weight:700;color:#fff;background:var(--fail);border-radius:2px;padding:2px 5px}.remark-pass{color:var(--pass);font-size:12.5px}.remark-fail{color:var(--fail);font-size:12.5px;font-weight:600}.empty-state{max-width:420px;margin-top:60px}.empty-mark{font-family:var(--serif);font-size:40px;color:var(--brass)}.doc-page{background:#fff;border:1px solid var(--hairline);border-radius:4px;padding:36px 40px;max-width:820px}.doc-page.wide{max-width:100%}.doc-page.narrow{max-width:620px}.doc-header{text-align:center;border-bottom:2px solid var(--navy);padding-bottom:14px;margin-bottom:20px}.doc-institution{font-family:var(--serif);font-size:20px;color:var(--navy);letter-spacing:.3px}.doc-dept{font-size:12.5px;color:#6b6a63;margin-top:2px}.doc-title{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--brass);margin-top:10px;font-weight:700}.doc-student-block{display:flex;gap:28px;font-size:13.5px;margin-bottom:18px}.doc-semester-block{margin-bottom:26px}.doc-semester-title{font-family:var(--serif);font-size:15px;color:var(--navy);margin-bottom:8px}table.doc-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:12.5px}table.doc-table th{text-align:left;padding:6px 8px;background:#efece3;border-bottom:1px solid var(--hairline);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:#726f63}table.doc-table td{padding:5px 8px;border-bottom:1px solid var(--hairline)}.doc-semester-summary{display:flex;gap:20px;font-size:13px;color:var(--ink);margin-top:4px}.doc-status-flag{font-weight:700;color:var(--fail)}.doc-foot-note{font-size:11px;color:#8a8778;font-style:italic;margin-top:24px;border-top:1px solid var(--hairline);padding-top:10px}.signature-row{display:flex;gap:40px;margin-top:46px;flex-wrap:wrap}.signature-block{flex:1;min-width:160px}.signature-line{border-bottom:1px solid var(--ink);height:34px}.signature-label{font-size:11px;color:#6b6a63;margin-top:4px}.doc-sub-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.doc-sub-tab{padding:7px 12px;background:none;border:1px solid var(--hairline);border-radius:3px;font-size:12.5px;cursor:pointer;color:#565550}.doc-sub-tab.active{background:var(--navy);color:#f2efe6;border-color:var(--navy)}.doc-controls{display:flex;gap:16px;align-items:flex-end;margin-bottom:22px;flex-wrap:wrap}@media print{body *{visibility:hidden}#printable-doc,#printable-doc *{visibility:visible}#printable-doc{position:absolute;left:0;top:0;width:100%;padding:0}.no-print{display:none!important}}