:root{--nav:#122b34;--ink:#18333d;--accent:#127769;--muted:#70838a;--line:#e2e9eb}body{background:#f3f6f7;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}a{color:var(--accent)}.sidebar{width:248px;background:var(--nav);position:fixed;inset:0 auto 0 0;color:#e4efef;padding:26px 16px;overflow-y:auto;z-index:1040}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:18px;font-weight:700;margin-bottom:34px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#a7d5b7;color:#123c32;border-radius:12px;font-size:26px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px;color:#a9bfc5}.nav-caption,.eyebrow{letter-spacing:1.6px;font-size:10px;font-weight:700;color:var(--muted)}.nav-caption{color:#819fa8;padding:0 13px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;margin-bottom:3px;border-radius:7px;color:#bcd0d6;text-decoration:none;font-size:13px}.nav-item:hover,.nav-item.selected{background:#23444d;color:#fff}.nav-item.selected{box-shadow:inset 3px 0 #a7d5b7}.nav-dot{width:6px;height:6px;border:1px solid #8db4bc;border-radius:2px}.selected .nav-dot{background:#a7d5b7;border-color:#a7d5b7}.sidebar-note{border-top:1px solid #34515a;margin-top:25px;padding:20px 12px;font-size:12px}.sidebar-note span{display:block;font-size:10px;color:#96adb4;margin-top:5px}.workspace{margin-left:248px}.topbar{min-height:74px;background:#fff;border-bottom:1px solid var(--line);padding:15px 28px;display:flex;justify-content:space-between;align-items:center;gap:14px}.topbar-title{color:var(--muted);font-size:13px}.user-menu{display:flex;align-items:center;gap:13px;font-size:12px}.user-menu form{margin:0}.avatar{background:#e6eee7;color:#365846;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 27px}h1{font-size:29px;font-weight:650;letter-spacing:-1px;margin:0}.eyebrow{margin-bottom:7px;color:#50877b}.date-label{border:1px solid var(--line);background:white;padding:9px 13px;border-radius:7px;font-size:12px}.card{border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 10px #15394503}.card-header{background:white;border-bottom:1px solid var(--line);padding:18px 21px;font-weight:600}.card-body{padding:22px}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:31px;font-weight:650;margin:8px 0}.metric-detail{font-size:11px;color:#77918c}.metric-icon{float:right;width:34px;height:34px;display:grid;place-items:center;background:#edf5f1;border-radius:9px;color:var(--accent);font-weight:600}.hero-panel{background:#e5efea;border:1px solid #d4e2d8;border-radius:12px;padding:26px;margin-bottom:24px}.hero-panel h2{font-size:23px}.hero-panel p{color:#567466;margin:8px 0 0}.btn{font-size:13px;border-radius:7px}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#0a6156;border-color:#0a6156}.table{font-size:13px;vertical-align:middle}.table thead th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#71848d;background:#f8fafb;border-bottom:1px solid var(--line);padding:13px}.table td{padding:14px 13px;border-color:#edf1f3}.table-responsive{border-radius:10px}.form-label{font-size:12px;font-weight:600}.form-control,.form-select{font-size:13px;padding:10px 12px;border-color:#dce5e8;border-radius:7px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.badge{font-size:10px;font-weight:500;padding:6px 10px}.empty{padding:45px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:22px 28px;color:var(--muted);font-size:11px}.profile-photo{width:90px;height:100px;object-fit:cover;border-radius:10px}.login-page{display:grid;place-items:center;min-height:100vh;background:#e9f0ed}.login-card{width:min(420px,94vw);padding:34px;background:white;border:1px solid #d9e3df;border-radius:15px}.login-card h1{margin:22px 0 10px}.login-card p{color:var(--muted)}.id-card{width:86mm;min-height:54mm;border:1px solid #acc2bd;border-radius:9px;padding:5mm;background:#fff;break-inside:avoid}.id-card .id-head{background:#e5efea;padding:8px;font-weight:bold;margin-bottom:10px}.id-card img{width:21mm;height:25mm;object-fit:cover;float:right}.certificate{max-width:900px;margin:20px auto;background:white;border:double 6px #526c61;padding:50px;min-height:650px}.certificate h1{text-align:center;font-family:Georgia,serif}.certificate-body{white-space:pre-wrap;font-size:18px;line-height:2;margin:55px 0}.signature{text-align:right;margin-top:90px}.logo{width:50px;height:50px;object-fit:contain}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tabs a{padding:8px 12px;border-radius:7px;background:#fff;border:1px solid var(--line);text-decoration:none}.tabs a.active{background:var(--accent);color:white}.print-grid{display:flex;gap:15px;flex-wrap:wrap}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar-title{display:none}.topbar{padding:12px}.user-menu{gap:7px}.date-label{display:none}footer span{display:none}}@media print{.sidebar,.topbar,footer,.breadcrumb,.page-heading,.no-print,.toolbar,.tabs{display:none!important}.workspace{margin:0}body{background:white}.container-fluid{padding:0!important}.card{box-shadow:none}.certificate{border:double 5px #526c61;min-height:240mm;margin:0;break-after:page}.id-card{break-inside:avoid}.table td,.table th{padding:6px}.print-grid{gap:8mm}a{color:inherit;text-decoration:none}}
.id-card .id-head{min-height:14mm;overflow:hidden}.id-card img.logo{width:10mm;height:10mm;float:left;margin-right:2mm;object-fit:contain}@media(max-width:575px){.user-menu>span:not(.avatar){max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{gap:8px}.user-menu{gap:8px}.user-menu .avatar{display:none}.user-menu a{font-size:11px}.page-heading h1{font-size:25px}.card-body{padding:18px}}
.fee-paper{max-width:960px;background:#fff;border:1px solid var(--line);padding:32px;margin:0 auto 24px;border-radius:10px;break-after:page}.fee-paper .signature{margin-top:50px}.fee-total{text-align:right;font-size:21px;font-weight:700;padding:20px 0}.thermal-receipt{width:80mm;max-width:80mm;padding:4mm;font-size:11px}.thermal-receipt h3,.thermal-receipt h4{font-size:15px}.thermal-receipt .table{font-size:10px}.thermal-receipt .table td,.thermal-receipt .table th{padding:4px}.thermal-receipt .signature{margin-top:20px}.card>summary{cursor:pointer;list-style-position:inside}.attendance-mark{min-width:140px}@media print{.fee-paper{border:0;border-radius:0;padding:8mm;margin:0;box-shadow:none}.fee-paper:last-child{break-after:auto}.thermal-receipt{width:72mm;max-width:72mm;padding:0;margin:0}.table-responsive{overflow:visible}.fee-total{font-size:18px}}@media(max-width:575px){.fee-paper{padding:16px}.fee-total{font-size:18px}.thermal-receipt{max-width:100%}}.notice-text,.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.message-preview{background:#edf5f1;border:1px solid #dce8e2;border-radius:9px;padding:20px}