:root{--b:#0878ff;--bg:#07111f;--p:#0d1b2d;--t:#f4f8ff;--m:#9db0c8;--bd:#223754}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(#07111f,#0a1626);color:var(--t);min-height:100vh}a{color:#8dc9ff;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:#07101ddd;border-bottom:1px solid var(--bd);position:sticky;top:0}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.brand{display:flex;gap:11px;align-items:center;color:#fff}.brand small{display:block;color:var(--m);font-size:11px}.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0878ff,#0aa7ff);font-size:22px;font-weight:900}main{width:min(1120px,92vw);margin:32px auto}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;padding:48px 0}.hero h1{font-size:clamp(40px,7vw,72px);line-height:.95;margin:0 0 18px}.muted{color:var(--m)}.card,.stat{background:linear-gradient(#0e2035,#0b1828);border:1px solid var(--bd);border-radius:18px;padding:22px;box-shadow:0 18px 50px #0005}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two{grid-template-columns:repeat(2,1fr)}.btn,button{display:inline-flex;justify-content:center;border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,#0878ff,#0aa7ff);color:#fff;font-weight:700;cursor:pointer}.btn.alt,button.alt{background:#12243a;border:1px solid var(--bd)}.sm{padding:8px 12px}form{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:600}input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--bd);background:#071321;color:#fff}textarea{min-height:110px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert{padding:13px 15px;border-radius:10px;margin-bottom:16px}.success{background:#123822}.error{background:#3b1720}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--bd);vertical-align:top}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#142a46;font-size:12px;font-weight:700}.approved,.paid{background:#123822}.rejected,.cancelled{background:#3b1720}.sent,.submitted{background:#3a2e12}.actions{display:flex;gap:10px;flex-wrap:wrap}.item{border:1px solid var(--bd);padding:15px;border-radius:12px;margin-bottom:12px}.stat b{font-size:32px;display:block}footer{text-align:center;color:var(--m);padding:30px}.right{text-align:right}@media(max-width:800px){.hero,.grid,.two,.row{grid-template-columns:1fr}header{align-items:flex-start}}@media print{header,footer,.noprint{display:none!important}body{background:#fff;color:#000}.card{background:#fff;box-shadow:none;border:1px solid #aaa}main{width:100%;margin:0}.muted{color:#444}}