@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0');
:root{--blue:#1268e8;--deep:#0b3f91;--ink:#132238;--muted:#708198;--line:#e6edf7;--bg:#f4f8ff;--card:#fff;--shadow:0 20px 50px rgba(20,67,130,.12)}*{box-sizing:border-box}body.material-page{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 10% 0,#dceeff 0,transparent 28%),var(--bg);color:var(--ink)}.mat-top{padding:18px 6%;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.mat-brand{font-size:20px;font-weight:800;color:var(--blue);text-decoration:none}.mat-brand small{color:var(--ink);font-weight:600}.mat-shell{max-width:1150px;margin:42px auto;padding:0 20px}.mat-card{background:rgba(255,255,255,.94);border:1px solid rgba(220,231,246,.9);border-radius:28px;padding:30px;box-shadow:var(--shadow);animation:rise .65s ease both}.mat-hero{background:linear-gradient(135deg,#0b4fb8,#1976f2 55%,#63a4ff);color:#fff;overflow:hidden;position:relative}.mat-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1);right:-80px;top:-90px}.eyebrow{font-size:12px;letter-spacing:1.3px;font-weight:800;color:var(--blue);text-transform:uppercase}.mat-hero .eyebrow{color:#cfe3ff}.mat-title{font-size:32px;margin:8px 0}.sub{color:var(--muted);line-height:1.7}.mat-hero .sub{color:#eaf3ff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:700;margin:0 0 8px}.field input,.field select,.field textarea{width:100%;padding:14px 15px;border:1px solid #d9e4f2;border-radius:14px;background:#fbfdff;font:inherit;outline:none;transition:.25s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,104,232,.1);transform:translateY(-1px)}.section-label{display:flex;align-items:center;gap:9px;font-weight:800;margin:26px 0 12px}.section-label span{color:var(--blue)}.info-strip{padding:16px;border-radius:18px;background:#edf5ff;border:1px solid #d7e8ff}.terms-box{background:#f8fbff;border:1px dashed #bfd4ef;border-radius:16px;padding:16px;line-height:1.7;font-size:14px}.mat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:0;border-radius:14px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font:inherit;cursor:pointer;box-shadow:0 10px 20px rgba(18,104,232,.2);transition:.25s}.mat-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(18,104,232,.28)}.mat-btn.outline{background:#eef5ff;color:var(--blue);box-shadow:none}.alert-error{padding:14px 17px;border-radius:14px;background:#fff0f0;color:#c53030;margin-bottom:16px}.receipt-head{text-align:center;padding-bottom:22px;border-bottom:1px dashed #cbd8e8}.receipt-logo{width:64px;height:64px;border-radius:20px;margin:auto;background:linear-gradient(135deg,#1268e8,#75adff);display:grid;place-items:center;color:#fff;font-size:28px}.receipt-id{display:inline-block;background:#edf5ff;color:var(--blue);padding:8px 14px;border-radius:30px;font-weight:800}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.receipt-item{padding:15px;border-radius:16px;background:#f8fbff;border:1px solid var(--line)}.receipt-item small{display:block;color:var(--muted);margin-bottom:6px}.amount-row{display:flex;justify-content:space-between;align-items:center;padding:18px;background:linear-gradient(135deg,#edf5ff,#fff);border-radius:18px}.amount-row b{font-size:26px;color:var(--blue)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.table-wrap{overflow:auto}.mat-table{width:100%;border-collapse:separate;border-spacing:0 8px}.mat-table th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:10px;text-align:left}.mat-table td{padding:15px 10px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mat-table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.mat-table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.badge{padding:7px 10px;border-radius:30px;background:#e8f8ef;color:#16834b;font-size:12px;font-weight:800}.profile-banner{display:flex;gap:22px;align-items:center}.profile-avatar{width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,#1268e8,#74adff);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:800}.kv{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kv div{padding:15px;border-radius:16px;background:#f8fbff}.kv small{display:block;color:var(--muted);margin-bottom:5px}.float-orb{position:fixed;width:180px;height:180px;border-radius:50%;background:rgba(18,104,232,.06);filter:blur(2px);right:3%;bottom:4%;pointer-events:none}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:720px){.form-grid,.receipt-grid,.kv{grid-template-columns:1fr}.full{grid-column:auto}.toolbar,.profile-banner{align-items:flex-start;flex-direction:column}.mat-shell{margin:25px auto}.mat-card{padding:22px}.mat-title{font-size:26px}}@media print{.mat-top,.no-print,.float-orb{display:none!important}.material-page{background:#fff}.mat-shell{margin:0;max-width:none}.mat-card{box-shadow:none;border:0}}