@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Syne:wght@600;700;800&display=swap";:root{--ink: #173448;--ink-soft: #54707b;--paper: #f5f8f6;--surface: #fffefa;--line: #dbe7e4;--line-strong: #c2d5d0;--teal: #137c74;--teal-deep: #075a59;--teal-wash: #e6f3ef;--coral: #c45a4d;--amber: #b57926;--shadow: 0 24px 70px rgba(29, 72, 76, .1);--shadow-small: 0 8px 24px rgba(29, 72, 76, .08);font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}.checkout-page{min-height:100dvh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(circle at 12% 12%,rgba(191,222,213,.55),transparent 30%),radial-gradient(circle at 88% 85%,rgba(233,210,191,.36),transparent 28%),var(--paper);position:relative;overflow:hidden}.checkout-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(rgba(23,52,72,.11) .65px,transparent .65px);background-size:19px 19px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}.checkout-layout{width:min(1030px,100%);display:grid;grid-template-columns:minmax(245px,.8fr) minmax(390px,1.2fr);gap:54px;align-items:center;position:relative;z-index:1}.checkout-intro{padding:18px 0 18px 8px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px 12px 12px 4px;background:var(--teal-deep);color:#d6f3eb;box-shadow:4px 4px #c7dfd9}.brand-mark svg{transform:rotate(-14deg)}.brand-name{font-family:Syne,sans-serif;font-size:20px}.intro-kicker,.eyebrow{display:block;margin:48px 0 14px;color:var(--teal);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.checkout-intro h1{max-width:430px;margin:0;font-family:Syne,sans-serif;font-size:clamp(34px,4.5vw,58px);line-height:.99;letter-spacing:-.065em}.intro-copy{max-width:360px;margin:22px 0 0;color:var(--ink-soft);line-height:1.7;font-size:14px}.trust-list{display:grid;gap:14px;margin:38px 0 0;padding:0;list-style:none}.trust-list li{display:flex;gap:11px;align-items:center;font-size:12px;color:var(--ink-soft)}.trust-list svg{color:var(--teal);flex:0 0 auto}.checkout-container{width:100%;max-width:510px;margin-left:auto;padding:35px;background:#fffefae6;border:1px solid rgba(194,213,208,.75);border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .55s ease both}.checkout-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:27px}.checkout-header h2{margin:0;font-family:Syne,sans-serif;font-size:22px;letter-spacing:-.04em}.checkout-header p{margin:6px 0 0;color:var(--ink-soft);font-size:12px}.header-rut{color:var(--ink);text-align:right;font-family:DM Mono,monospace;font-size:11px;white-space:nowrap}.header-rut span{display:block;color:#81969a;font-family:Plus Jakarta Sans;font-size:10px;margin-bottom:4px}.amount-display{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;margin-bottom:25px;background:var(--teal-wash);border:1px solid #c9e4dd;border-radius:15px}.amount-display .eyebrow{margin:0 0 6px;font-size:9px;color:var(--teal-deep)}.amount-value{display:block;font-family:Syne,sans-serif;font-size:29px;line-height:1;letter-spacing:-.06em;color:var(--teal-deep)}.amount-state{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #b9dbd2;border-radius:999px;color:var(--teal-deep);font-size:10px;font-weight:700;white-space:nowrap}.field{margin-bottom:16px}.field label,.card-section>label{display:flex;align-items:center;gap:6px;margin:0 0 7px;color:#43606a;font-size:11px;font-weight:700}.field input,.search-input,.filter-select{width:100%;min-height:45px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fffefa;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input::placeholder,.search-input::placeholder{color:#a0b0b2}.field input:hover,.search-input:hover,.filter-select:hover{border-color:var(--line-strong)}.field input:focus,.search-input:focus,.filter-select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #137c741f;background:#fff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.card-section{margin:23px 0 18px}.card-section>label{margin-bottom:8px}.stripe-field{min-height:45px;display:flex;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fffefa;transition:border-color .18s ease,box-shadow .18s ease}.stripe-field>div{width:100%;min-width:0;flex:1 1 auto}.stripe-field iframe{display:block;width:100%!important;min-width:0;pointer-events:auto}.stripe-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #137c741f}.card-section .field-row{margin-top:10px}.form-error{display:flex;align-items:flex-start;gap:7px;margin:10px 0 14px;color:var(--coral);font-size:12px;line-height:1.45}.pay-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;color:#f5fffb;background:var(--teal-deep);font-size:13px;font-weight:800;box-shadow:0 8px 16px #075a5929;transition:transform .18s ease,background .18s ease,opacity .18s ease}.pay-button:hover:not(:disabled){background:#0b6a68;transform:translateY(-2px)}.pay-button:active:not(:disabled){transform:translateY(0)}.pay-button:disabled{opacity:.48;box-shadow:none}.button-loader{width:15px;height:15px;border:2px solid rgba(245,255,251,.4);border-top-color:#f5fffb;border-radius:50%;animation:spin .7s linear infinite}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px 0 0;color:#789095;font-size:10px;text-align:center}.secure-note svg{color:var(--teal)}.status-message{display:grid;justify-items:center;gap:12px;padding:30px 12px;text-align:center}.status-message p{margin:0;max-width:340px;color:var(--ink-soft);line-height:1.6;font-size:13px}.status-error{background:#fff3ef;border:1px solid #f0d4ca;border-radius:13px}.status-error p{color:var(--coral)}.status-info{background:#edf5f5;border:1px solid #d2e5e2;border-radius:13px}.status-success{padding:48px 22px;background:var(--teal-wash);border-radius:14px}.success-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;color:#e7fff7;background:var(--teal)}.success-icon svg{width:26px;height:26px}.status-success strong{display:block;margin-bottom:6px;color:var(--teal-deep);font-family:Syne,sans-serif;font-size:20px}.loading-text{color:var(--ink-soft);font-size:13px}.skeleton{border-radius:8px;background:linear-gradient(90deg,#e7efed 25%,#f4f8f6,#e7efed 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.checkout-footer{margin-top:28px;color:#91a3a4;font-size:10px;text-align:center}.admin-page{min-height:100dvh;padding:27px clamp(18px,4vw,58px) 50px;background:var(--paper)}.admin-shell{max-width:1320px;margin:0 auto}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.admin-topbar .brand-mark{width:31px;height:31px}.admin-topbar .brand-name{font-size:18px}.admin-top-actions{display:flex;align-items:center;gap:20px}.admin-live{display:flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:11px}.live-dot{width:7px;height:7px;border-radius:50%;background:#43a58b;box-shadow:0 0 0 4px #dcefe7}.logout-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink-soft);background:transparent;font-size:11px;font-weight:700;transition:background .18s,color .18s}.logout-button:hover{color:var(--ink);background:#e9f1ef}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:44px 0 30px}.admin-heading h1{margin:0;font-family:Syne,sans-serif;font-size:clamp(28px,4vw,42px);letter-spacing:-.06em;line-height:1}.admin-heading p{margin:10px 0 0;color:var(--ink-soft);font-size:12px}.refresh-button{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface);font-size:11px;font-weight:700;box-shadow:var(--shadow-small)}.refresh-button:hover{border-color:#aacbc2;background:var(--teal-wash)}.refresh-button svg{transition:transform .3s}.refresh-button[aria-busy=true] svg{transform:rotate(180deg)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.metric-card,.admin-card{padding:21px;border:1px solid var(--line);border-radius:15px;background:#fffefab8;box-shadow:0 4px 16px #1d484c08}.metric-card{min-height:135px;display:flex;flex-direction:column;justify-content:space-between}.metric-card:nth-child(2){background:#edf6f3;border-color:#d0e7df}.metric-card:nth-child(3){background:#fbf3e8;border-color:#ebdeca}.metric-label{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:11px;font-weight:700}.metric-label svg{color:var(--teal)}.metric-value{font-family:Syne,sans-serif;font-size:35px;letter-spacing:-.07em}.metric-foot{color:#819398;font-size:10px}.stripe-card{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;align-items:center;margin-bottom:15px}.stripe-card h2,.admin-card h2{margin:0 0 7px;font-family:Syne,sans-serif;font-size:16px;letter-spacing:-.04em}.stripe-card p{margin:0;color:var(--ink-soft);font-size:11px}.stripe-status{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 9px;border-radius:999px;color:var(--teal-deep);background:#e2f3ea;font-size:10px;font-weight:800}.stripe-status.offline{color:var(--coral);background:#fff0ed}.stripe-details{padding-left:20px;border-left:1px solid var(--line)}.stripe-detail-label{color:#8a9b9e;font-size:10px}.stripe-detail-value{display:block;margin-top:5px;color:var(--ink);font-family:DM Mono,monospace;font-size:11px}.admin-section{margin-bottom:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.section-heading h2{margin:0}.section-heading p{margin:0;color:#8a9b9e;font-size:10px}.filter-bar{display:flex;gap:9px;margin-bottom:17px}.search-input{min-width:240px;min-height:39px;font-size:11px}.filter-select{width:auto;min-height:39px;color:var(--ink-soft);font-size:11px}.table-wrap{overflow-x:auto}.admin-table{width:100%;min-width:850px;border-collapse:collapse;font-size:11px}.admin-table th{padding:0 10px 11px;color:#8a9b9e;font-size:9px;font-weight:800;letter-spacing:.1em;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td{padding:13px 10px;border-top:1px solid #e6eeeb;color:var(--ink-soft);white-space:nowrap}.admin-table tbody tr:hover{background:#f5faf8}.admin-table code,.mono{color:var(--ink);font-family:DM Mono,monospace;font-size:10px}.status-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.status-badge.approved,.status-badge.succeeded,.status-badge.paid{color:#187257;background:#e1f3e9}.status-badge.incomplete,.status-badge.pending{color:#a46b19;background:#fbefdb}.status-badge.rejected,.status-badge.failed{color:#b94d43;background:#ffebe7}.admin-table .amount{color:var(--ink);font-weight:700}.empty-row{padding:31px!important;color:#8a9b9e!important;text-align:center}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.simple-list{display:grid;gap:0;margin:6px 0 0;padding:0;list-style:none}.simple-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #e6eeeb}.list-main{color:var(--ink);font-size:11px;font-weight:700}.list-sub{margin-top:4px;color:#8a9b9e;font-family:DM Mono,monospace;font-size:9px}.list-right{color:var(--ink-soft);font-size:10px;text-align:right}.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 25%,#d9ede7,transparent 33%),var(--paper)}.login-card{width:min(420px,100%);padding:35px;border:1px solid var(--line);border-radius:20px;background:#fffefadb;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:55px}.login-card h1{margin:0;font-family:Syne,sans-serif;font-size:30px;letter-spacing:-.06em}.login-card>p{margin:10px 0 28px;color:var(--ink-soft);font-size:12px;line-height:1.6}.login-card .field{margin-bottom:19px}.login-error{padding:10px 12px;margin-bottom:14px;border-radius:9px;color:var(--coral);background:#fff0ed;font-size:11px}.login-note{display:flex;align-items:center;gap:6px;margin-top:20px;color:#8a9b9e;font-size:10px}.muted{color:#8a9b9e}.error-panel{padding:28px;border:1px solid #f0d4ca;border-radius:13px;color:var(--coral);background:#fff3ef;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:820px){.checkout-layout{grid-template-columns:1fr;gap:25px;max-width:520px}.checkout-intro{padding:0;text-align:center}.intro-kicker{margin-top:25px}.checkout-intro h1,.intro-copy{margin-left:auto;margin-right:auto}.trust-list{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin-top:24px}.checkout-container{margin:0 auto}}@media(max-width:700px){.admin-heading{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:105px}.stripe-card{grid-template-columns:1fr;gap:17px}.stripe-details{padding:15px 0 0;border-top:1px solid var(--line);border-left:0}.lower-grid{grid-template-columns:1fr}}@media(max-width:500px){.checkout-page{padding:18px 12px}.checkout-container{padding:23px 17px;border-radius:17px}.checkout-header{margin-bottom:20px}.checkout-header h2{font-size:19px}.amount-display{align-items:flex-start;flex-direction:column}.field-row{grid-template-columns:1fr;gap:0}.admin-page{padding:18px 13px 40px}.admin-topbar{padding-bottom:18px}.admin-live{display:none}.admin-heading{margin:32px 0 22px}.filter-bar{flex-direction:column}.search-input,.filter-select{width:100%;min-width:0}.login-card{padding:25px 21px}.login-card .brand{margin-bottom:40px}}