:root{--bg: #f6f1e7;--bg-soft: #fbf8f1;--card: #ffffff;--ink: #3a2f24;--ink-soft: #7c6f5f;--gold: #b8893b;--gold-deep: #9a6b26;--line: #e7ddca;--mark: #ffe9a8;--shadow: 0 1px 2px rgba(80, 60, 30, .05), 0 8px 24px rgba(120, 90, 40, .07)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Sarabun,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 50% -200px,#fff6e2 0%,transparent 70%),var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.55}.page{max-width:760px;margin:0 auto;padding:0 18px 64px}.hero{position:relative;text-align:center;padding:44px 12px 28px}.logout-btn{position:absolute;top:14px;right:4px;display:inline-flex;align-items:center;gap:6px;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-soft);font-family:inherit;font-size:.85rem;padding:7px 12px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow);transition:color .15s,border-color .15s}.logout-btn:hover{color:var(--gold-deep);border-color:#dcc99f}.logout-btn svg{width:15px;height:15px}@media(max-width:420px){.logout-btn span{display:none}.logout-btn{padding:8px}}.hero-mark{font-size:46px;line-height:1;filter:drop-shadow(0 6px 10px rgba(160,110,40,.25))}.hero h1{font-family:Prompt,sans-serif;font-weight:600;font-size:clamp(1.5rem,5vw,2.1rem);margin:14px 0 4px;color:var(--ink);letter-spacing:-.01em}.hero-sub{margin:0;color:var(--gold-deep);font-weight:500;font-size:clamp(1rem,3.5vw,1.15rem)}.stats{display:flex;justify-content:center;gap:14px;margin-top:22px;flex-wrap:wrap}.stat{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:12px 22px;min-width:120px;box-shadow:var(--shadow)}.stat-num{display:block;font-family:Prompt,sans-serif;font-weight:700;font-size:1.4rem;color:var(--gold-deep)}.stat-label{display:block;font-size:.82rem;color:var(--ink-soft);margin-top:2px}.search-wrap{position:sticky;top:0;z-index:10;padding:10px 0 8px;background:linear-gradient(var(--bg) 70%,rgba(246,241,231,0))}.search-box{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:4px 14px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px #b8893b24,var(--shadow)}.search-icon{width:22px;height:22px;color:var(--gold-deep);flex-shrink:0}.search-box input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:1.08rem;padding:14px 0;color:var(--ink);min-width:0}.search-box input::placeholder{color:#b6a992}.clear-btn{border:none;background:#f0e7d4;color:var(--ink-soft);width:28px;height:28px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s}.clear-btn:hover{background:#e5d8bd}.result-count{margin:10px 4px 0;font-size:.9rem;color:var(--ink-soft)}.results{margin-top:12px}.card-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-1px);border-color:#dcc99f}.card-main{flex:1;min-width:0}.card-name{font-family:Prompt,sans-serif;font-weight:500;font-size:1.05rem;color:var(--ink);word-break:break-word}.card-address{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:.9rem;color:var(--ink-soft);word-break:break-word}.card-address svg{width:15px;height:15px;flex-shrink:0;color:var(--gold)}.card-amount{text-align:right;flex-shrink:0;padding-left:6px;border-left:1px dashed var(--line)}.amount-num{display:block;font-family:Prompt,sans-serif;font-weight:600;font-size:1.1rem;color:var(--gold-deep)}.amount-unit{font-size:.72rem;color:var(--ink-soft)}mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}.empty{text-align:center;padding:54px 20px;color:var(--ink-soft)}.empty-mark{font-size:40px;opacity:.7}.empty p{font-family:Prompt,sans-serif;font-size:1.05rem;color:var(--ink);margin:12px 0 6px}.empty span{font-size:.9rem}.foot{text-align:center;margin-top:40px;color:var(--ink-soft)}.foot p{margin:4px 0}.foot-sub{font-size:.82rem;opacity:.8}.lock-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.lock-card{width:100%;max-width:380px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px 28px 30px;box-shadow:var(--shadow)}.lock-mark{font-size:44px;line-height:1;filter:drop-shadow(0 6px 10px rgba(160,110,40,.25))}.lock-card h1{font-family:Prompt,sans-serif;font-weight:600;font-size:1.4rem;margin:14px 0 2px;color:var(--ink)}.lock-sub{margin:0 0 24px;color:var(--gold-deep);font-weight:500;font-size:.98rem}.lock-label{display:block;font-size:.92rem;color:var(--ink-soft);margin-bottom:10px}.lock-input{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;font-family:inherit;font-size:1.15rem;text-align:center;letter-spacing:.08em;color:var(--ink);background:var(--bg-soft);outline:none;transition:border-color .15s,box-shadow .15s}.lock-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #b8893b24}.lock-input.err{border-color:#d9534f;box-shadow:0 0 0 4px #d9534f1f}.lock-input::placeholder{color:#b6a992;letter-spacing:normal}.lock-error{color:#c0433f;font-size:.88rem;margin:10px 0 0}.lock-btn{width:100%;margin-top:18px;border:none;border-radius:14px;padding:14px;font-family:Prompt,sans-serif;font-weight:600;font-size:1.05rem;color:#fff;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);cursor:pointer;box-shadow:0 6px 16px #9a6b2647;transition:filter .15s,transform .1s}.lock-btn:hover{filter:brightness(1.05)}.lock-btn:active{transform:translateY(1px)}.lock-hint{margin:18px 0 0;font-size:.82rem;color:var(--ink-soft)}@media(max-width:480px){.card{padding:12px 13px;gap:10px}.search-box input{font-size:1rem}}