:root{--ink:#18233d;--muted:#718096;--purple:#6558e8;--blue:#3c8df5;--line:#e7eaf2;--bg:#f5f7fc;--green:#14956a;--red:#c64242}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.topbar{min-height:72px;padding:14px max(5%,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-size:19px;font-weight:850;color:var(--ink);text-decoration:none;white-space:nowrap}.topbar nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.topbar nav a{font-size:13px;font-weight:700;text-decoration:none;color:#58647b}.topbar nav a:hover{color:var(--purple)}.topbar nav .nav-cta{background:#eeeaff;color:#5143d3;padding:9px 13px;border-radius:10px}.container{max-width:1180px;margin:auto;padding:34px 24px 60px}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;padding:48px 0 60px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:850;color:var(--purple)}h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0}h1 span{color:var(--purple)}.hero p{max-width:570px;color:#65718a;font-size:16px}.actions{display:flex;gap:12px;margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(120deg,var(--purple),var(--blue));color:#fff;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;box-shadow:0 7px 18px #6558e82b;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px);opacity:.94}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-light{background:#f0efff;color:#5143d3;box-shadow:none}.btn-danger{background:#c64242;box-shadow:none}.btn-sm{padding:8px 10px;font-size:12px}.full{width:100%;margin-top:16px}.hero-card,.panel,.task-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 35px #263b6909}.hero-card{background:linear-gradient(145deg,#fff 35%,#f0efff);padding:32px}.mini-label,.muted,small{color:var(--muted)}.big-amount{font-size:43px;font-weight:900;letter-spacing:-1px;margin:6px 0}.progress{height:8px;background:#e4e2ff;border-radius:9px;margin:26px 0 16px;overflow:hidden}.progress span{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:9px}.split{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:#69758a;font-size:14px}.split b{color:var(--ink)}.split.total{border-top:1px solid var(--line);margin-top:6px;padding-top:15px}.green{color:var(--green)!important}.red{color:var(--red)!important}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px}.feature p{color:var(--muted);font-size:14px;margin-bottom:0}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#efedff;color:var(--purple);font-size:23px;font-weight:900}.footer{text-align:center;padding:28px 16px;border-top:1px solid var(--line);color:#8490a5;font-size:12px}.form-wrap{max-width:470px;margin:24px auto}.panel{margin-bottom:22px}.panel form label{display:block;font-size:13px;font-weight:800;margin:15px 0 6px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #dfe4ef;border-radius:10px;background:#fff;font:inherit;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6558e81a}[hidden]{display:none!important}.form-wrap .panel{padding:30px}.form-wrap h1{font-size:32px}.alert,.success{padding:12px 14px;border-radius:11px;margin:12px 0 18px;font-size:14px}.alert{background:#fff0f0;color:#a42e2e}.success{background:#e8fbf3;color:#08794f}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 26px}.page-heading h1{font-size:34px}.page-heading p{margin:7px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;gap:5px}.stat-card span,.stat-card small{color:var(--muted);font-size:13px}.stat-card strong{font-size:30px;letter-spacing:-.7px}.stat-card.primary{background:linear-gradient(130deg,#6558e8,#4989f4);color:#fff;border:0}.stat-card.primary span,.stat-card.primary small{color:#e8e9ff}.quick-links a{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:750}.quick-links a span{color:var(--purple)}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.task-card{padding:23px}.task-top{display:flex;justify-content:space-between;align-items:center}.pill{background:#e9fbf3;color:#13865e;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:850}.task-symbol{display:grid;place-items:center;background:#f0efff;color:var(--purple);width:38px;height:38px;border-radius:12px;font-size:20px}.task-card p{font-size:14px;min-height:44px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.qr-placeholder{min-height:205px;border:1px dashed #d9d7f8;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafaff;padding:12px;text-align:center}.qr-placeholder img{width:min(240px,100%);max-height:260px;object-fit:contain}.qr-icon{font-size:70px;color:var(--purple)}.qr-placeholder p{font-size:12px;color:var(--muted)}.upi-id{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#f7f8fd;border-radius:12px;margin-top:16px}.upi-id small,.upi-id strong{display:block}.upi-id strong{word-break:break-all}.small{font-size:12px}.table-panel{padding:24px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}th{color:#748098;background:#fafbfe;font-size:11px;text-transform:uppercase;letter-spacing:.6px}td{color:#47536a}.status{display:inline-block;border-radius:30px;padding:5px 9px;font-size:11px;font-weight:850}.status.pending{background:#fff4d8;color:#976600}.status.approved{background:#e5f9ef;color:#08794f}.status.rejected{background:#ffebeb;color:#a42e2e}.inline-form{display:inline-block;margin:2px}.inline-form .btn{white-space:nowrap}code{font-size:12px;overflow-wrap:anywhere}@media(max-width:850px){.topbar{align-items:flex-start;flex-direction:column;gap:10px}.topbar nav{gap:12px}.hero{grid-template-columns:1fr;gap:25px;padding-top:20px}.feature-grid,.task-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.container{padding:25px 16px 40px}.stats{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:24px}}@media(max-width:560px){.topbar{padding:13px 16px}.topbar nav{gap:8px 13px}.topbar nav a{font-size:12px}.feature-grid,.task-grid,.stats{grid-template-columns:1fr}.hero{padding-bottom:35px}.hero-card,.panel,.task-card{padding:20px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:30px}.form-wrap{margin:0 auto}.form-wrap .panel{padding:22px}.actions .btn{flex:1}.big-amount{font-size:37px}}