*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f9f8;color:#173124;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.narrow{width:min(760px,calc(100% - 32px));margin-inline:auto}.public-header,.student-header{background:#fff;border-bottom:1px solid #e4e9e6;position:sticky;top:0;z-index:30}.student-header{background:var(--header);color:#fff}.header-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img,.side-brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.brand span,.side-brand div,.admin-top div{display:flex;flex-direction:column}.brand strong{font-size:1rem}.brand small,.admin-top small,.side-brand small{opacity:.72}.brand.light{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--button,var(--primary));color:#fff;padding:11px 18px;font-weight:700;cursor:pointer;transition:.18s ease;box-shadow:0 1px 2px rgba(0,0,0,.08)}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-small{padding:7px 12px;font-size:.88rem;border-radius:8px}.btn-large{padding:14px 20px}.btn-block{width:100%}.btn-light{background:#fff;color:var(--primary);box-shadow:none}.btn-outline{background:transparent;color:var(--primary);border:1px solid #b7c7bd;box-shadow:none}.student-header .btn-outline,.sidebar .btn-outline{color:#fff}.hero{background:linear-gradient(135deg,var(--header),var(--primary));color:#fff;padding:70px 0 60px}.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.15rem,5vw,4rem);line-height:1.04;margin:12px 0 18px;letter-spacing:-.04em}.hero p{font-size:1.1rem;max-width:760px;color:#e6f1eb}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.14em;color:var(--secondary);text-transform:uppercase}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-panel{display:grid;gap:12px}.hero-stat{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:18px;backdrop-filter:blur(10px)}.hero-stat span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.hero-stat strong{display:block;margin-top:4px}.section{padding:56px 0}.section.muted,.muted{background:#edf3ef}.section-heading{margin-bottom:24px}.section-heading h2{margin:6px 0 0;font-size:clamp(1.65rem,3vw,2.3rem)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card,.card,.panel,.fee-card,.stat-card{background:#fff;border:1px solid #e3e9e5;border-radius:16px;box-shadow:0 4px 18px rgba(23,49,36,.045)}.step-card{padding:22px}.step-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:800}.step-card h3{margin:14px 0 6px}.step-card p{margin:0;color:#5d7066}.faq{background:#fff;border:1px solid #e3e9e5;border-radius:12px;margin:10px 0;padding:14px 18px}.faq summary{font-weight:750;cursor:pointer}.notice-stack{display:grid;gap:10px}.notice{border-radius:12px;padding:14px 16px;border-left:5px solid #668}.notice p{margin:4px 0 0}.notice-info{background:#edf6ff;border-color:#3979b8}.notice-important{background:#fff8e3;border-color:#d9a20d}.notice-warning{background:#fff3e8;border-color:#de7518}.notice-urgent{background:#fff0f0;border-color:#c64040}.notice-stack.compact{margin:18px 0}.footer{background:#0f261a;color:#d7e3dc;padding:34px 0}.footer .container{display:flex;justify-content:space-between;gap:24px}.login-section{padding:70px 0}.login-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:56px;align-items:center}.login-copy h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:10px 0}.login-copy p{font-size:1.08rem;color:#566a5f}.check-list{padding:0;list-style:none}.check-list li{padding:8px 0 8px 28px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:900}.card,.panel{padding:22px}.login-card{padding:28px}.login-card h2{margin-top:0}.muted-text,.help-text,.page-heading p,.panel-heading p{color:#65776d}.help-text{font-size:.86rem;margin-top:16px}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:700;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #cbd7d0;background:#fff;border-radius:9px;padding:11px 12px;font:inherit;color:#173124;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,107,58,.12)}input:disabled{background:#f1f4f2;color:#728078}.student-nav{background:#fff;border-bottom:1px solid #e3e9e5;overflow:auto}.student-nav .container{display:flex;gap:6px}.student-nav a{padding:12px 14px;font-size:.9rem;font-weight:700;white-space:nowrap}.student-nav a:hover{color:var(--primary)}.student-main,.admin-main{padding-top:26px;padding-bottom:50px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.page-heading h1{margin:5px 0 2px;font-size:clamp(1.7rem,3vw,2.3rem)}.page-heading p{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.student-stats{grid-template-columns:repeat(3,1fr)}.stat-card{padding:18px}.stat-card span{display:block;color:#667970;font-size:.82rem;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.stat-card strong{display:block;font-size:1.65rem;margin-top:5px;letter-spacing:-.02em}.panel{margin-bottom:20px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.panel-heading h2{margin:0}.panel-heading p{margin:3px 0 0}.fee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fee-card{padding:20px}.fee-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.fee-card h3{margin:10px 0 0}.fee-amount{font-size:1.4rem;white-space:nowrap}.fee-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;color:#617469;font-size:.86rem}.status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#edf0ee;color:#4c5d54}.status-paid,.status-success{background:#e5f7eb;color:#176b3a}.status-unpaid,.status-failed{background:#fff0f0;color:#a83333}.status-partial,.status-pending,.status-initiated{background:#fff5da;color:#936500}.status-waived{background:#e8f1ff;color:#335e9b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.span-2{grid-column:span 2}.confirm-box{display:flex;flex-direction:row;align-items:flex-start;background:#f3f7f4;padding:14px;border-radius:10px;font-weight:600}.confirm-box input{width:auto;margin-top:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e7ece9;vertical-align:top}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#62736a;background:#f7f9f8;position:sticky;top:0}td small{display:block;color:#718077;margin-top:4px}code{font-size:.78rem}.inline{display:inline}.alert{padding:13px 15px;border-radius:10px;margin:14px auto}.alert-success{background:#e6f7eb;color:#145d32}.alert-error{background:#ffecec;color:#942b2b}.alert-warning{background:#fff5d8;color:#845f06}.alert-info{background:#e9f4ff;color:#2c6292}.empty-state{text-align:center;color:#687a70;padding:34px}.center{text-align:center}.verify-success{display:inline-block;background:#e4f8ea;color:#176b3a;font-weight:900;padding:8px 16px;border-radius:999px;margin:12px}.verify-fail{background:#ffecec;color:#942b2b;padding:12px;border-radius:10px}.detail-list{display:grid;gap:0;text-align:left}.detail-list div{display:grid;grid-template-columns:160px 1fr;padding:10px 0;border-bottom:1px solid #e8ece9}.detail-list dt{color:#667970}.detail-list dd{margin:0;font-weight:700}.spinner{width:44px;height:44px;border:4px solid #d8e5dd;border-top-color:var(--primary);border-radius:50%;margin:4px auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Admin */.admin-body{background:#f3f6f4}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--sidebar,#103c28);color:#dceae2;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:50}.side-brand{display:flex;align-items:center;gap:11px;padding:18px;border-bottom:1px solid rgba(255,255,255,.1)}.side-nav{padding:12px 9px;overflow:auto;flex:1}.side-nav a{display:block;padding:10px 12px;border-radius:8px;margin:2px 0;font-size:.9rem;font-weight:650}.side-nav a:hover{background:rgba(255,255,255,.1)}.side-footer{padding:14px 18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:10px;align-items:center}.side-footer a{font-size:.82rem;color:#fff}.admin-content{min-width:0}.admin-top{height:68px;background:#fff;border-bottom:1px solid #e1e8e3;display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:20}.admin-top .btn{margin-left:auto}.icon-button{border:0;background:#edf2ef;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:1.1rem;display:none}.admin-main{padding:24px}.admin-main>.page-heading{margin-top:0}.admin-main .stats-grid{grid-template-columns:repeat(5,1fr)}.stat-card.accent strong{color:var(--primary)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.chart{height:260px;width:100%;position:relative}.chart canvas{width:100%;height:100%}.filters{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:10px;align-items:end}.filters label{margin:0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tab-button{border:1px solid #cbd7d0;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700}.tab-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-panel{display:none}.tab-panel.active{display:block}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.danger{color:#9d2f2f}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-card{background:#fff;border:1px solid #e1e8e3;border-radius:14px;padding:18px}.admin-card h3{margin-top:0}.gateway-card{border-top:4px solid var(--primary)}.toggle-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.toggle{display:inline-flex;align-items:center;gap:8px;flex-direction:row;margin:0}.toggle input{width:auto}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3f0;font-size:.75rem;font-weight:800}.badge-live{background:#e6f7eb;color:#176b3a}.badge-test{background:#fff2d0;color:#8c6100}.color-input{display:flex;gap:8px;align-items:center}.color-input input[type=color]{width:54px;padding:3px;height:42px}.progress{height:9px;border-radius:999px;background:#e8eeea;overflow:hidden}.progress span{display:block;height:100%;background:var(--primary)}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:16px}.pagination a,.pagination span{padding:7px 10px;border:1px solid #d6dfda;border-radius:7px;background:#fff}.pagination .current{background:var(--primary);color:#fff}.cms-list{display:grid;gap:10px}.cms-item{background:#fff;border:1px solid #e2e9e4;border-radius:10px;padding:12px}.cms-item summary{cursor:pointer;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.permission-grid label{display:flex;flex-direction:row;align-items:center;margin:0;padding:7px;border-radius:7px;background:#f4f7f5;font-size:.82rem}.permission-grid input{width:auto}.receipt-page{width:min(900px,calc(100% - 24px));margin:24px auto}.receipt-actions{display:flex;justify-content:space-between;margin-bottom:14px}.receipt{background:#fff;border:1px solid #dfe6e1;box-shadow:0 6px 30px rgba(0,0,0,.08);padding:36px}.receipt-brand{display:flex;align-items:center;gap:16px}.receipt-brand img{width:75px;height:75px;object-fit:contain}.receipt-brand h1{font-size:1.4rem;margin:0}.receipt-brand p{margin:3px 0;color:#68786f}.receipt-title{margin-top:22px;border-top:3px solid var(--primary);border-bottom:1px solid #dfe6e1;padding:12px 0;display:flex;justify-content:space-between;gap:20px}.receipt-title span{font-weight:900}.receipt-body h2{text-align:center;margin:28px 0 20px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1e7e3}.receipt-grid>div{padding:12px 14px;border-bottom:1px solid #e1e7e3}.receipt-grid>div:nth-child(odd){border-right:1px solid #e1e7e3}.receipt-grid span{display:block;color:#6b7a72;font-size:.78rem;text-transform:uppercase;font-weight:800}.receipt-grid strong{display:block;margin-top:3px}.receipt-grid .amount-box{grid-column:span 2;background:#edf7f0;text-align:center;border-right:0}.amount-box strong{font-size:1.7rem;color:var(--primary)}.receipt-verify{display:flex;gap:14px;align-items:center;margin-top:22px;padding:14px;background:#f6f8f7}.qr-placeholder{width:78px;height:78px;border:5px double #193326;display:grid;place-items:center;font-size:.65rem;font-weight:900;background:repeating-linear-gradient(45deg,#173124 0 4px,#fff 4px 8px);color:#fff;text-shadow:0 1px #000}.receipt-verify p{font-size:.74rem;word-break:break-all;margin:4px 0}.receipt footer{margin-top:20px;text-align:center;color:#6c7b73;font-size:.78rem}
@media(max-width:1100px){.admin-main .stats-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.hero-grid,.login-grid,.split-grid{grid-template-columns:1fr}.hero{padding:48px 0}.steps{grid-template-columns:1fr 1fr}.fee-grid{grid-template-columns:1fr}.stats-grid,.student-stats,.admin-main .stats-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:left .2s ease}.sidebar.open{left:0;box-shadow:8px 0 30px rgba(0,0,0,.2)}.icon-button{display:block}.admin-top{padding:0 14px}.admin-main{padding:16px}.filters{grid-template-columns:1fr 1fr}.footer .container{flex-direction:column}.page-heading{align-items:flex-start;flex-direction:column}.receipt{padding:22px}.receipt-grid{grid-template-columns:1fr}.receipt-grid>div:nth-child(odd){border-right:0}.receipt-grid .amount-box{grid-column:span 1}}
@media(max-width:600px){.container{width:min(100% - 20px,1180px)}.header-row{min-height:62px}.brand img{width:40px;height:40px}.brand small{font-size:.68rem}.hero h1{font-size:2.25rem}.hero-panel{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.section{padding:38px 0}.stats-grid,.student-stats,.admin-main .stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:1.25rem}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.filters{grid-template-columns:1fr}.panel,.card,.fee-card{border-radius:12px;padding:15px}.fee-card-head{flex-direction:column}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap th,.table-wrap td,.table-wrap tr{display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid #e3e9e5;border-radius:10px;margin:10px 0;padding:8px;background:#fff}.table-wrap td{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid #edf0ee;padding:8px}.table-wrap td:last-child{border-bottom:0}.table-wrap td:before{content:attr(data-label);font-weight:800;color:#64756b;font-size:.75rem;text-transform:uppercase}.permission-grid{grid-template-columns:1fr}.receipt-page{width:100%;margin:0}.receipt-actions{position:sticky;top:0;background:#f5f7f6;padding:10px;z-index:10}.receipt{border:0;box-shadow:none;padding:16px}.receipt-brand img{width:52px;height:52px}.receipt-brand h1{font-size:1rem}.receipt-title{flex-direction:column;gap:5px}.receipt-verify{align-items:flex-start}}
@media print{.receipt-actions,.public-header,.footer{display:none!important}.receipt-page{width:100%;margin:0}.receipt{border:0;box-shadow:none;padding:12mm}.receipt-verify{break-inside:avoid}body{background:#fff}}

.warning-card{border-color:#e5b84a;background:#fffaf0}.warning-card strong{color:#9a6500}.dashboard-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.passport-preview{display:flex;align-items:center;gap:10px;margin-bottom:14px}.passport-preview img{width:84px;height:84px;object-fit:cover;border-radius:12px;border:1px solid #d8e2dc}.passport-preview small{color:#687a70}@media(max-width:1100px){.dashboard-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.dashboard-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-filters{grid-template-columns:1fr}}
.qr-placeholder.qr-ready{width:92px;height:92px;border:0;background:#fff;color:transparent;text-shadow:none;padding:0}.qr-placeholder.qr-ready svg{display:block;width:92px;height:92px}
.hero-cms-image{width:100%;max-height:360px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 40px rgba(0,0,0,.18)}.cms-section-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center}.cms-section-image{width:100%;max-height:340px;object-fit:cover;border-radius:16px}@media(max-width:820px){.cms-section-grid{grid-template-columns:1fr}.hero-cms-image{max-height:280px}}