.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.nav-brand{font-weight:700;font-size:1.125rem;margin-right:.5rem;color:var(--accent)}.nav-link{color:var(--text-muted);font-weight:500;padding:.35rem .6rem;border-radius:6px;transition:color .15s,background .15s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent);background:#7eb8da1f}.main{flex:1;padding:2rem 1.5rem;max-width:640px;margin:0 auto;width:100%}.page-title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.card-title{font-size:.875rem;font-weight:500;color:var(--text-muted);margin:0 0 .5rem}.balance-value{font-family:var(--font-mono);font-size:2rem;font-weight:600;color:var(--accent)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem}.form-group input{width:100%;padding:.65rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--accent)}.btn{padding:.65rem 1.25rem;border-radius:6px;font-weight:600;font-size:.9375rem;border:none;transition:background .15s,opacity .15s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-dim)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table th,.table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:500;color:var(--text-muted)}.table td{font-family:var(--font-mono);font-size:.875rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge-issue{background:#8fbc8f33;color:var(--success)}.badge-spend{background:#7eb8da33;color:var(--accent)}.badge-expire{background:#8b92a04d;color:var(--text-muted)}.badge-adjust{background:#d4878733;color:var(--error)}.msg-error{padding:.75rem;background:#d4878726;border-radius:6px;color:var(--error);font-size:.875rem;margin-bottom:1rem}.msg-success{padding:.75rem;background:#8fbc8f26;border-radius:6px;color:var(--success);font-size:.875rem;margin-bottom:1rem}.loading{color:var(--text-muted);font-size:.9375rem}.empty{color:var(--text-muted);font-size:.9375rem;padding:1.5rem 0}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.landing-inner{max-width:420px}.landing-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--accent);letter-spacing:-.02em}.landing-subtitle{font-size:1rem;color:var(--text-muted);margin:0 0 1.5rem}.landing-desc{font-size:1rem;line-height:1.6;color:var(--text);margin:0 0 2rem}.landing-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.landing-btn{display:inline-block;padding:.85rem 2rem;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;transition:opacity .2s,transform .15s;min-width:200px}.landing-btn:hover{opacity:.95;transform:translateY(1px)}.landing-btn-primary{background:var(--accent);color:var(--bg)}.landing-btn-secondary{background:var(--surface);color:var(--accent);border:1px solid var(--border)}.landing-admin{margin-top:2rem;font-size:.8rem;color:var(--text-muted)}.voucher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.voucher-card{margin-bottom:0}.voucher-name{font-weight:600;font-size:1rem;margin-bottom:.35rem}.voucher-desc{font-size:.85rem;color:var(--text-muted);margin:0 0 .5rem}.voucher-price{font-family:var(--font-mono);font-weight:600;color:var(--accent);margin:0 0 .75rem}.earn-amount{color:var(--success)}.map-card .map-placeholder{display:block;padding:1.5rem;background:var(--bg);border:1px dashed var(--border);border-radius:6px;color:var(--accent);text-align:center;text-decoration:none}.map-card .map-placeholder:hover{background:#7eb8da14}.place-list{list-style:none;padding:0;margin:0}.place-item{padding:.75rem 0;border-bottom:1px solid var(--border)}.place-item:last-child{border-bottom:none}.place-name{font-weight:600;margin-bottom:.25rem}.place-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:.2rem}.place-address{font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.place-map-link{font-size:.8rem;color:var(--accent);text-decoration:none}.place-map-link:hover{text-decoration:underline}.settlement-flow-card{border-color:var(--accent);background:#7eb8da0f}.settlement-steps{margin:0;padding-left:1.25rem;font-size:.9rem;line-height:1.7;color:var(--text)}.settlement-steps li{margin-bottom:.5rem}.settlement-steps li:last-child{margin-bottom:0}.settlement-summary{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.detail-dl{display:grid;grid-template-columns:6rem 1fr;gap:.35rem 1rem;font-size:.9rem;margin:0}.detail-dl dt{color:var(--text-muted)}.detail-dl dd{margin:0}.mono-small{font-family:var(--font-mono);font-size:.8rem}.settled-info{font-size:.8rem;font-family:var(--font-mono);color:var(--success)}:root{--bg: #0d0f12;--surface: #161a20;--border: #2a313c;--text: #e6e9ef;--text-muted: #8b92a0;--accent: #7eb8da;--accent-dim: #5a9bc4;--success: #8fbc8f;--error: #d48787;--radius: 10px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}