:root{--forest:#12382f;--forest-2:#1f5648;--mint:#dff2e8;--sand:#f4efe5;--paper:#fbfaf7;--ink:#17201d;--muted:#69736f;--line:#dfe4e0;--amber:#e7a43b;--red:#c44b45;--green:#278266;--shadow:0 16px 42px rgba(22,49,41,.09);--radius:22px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 0,#ecf5ee 0,transparent 30%),var(--paper);padding-bottom:calc(78px + env(safe-area-inset-bottom))}a{color:var(--forest-2);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));background:rgba(251,250,247,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(18,56,47,.08)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--forest);font-weight:800;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--forest);color:#fff;box-shadow:0 7px 18px rgba(18,56,47,.2)}.user-pill{font-size:13px;padding:8px 12px;border-radius:999px;background:var(--mint);color:var(--forest)}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 46px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(700px,100%);min-height:66px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:flex;justify-content:space-around;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border:1px solid rgba(18,56,47,.1);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 30px rgba(22,49,41,.1)}.bottom-nav a{min-width:54px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px}.bottom-nav a span{font-size:20px;line-height:22px;color:var(--forest)}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,5vw,48px);line-height:1.08;letter-spacing:-.03em;margin-bottom:12px}h2{font-size:20px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--green);margin-bottom:10px}.muted,.page-heading p,.admin-heading p{color:var(--muted)}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:34px;border-radius:30px;color:#f7fff9;background:linear-gradient(135deg,#102f28,#1d5a49);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-130px;border:45px solid rgba(255,255,255,.06)}.hero p{max-width:620px;margin:0;color:#cce2d7}.hero .eyebrow{color:#8fd7ba}.button{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:14px;font-weight:750;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--forest);color:#fff;box-shadow:0 9px 20px rgba(18,56,47,.18)}.button.secondary{background:#fff;color:var(--forest);border:1px solid var(--line)}.button.ghost{position:relative;z-index:1;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.button.compact{min-height:36px;padding:8px 12px;border-radius:11px;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 34px}.stat-card{min-height:124px;padding:22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:30px;color:var(--forest)}.stat-card.amber{background:#fff7e8}.stat-card.green{background:#eaf6f0}.stat-card.ink{background:#1d2925;color:#fff}.stat-card.ink strong,.stat-card.ink span{color:#fff}.stat-card.red{background:#fff0ee}.section-heading,.panel-title,.detail-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2,.panel-title h2{margin:0}.list-card,.detail-card,.action-card,.form-card,.table-card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 26px rgba(22,49,41,.035)}.order-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid var(--line);color:var(--ink)}.order-row:last-child{border-bottom:0}.order-row strong,.order-row small{display:block}.order-row small{color:var(--muted);margin-top:5px}.align-right{text-align:right}.align-right b,.align-right span{display:block}.status{display:inline-flex;width:max-content;margin-top:5px;padding:4px 8px;border-radius:99px;background:#eef1ef;color:#4e5a56;font-size:11px;white-space:nowrap}.status-verified{background:#dff3e9;color:#176b50}.status-proof_submitted{background:#fff0c9;color:#8b5a00}.status-rejected,.status-cancelled{background:#fee5e2;color:#9b332c}.status-pending_payment,.status-pending_match,.status-matched{background:#e7efff;color:#31568f}.page-heading{padding:10px 2px 22px}.page-heading h1{margin-bottom:7px}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:.86em;word-break:break-all}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.product-visual{height:150px;background:linear-gradient(145deg,#dceee4,#f3eddf);display:grid;place-items:center;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual span{font-size:52px;font-weight:900;color:rgba(18,56,47,.5)}.product-body{padding:20px}.product-body small,.product-body p{color:var(--muted)}.product-body h2{margin:6px 0 8px}.price-line,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-line{margin:18px 0}.price-line strong{font-size:23px;color:var(--forest)}.price-line span,.card-footer>span{font-size:12px;color:var(--muted)}.split-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}.detail-card,.action-card,.form-card{padding:26px}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px dashed var(--line)}.detail-list>div:last-child{border:0}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right}.settlement-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.settlement-mini span{padding:9px;border-radius:9px;background:#edf5f0;font-size:12px}.success-text{color:var(--green)}.warning-text{color:var(--red)}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.auth-card{width:min(480px,100%);margin:4vh auto;padding:34px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.auth-card.wide{width:min(760px,100%)}.form-stack{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-stack label,.form-grid label,.field-wrap{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.filter-bar select,.field-wrap input,.field-wrap textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid #cfd7d2;background:#fff;border-radius:12px;outline:none}.form-stack textarea,.form-grid textarea,.field-wrap textarea{min-height:86px;resize:vertical}.form-stack input:focus,.form-grid input:focus,.form-stack select:focus,.field-wrap input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(39,130,102,.1)}.full{grid-column:1/-1}.check-row{flex-direction:row!important;align-items:center}.check-row input{width:18px!important;min-height:18px!important}.error,.form-error{color:#a3312b;font-weight:600}.form-error{padding:12px;border-radius:11px;background:#feecea}.form-error ul{margin:0;padding-left:18px}.auth-switch{text-align:center;margin:20px 0 0;color:var(--muted)}.narrow{width:min(590px,100%);margin:0 auto}.amount-banner{display:flex;align-items:center;justify-content:space-between;margin:-6px -6px 22px;padding:18px;border-radius:16px;background:var(--mint)}.amount-banner strong{font-size:26px;color:var(--forest)}.hint{font-size:12px;color:var(--muted)}.proof-preview{min-height:150px;border:1px dashed var(--line);border-radius:13px;background:center/contain no-repeat}.warning-box{padding:13px;border-radius:12px;background:#fff5df;color:#7b5617;font-size:13px}.field-wrap{border:0;padding:0;margin:0}.field-wrap ul{list-style:none;margin:0;padding:0;display:flex;gap:16px}.field-wrap li label{display:flex;align-items:center;gap:6px}.field-wrap input[type=radio]{width:18px;min-height:18px}.hash{max-width:360px;word-break:break-all;font-family:monospace;font-size:11px}.table-card,.panel{overflow:hidden}.table-scroll{overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}th{position:sticky;top:0;background:#f4f7f5;color:#53605b;font-size:11px;text-transform:uppercase;letter-spacing:.04em}td.amount{font-weight:800;color:var(--forest)}.filter-bar{display:flex;gap:10px;margin-bottom:15px}.filter-bar select{width:min(280px,70%)}.empty-inline{padding:30px;text-align:center;color:var(--muted)}.empty-state{width:min(540px,100%);margin:8vh auto;padding:42px;text-align:center;background:#fff;border-radius:28px;border:1px solid var(--line)}.empty-state>strong{font-size:64px;color:#cbd7d1}.messages{margin-bottom:15px}.message{padding:13px 16px;border-radius:12px;background:#e5f4ec;color:#1c654f}.message.error{background:#fde8e6;color:#9b332c}.severity{padding:4px 7px;border-radius:8px;font-size:11px}.severity-critical{background:#fee4e1;color:#a4312b}.severity-warning{background:#fff0ce;color:#865c12}.severity-info{background:#e5efff;color:#345b93}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;padding:6px 9px;border-radius:99px;background:#edf2ef;color:#3e4b46;font-size:11px}@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.topbar{padding:0 18px}}@media(max-width:600px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.topbar{height:60px}.user-pill{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{width:min(100% - 22px,1180px);padding-top:15px}.hero{padding:24px 20px;border-radius:22px}.hero h1{font-size:30px}.hero p{font-size:13px}.hero .button{padding:9px 11px;min-height:39px}.stat-grid{gap:9px;margin:12px 0 25px}.stat-card{min-height:102px;padding:16px}.stat-card strong{font-size:24px}.product-grid{grid-template-columns:1fr}.product-visual{height:125px}.auth-card{margin:0;padding:24px 20px;border-radius:22px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.order-row{padding:15px 14px}.order-row small{max-width:55vw;overflow:hidden;text-overflow:ellipsis}.detail-card,.action-card,.form-card{padding:20px 17px}.detail-list>div{font-size:13px}.page-heading{padding-bottom:15px}.page-heading h1{font-size:30px}.bottom-nav{border-radius:18px 18px 0 0}.bottom-nav a span{font-size:18px}table{min-width:680px}.settlement-mini{grid-template-columns:1fr}.section-heading{align-items:end}}