:root{--maroon:#5c1635;--maroon2:#7b2447;--green:#105c43;--gold:#dcb04e;--ink:#17211e;--muted:#66736f;--bg:#f6f7f5;--card:#fff;--line:#dce3df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(120deg,var(--maroon),#3d1026 65%,var(--green));color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--gold)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;object-fit:contain}.brand strong,.brand small{display:block}.brand small{opacity:.85;font-size:11px}.navbtn{display:none;background:none;border:1px solid #ffffff55;color:#fff;border-radius:8px;padding:7px 10px}.nav{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:69px;z-index:20}.nav a{color:var(--ink);text-decoration:none;padding:7px 10px;border-radius:8px}.nav a:hover{background:#f1e7eb;color:var(--maroon)}.container{max-width:1180px;margin:auto;padding:16px}.hero{background:linear-gradient(135deg,#fff,#f7edf1);border:1px solid #e8d7df;border-radius:18px;padding:24px;display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:center}.hero h1{font-size:clamp(26px,5vw,48px);margin:.2em 0;color:var(--maroon)}.hero img{max-width:180px;justify-self:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 4px 18px #00000009}.stat strong{font-size:22px;color:var(--maroon);display:block}.small{font-size:12px;color:var(--muted)}h1,h2,h3{line-height:1.2}h2{color:var(--maroon)}label{display:block;font-size:12px;font-weight:700;margin:9px 0 4px}input,select,textarea,button{width:100%;padding:10px;border-radius:9px;border:1px solid #cfd8d3;background:#fff;font:inherit}textarea{min-height:90px}button,.btn{background:var(--maroon);color:white;border:0;text-decoration:none;display:inline-block;text-align:center;padding:10px 13px;border-radius:9px;cursor:pointer}.btn.secondary{background:var(--green)}.btn.gold{background:#8b651d}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}th{background:#faf5f7;color:var(--maroon)}.badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;background:#eee}.badge.paid{background:#dbf3e7;color:#11613e}.badge.unpaid{background:#f7e0e6;color:#7a1c3b}.notice{padding:10px 12px;border-radius:9px;background:#fff7dc;border:1px solid #efd98a}footer{text-align:center;padding:20px 12px;color:#5b6662;font-size:11px}.footer1920{margin:10px auto;display:flex;align-items:center;justify-content:center;gap:8px}.footer1920 img{width:95px;height:auto}.login-shell{max-width:440px;margin:4vh auto}.splash{min-height:100vh;display:grid;place-items:center;color:white;text-align:center;padding:20px}.splash.one{background:radial-gradient(circle at top right,#1b6c52,transparent 38%),linear-gradient(145deg,#4c102e,#771e45)}.splash.two{background:radial-gradient(circle at bottom left,#dcb04e55,transparent 35%),linear-gradient(145deg,#2a0d1d,#5c1635 50%,#103f32)}.splash img{width:120px}.splash h1{font-size:clamp(32px,8vw,64px);margin:.2em}.splash .tag{letter-spacing:.15em;color:#f0d795}.searchbar{display:flex;gap:8px}.searchbar input{flex:1}.searchbar button{width:auto;min-width:110px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.row,.row3{grid-template-columns:1fr}.navbtn{display:block}.nav{display:none;top:69px;position:sticky}.navopen .nav{display:flex;flex-direction:column}.searchbar{flex-direction:column}.searchbar button{width:100%}}@media(max-width:440px){.grid{grid-template-columns:1fr}.container{padding:10px}.brand small{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media print{.topbar,.nav,footer,.no-print{display:none!important}.container{max-width:none;padding:0}.card{box-shadow:none;border:0}}