:root{color-scheme:light;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #111827;--muted: #5b6472;--line: #d8dee8;--paper: #ffffff;--soft: #eef3f7;--teal: #0f766e;--teal-dark: #115e59;--rose: #be123c;--blue: #2563eb;--yellow: #facc15;--success: #15803d;--danger: #b91c1c;--shadow: 0 18px 45px rgba(17, 24, 39, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit}.app-header{position:relative;min-height:220px;color:#fff;background-image:url(https://images.unsplash.com/photo-1540575467063-178a50c2df87?auto=format&fit=crop&w=1600&q=80);background-position:center;background-size:cover;overflow:hidden}.header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a}.header-content{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:22px 0 34px}.top-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:34px}.top-nav a,.ghost-button{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid rgba(255,255,255,.55);border-radius:8px;color:#fff;background:#0000003d;text-decoration:none}.top-nav a.router-link-active{background:#fff;color:#111827}.ghost-button{margin-left:auto}.title-block{max-width:760px}.eyebrow{margin:0 0 10px;color:var(--yellow);font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:2.45rem;line-height:1.12}.title-block p:last-child{max-width:680px;margin:14px 0 0;font-size:1.05rem;color:#eef2f7}.page-shell{width:min(1120px,calc(100% - 32px));margin:-28px auto 44px;position:relative;z-index:2}.page-shell-wide{width:min(1800px,calc(100% - 24px))}.site-footer{width:min(1120px,calc(100% - 32px));margin:0 auto 28px;color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:28px}.section-head{display:grid;gap:8px;margin-bottom:22px}.section-head h2{margin:0;font-size:1.65rem}.section-head p{margin:0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.field{display:grid;gap:7px;min-width:0}.field.full{grid-column:1 / -1}.field span,.field legend{font-weight:700}.field small{color:var(--muted)}input,select,textarea{width:100%;min-height:44px;border:1px solid #c8d1dc;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,118,110,.18);border-color:var(--teal)}fieldset{margin:0;padding:0;border:0}.radio-row{display:flex;flex-wrap:wrap;gap:12px}.radio-pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.radio-pill input{width:auto;min-height:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:132px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:800;text-decoration:none}.primary-button{color:#fff;background:var(--teal)}.primary-button:hover{background:var(--teal-dark)}.secondary-button{color:var(--ink);background:#fff;border-color:var(--line)}.danger-button{color:#fff;background:var(--rose)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.68}.alert{margin-top:16px;padding:12px 14px;border-radius:8px;border:1px solid #fecdd3;background:#fff1f2;color:var(--danger)}.success-box{display:grid;gap:12px;margin-top:24px;padding:18px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4}.reference-code{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:10px 14px;border:2px solid var(--success);border-radius:8px;font-size:1.3rem;font-weight:900;background:#fff;color:#14532d;overflow-wrap:anywhere}.fee-summary{display:grid;gap:10px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.fee-total{color:var(--danger);font-size:1.15rem}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.option-card{display:grid;gap:12px;min-height:210px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.option-card strong{font-size:1.15rem}.option-card p{margin:0;color:var(--muted)}.status-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.tag{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:8px;background:#e0f2fe;color:#075985;font-weight:800}.tag.pending{background:#fef9c3;color:#854d0e}.tag.confirmed{background:#dcfce7;color:#166534}.status-text{font-weight:800}.status-text.pending{color:#b45309}.status-text.confirmed{color:var(--success)}.status-select{font-weight:800}.status-select.pending{color:#b45309;border-color:#facc15;background:#fffbeb}.status-select.confirmed{color:var(--success);border-color:#86efac;background:#f0fdf4}.info-list{display:grid;gap:10px;margin:18px 0 0}.info-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.info-row span:first-child{color:var(--muted);font-weight:700}.payment-method-editor{display:grid;gap:10px}.payment-method-editor select{max-width:320px}.invoice-form{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.acknowledgement-editor{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.stat-card{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{font-size:2.2rem;line-height:1}.stat-card .revenue{color:var(--muted);font-size:.85rem}.stat-tables{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.stat-table-wrapper h3{margin:0 0 10px;font-size:1rem}.stat-table{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stat-table th,.stat-table td{padding:10px 14px}.qr-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:start}.qr-image{width:100%;max-width:260px;aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.instruction-list{margin:18px 0 0;padding-left:24px}.instruction-list li{margin:8px 0}.sample-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;margin-top:18px;border:1px dashed #94a3b8;border-radius:8px;background:#f8fafc;color:var(--muted);font-weight:800}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:980px;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f1f5f9}.admin-table{min-width:1660px;table-layout:fixed;font-size:.88rem}.admin-table th,.admin-table td{padding:8px;line-height:1.35}.admin-table th:nth-child(1),.admin-table td:nth-child(1){width:145px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:150px}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:170px}.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:135px}.admin-table th:nth-child(5),.admin-table td:nth-child(5),.admin-table th:nth-child(6),.admin-table td:nth-child(6),.admin-table th:nth-child(7),.admin-table td:nth-child(7){width:92px}.admin-table th:nth-child(8),.admin-table td:nth-child(8){width:150px}.admin-table th:nth-child(9),.admin-table td:nth-child(9){width:150px}.admin-table th:nth-child(10),.admin-table td:nth-child(10){width:130px}.admin-table th:nth-child(11),.admin-table td:nth-child(11){width:180px}.admin-table th:nth-child(12),.admin-table td:nth-child(12){width:120px}.admin-table th:nth-child(13),.admin-table td:nth-child(13){width:150px}.admin-table th:nth-child(14),.admin-table td:nth-child(14){width:120px}.admin-table .reference-code{padding:6px 8px;font-size:1rem}.admin-table .primary-button,.admin-table .secondary-button{min-height:34px;min-width:0;padding:6px 10px}.admin-table .fee-total{font-size:.95rem}.icon-info-button{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border:1px solid var(--blue);border-radius:50%;background:#eff6ff;color:var(--blue);font-weight:900;line-height:1}.icon-info-button:hover{background:#dbeafe}td select,td input{min-width:150px}.admin-table td select,.admin-table td input{min-width:0;min-height:36px;padding:7px 8px}.compact-actions{display:flex;gap:8px;align-items:center}.link-button{display:inline;width:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-button:disabled{cursor:wait;opacity:.68}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#11182780}.modal-panel{width:min(760px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:20px;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.modal-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-head h3{margin:0}.muted{color:var(--muted)}@media(max-width:820px){.ghost-button{margin-left:0}h1{font-size:2rem}.page-shell{width:min(100% - 20px,1120px)}.page-shell-wide{width:min(100% - 12px,1800px)}.panel{padding:20px}.form-grid,.filter-grid,.stat-grid,.option-grid,.qr-layout{grid-template-columns:1fr}.info-row{grid-template-columns:1fr;gap:4px}}@media(max-width:520px){.app-header{min-height:250px}.header-content{width:min(100% - 20px,1120px)}.top-nav{gap:8px}.top-nav a,.ghost-button,.primary-button,.secondary-button,.danger-button{width:100%}.actions{align-items:stretch}}