:root{--bg: #f4efe6;--panel: rgba(255, 251, 244, .86);--panel-strong: #fdf8f1;--text: #1f1f1b;--muted: #6d675e;--accent: #0f766e;--accent-2: #cc5a2b;--line: rgba(34, 34, 24, .12);--shadow: 0 20px 60px rgba(51, 39, 26, .12);font-family:Avenir Next,PingFang SC,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(204,90,43,.18),transparent 32%),linear-gradient(180deg,#f6f1e8,#efe8dc)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--accent)}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}textarea{min-height:110px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}tbody tr.active-table-row{background:#0f766e14}.mono-cell{font-family:SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px;padding:28px;background:#141412eb;color:#fdf8f1;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.sidebar-body{display:grid;gap:24px}.sidebar-footer{margin-top:auto}.sidebar-logout{width:100%}.sidebar a{color:#fdf8f1;text-decoration:none;opacity:.88}.nav-stack{display:grid;gap:14px}.nav-link{display:block;padding:12px 14px;border-radius:16px;transition:background .16s ease,opacity .16s ease}.nav-link.active{background:#ffffff1f;opacity:1}.content{padding:28px}.stack{display:grid;gap:22px}.page-with-overlay{position:relative}.hero-panel,.panel,.login-card{border:1px solid rgba(255,255,255,.46);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-panel,.panel{padding:24px}.hero-panel{overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-2);font-size:12px;font-weight:700}.muted{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric-card{padding:18px;border-radius:20px;background:var(--panel-strong);border:1px solid var(--line)}.metric-card strong{display:block;margin-top:10px;font-size:28px}.primary-button,.ghost-button,.ghost-inline-button,.ghost-inline-link,.segmented button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.primary-button{padding:12px 18px;color:#fff;background:linear-gradient(135deg,var(--accent),#164e63)}.ghost-button{padding:12px 18px;color:#fff;background:#ffffff1a}.ghost-inline-button{padding:8px 12px;color:var(--accent-2);background:#cc5a2b1f}.ghost-inline-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;color:var(--accent-2);text-decoration:none;background:#cc5a2b1f}.primary-button:hover,.ghost-button:hover,.ghost-inline-button:hover,.ghost-inline-link:hover,.segmented button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.danger-button{color:#9f1239;background:#e11d481f}.inline-form{display:flex;gap:12px;align-items:center}.form-grid{display:grid;gap:16px}.table-wrap{overflow-x:auto}.action-row,.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-bar input{flex:1 1 260px}.filter-bar select{min-width:180px}.field-label{display:grid;gap:8px}.full-width-button{width:100%}.pagination-row{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.login-scene{position:relative;display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{position:relative;z-index:1;display:grid;gap:16px;width:min(520px,100%);padding:32px}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.segmented button{padding:12px 14px;background:#1f1f1b14}.segmented button.active{background:linear-gradient(135deg,var(--accent-2),#ef7f47);color:#fff}.error-banner,.success-banner,.code-box{border-radius:16px;padding:12px 14px}.error-banner{background:#b71c1c1f;color:#8f1515}.success-banner{background:#0c785a1f;color:#0f5d47}.code-box{white-space:pre-wrap;background:#141412f0;color:#fdf8f1}.payment-qr-card{margin-top:18px;display:grid;gap:16px;justify-items:center;padding:24px;border-radius:24px;background:linear-gradient(180deg,#ffffffe0,#faf5edf5);border:1px solid var(--line)}.payment-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;align-items:start}.payment-control-card,.payment-display-card,.payment-complete-card,.payment-placeholder-card{border-radius:24px;border:1px solid var(--line);background:var(--panel-strong)}.payment-control-card,.payment-complete-card,.payment-placeholder-card{padding:24px}.payment-control-card{display:grid;gap:18px}.payment-display-card{min-height:100%}.payment-amount-block{display:grid;gap:6px}.payment-amount-block strong{font-size:34px;line-height:1}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-method-grid button{padding:16px 18px;border:1px solid transparent;border-radius:20px;background:#1f1f1b14;color:var(--text);font-size:18px;font-weight:700}.payment-method-grid button.active{background:linear-gradient(135deg,var(--accent-2),#ef7f47);color:#fff}.payment-inline-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--muted)}.payment-inline-meta strong{color:var(--text)}.payment-button-row{display:grid;gap:12px}.payment-hint-list{display:grid;gap:8px;color:var(--muted);font-size:14px}.payment-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font-weight:700}.payment-status-pill.is-paid{color:#0f5d47;background:#0c785a1f}.payment-status-pill.is-pending{color:var(--accent-2);background:#cc5a2b1f}.compact-payment-qr-card{margin-top:0;min-height:100%}.payment-link-line{width:100%;word-break:break-all}.payment-complete-card,.payment-placeholder-card{display:grid;gap:14px;min-height:100%;place-content:center}.payment-complete-card h4,.payment-placeholder-card h4{margin:0}.payment-placeholder-visual{display:grid;gap:12px}.payment-placeholder-visual div{height:14px;border-radius:999px;background:linear-gradient(90deg,#0f766e24,#cc5a2b1a)}.payment-placeholder-visual div:nth-child(1){width:72%}.payment-placeholder-visual div:nth-child(2){width:100%}.payment-placeholder-visual div:nth-child(3){width:58%}.payment-qr-card h4{margin:0}.payment-qr-image{width:min(260px,100%);padding:12px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #14141214}.payment-qr-fallback{display:grid;gap:8px;width:min(260px,100%);padding:18px;text-align:center;border-radius:20px;background:#0f766e14;border:1px dashed rgba(15,118,110,.28)}.payment-qr-fallback p{margin:0}.payment-qr-actions{display:flex;gap:12px;align-items:center}.payment-qr-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#0f766e1f;text-decoration:none}.processing-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#14141238;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.processing-card{display:grid;justify-items:center;gap:12px;width:min(360px,100%);padding:24px;border-radius:24px;background:#fffbf4f5;border:1px solid rgba(34,34,24,.08);box-shadow:var(--shadow);text-align:center}.processing-card p{margin:0;color:var(--muted)}.processing-spinner{width:56px;height:56px;border-radius:50%;border:4px solid rgba(15,118,110,.16);border-top-color:var(--accent);animation:processing-spin .9s linear infinite}.small-spinner{width:28px;height:28px;border-width:3px}.inline-processing-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#0f766e14;border:1px solid rgba(15,118,110,.16)}@keyframes processing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center-stage{min-height:100vh;display:grid;place-items:center}.empty-state{padding:18px;text-align:center;color:var(--muted)}.orb{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(10px);opacity:.7}.orb-a{background:#0f766e38;top:12%;left:10%}.orb-b{background:#cc5a2b3d;right:12%;bottom:12%}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible;padding:20px}.content{padding:18px}.inline-form{flex-direction:column;align-items:stretch}.payment-layout,.payment-method-grid{grid-template-columns:1fr}.action-row,.filter-bar,.pagination-row{flex-direction:column;align-items:stretch}}