*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#f5f7fb;color:#172033}a{color:#2457d6;text-decoration:none}nav{height:64px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#101828;color:white}nav a{color:white;margin-left:18px}.hero{padding:70px 7%;background:linear-gradient(135deg,#111827,#273a67);color:white}.hero h1{font-size:42px;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:35px 7%}.container{max-width:1050px;margin:35px auto;padding:0 18px}.card{background:white;border-radius:18px;padding:24px;box-shadow:0 8px 30px #10182812}.card h2{margin-top:8px}.tag{display:inline-block;background:#eef2ff;padding:6px 10px;border-radius:999px;font-size:12px}.btn,button{display:inline-block;border:0;border-radius:10px;padding:12px 16px;background:#2457d6;color:white;cursor:pointer;margin-top:14px}.auth{max-width:430px;margin:70px auto;padding:18px}.auth input,form input{width:100%;padding:13px;margin:7px 0;border:1px solid #d7dce5;border-radius:10px}.wallet{background:#111827;color:white;padding:25px;border-radius:18px;margin-bottom:30px}.wallet div{font-size:34px;font-weight:800;margin:8px 0}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:10px;margin-bottom:12px}.success{background:#dcfce7;color:#166534;padding:12px;border-radius:10px;margin-bottom:12px}.notice{margin-top:20px;padding:14px;background:#fff7ed;border-radius:10px}.invoice{max-width:800px;margin:auto}.invoice-head{display:flex;justify-content:space-between;align-items:center}.paid{background:#dcfce7;color:#166534;padding:8px 14px;border-radius:999px;font-weight:700}.right{text-align:right}.actions{display:flex;gap:10px;flex-wrap:wrap}@media print{nav,.actions,a{display:none!important}.card{box-shadow:none}.container{margin:0}.invoice{padding:0}}