:root{--bg:#0b1020;--panel:#131b31;--panel2:#1a2541;--text:#f3f6ff;--muted:#aab5d0;--a:#8b5cf6;--b:#06b6d4;--good:#22c55e;--bad:#ef4444;--line:#2a3655}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at top left,#22204b 0,#0b1020 42%);color:var(--text)}
a{color:#a5d8ff;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:22px}.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 20px;background:#0a0f1de8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.brand{font-weight:900;font-size:19px;margin-right:auto;background:linear-gradient(90deg,#a78bfa,#22d3ee);color:transparent;background-clip:text}.nav a{padding:8px 10px;border-radius:9px}.nav a:hover{background:var(--panel2)}h1{font-size:clamp(26px,4vw,38px);line-height:1.15;margin:8px 0 18px}h2{font-size:21px;margin:0 0 14px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{background:linear-gradient(145deg,#151e35,#10172a);border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 10px 28px #0002;min-width:0}.stat{font-size:29px;font-weight:850;margin-top:5px}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(100deg,var(--a),#4f46e5);color:#fff;font-weight:750;cursor:pointer;font-size:14px}.btn.alt,button.alt{background:#263453}.btn.good,button.good{background:#15803d}.btn.danger,button.danger{background:#b91c1c}input,select,textarea{width:100%;padding:11px 12px;background:#0b1223;color:var(--text);border:1px solid #33415f;border-radius:10px;margin:5px 0 13px;font:inherit}textarea{min-height:100px;resize:vertical}label{display:block;font-weight:650;color:#dce5ff}form{margin:0}.notice{padding:12px 14px;border:1px solid #3c4d72;background:#15213b;border-radius:12px;margin:12px 0}.success{border-color:#166534;background:#102b22}.error{border-color:#991b1b;background:#35171f}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#263453;color:#dce5ff;font-size:12px}.pill.Paid,.pill.Approved,.pill.Completed{background:#14532d}.pill.Rejected,.pill.Cancelled{background:#7f1d1d}.pill.Pending,.pill.Processing{background:#854d0e}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#1a2541;color:#dbeafe;font-size:13px}tr:last-child td{border-bottom:0}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions form{min-width:100px}.hero{padding:32px;border-radius:22px;background:linear-gradient(120deg,#32205d,#12394b);border:1px solid #4b4d87;margin-bottom:18px}.hero p{max-width:750px;color:#e3e9ff}.logo{max-width:150px;max-height:60px;object-fit:contain}.thumb{max-width:120px;max-height:90px;border-radius:9px;object-fit:cover}.footer{padding:30px 20px;text-align:center;color:var(--muted)}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{padding:24px;text-align:center;color:var(--muted)}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}.wrap{padding:14px}.nav{padding:10px}.brand{width:100%}}@media(max-width:520px){.grid,.formrow{grid-template-columns:1fr}.hero{padding:22px}.nav a{padding:7px 8px;font-size:13px}}