:root{--bg-1: #f4f7fc;--bg-2: #eaf0fb;--ink-1: #0f172a;--ink-2: #475569;--brand-1: #163a8a;--brand-2: #1f4aa8;--panel: #ffffffee;--shadow: 0 12px 40px rgba(15, 23, 42, .12);font-family:Manrope,Segoe UI,sans-serif;color:var(--ink-1);background:linear-gradient(170deg,var(--bg-2) 0%,var(--bg-1) 48%,#eef3fb 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page-bg{position:relative;min-height:100vh;overflow:hidden}.bg-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.5;pointer-events:none}.orb-one{width:420px;height:420px;background:radial-gradient(circle,#c9dafb,#c9dafb00 70%);top:-140px;right:-100px}.orb-two{width:360px;height:360px;background:radial-gradient(circle,#c0d7ff,#c0d7ff00 72%);bottom:-140px;left:-80px}.app-shell{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:30px 24px}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:24px;margin-bottom:16px;border:1px solid #ffffff;box-shadow:var(--shadow);animation:rise-in .22s ease-out}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header-panel h1,.panel h1,.panel h2{margin-top:0}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.brand-main{display:flex;gap:14px;align-items:center;min-width:0}.brand-title-wrap{min-width:0}.mock-logo{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,var(--brand-1),var(--brand-2));display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 22px #163a8a59;flex-shrink:0}.header-panel h1{margin:0;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-meta{min-width:360px;max-width:560px;padding:12px;border-radius:14px;border:1px solid #d8e1f2;background:linear-gradient(180deg,#f9fbff,#f3f7ff)}.meta-row{display:flex;justify-content:flex-end}.meta-row+.meta-row{margin-top:8px;padding-top:8px;border-top:1px dashed #cdd8ed}.meta-value-only{font-weight:600;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.summary-lead{margin:0 0 10px;color:#4f5f79;font-weight:500}.summary-grid{display:grid;grid-template-columns:180px 1fr;row-gap:10px;column-gap:12px}.summary-grid dt{color:#4f5f79}.summary-grid dd{margin:0}.amount{font-size:29px;font-weight:800;color:#0f2e78}.primary-button{border:none;border-radius:12px;padding:12px 18px;margin-top:16px;background:linear-gradient(145deg,var(--brand-1),var(--brand-2));color:#fff;font-weight:600;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #163a8a40}.primary-button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.dropin-placeholder{border:1px dashed #8fa8d9;border-radius:12px;padding:16px;background:#f7faff}.status-error{color:#b42318;margin-top:12px}.status-processing{color:#0c4a6e;margin-top:12px}.footer{text-align:center;color:#4f5f79;font-size:14px;padding-bottom:20px}@media (max-width: 760px){.brand-row{flex-direction:column}.brand-meta{width:100%;min-width:0}}@media (max-width: 640px){.app-shell{padding:16px}.panel{padding:18px}.summary-grid{grid-template-columns:1fr}.bg-orb{opacity:.35}}