*{box-sizing:border-box}body{margin:0;background:#080e0e;color:#eef6f3;font:15px/1.6 'Segoe UI',sans-serif}a{color:#9ce8d3;text-decoration:none}header{padding:22px 4vw;border-bottom:1px solid #253432;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{letter-spacing:2px;color:#f5faf8;font-weight:600}.brand span{font-size:10px;letter-spacing:3px;color:#849b94;margin-left:18px}main{max-width:1280px;margin:auto;padding:42px 4vw}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px;line-height:1.2;margin:12px 0}h2{font-size:19px;font-weight:500;margin:0 0 12px}p{color:#9eafa9}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;color:#92c4b4}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.card,.panel{background:linear-gradient(140deg,#14201e,#0e1716);border:1px solid #2c403a;border-radius:14px;padding:24px}.card small{color:#a1b6ad}.value{font-size:32px;letter-spacing:-1px;margin:12px 0}.detail{font-size:12px;color:#829b90}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:24px 0}.bar-row{display:grid;grid-template-columns:60px 1fr 105px;gap:14px;align-items:center;margin:24px 0}.track{background:#24352e;border-radius:4px;height:12px;overflow:hidden}.fill{background:linear-gradient(90deg,#57ab90,#b1e5c6);height:100%;border-radius:4px}.amount{text-align:right;font-size:13px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{color:#91a69d;font-size:11px;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:14px}td{padding:16px 14px;border-top:1px solid #263831;font-size:13px}.badge{color:#a6e8c5;background:#1b352a;padding:4px 10px;border-radius:20px;font-size:11px}.pending{color:#edcf93;background:#352e21}button,input{font:inherit;border-radius:7px;border:1px solid #3a574a;padding:10px 14px;color:#eaf7ee;background:#172b22}button{cursor:pointer}button.primary{background:#b8e7ce;color:#10231a;font-weight:600;border:0}input{width:100%;background:#0a1410}label{display:block;color:#a8bdb1;font-size:13px;margin:18px 0}label input{margin-top:6px}.login{max-width:450px;margin:35px auto}.login h1{font-size:34px}.login button{width:100%}.hint{padding:14px;background:#111f19;border-radius:8px;font-size:12px;color:#a5bdaf;margin-top:20px}.linkbox{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}.linkbox a{font-size:12px;overflow-wrap:anywhere}.muted{color:#91a79b;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.payment{display:flex;gap:8px}.payment input{width:100px}footer{border-top:1px solid #23352c;color:#789084;padding:20px 4vw;font-size:11px;letter-spacing:1px}#notice{color:#d7c18e} @media(max-width:850px){.metrics{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.top{align-items:flex-start}.brand span{display:none}}@media(max-width:480px){.card,.panel{padding:16px}.value{font-size:25px}main{padding:25px 16px}.top{flex-direction:column}.bar-row{grid-template-columns:45px 1fr 85px;gap:8px}}