:root{--ink:#102a43;--muted:#627d98;--line:#d9e2ec;--paper:#f7f9fc;--card:#fff;--blue:#1264a3;--mint:#d9f7ee;--amber:#fff3cd;--shadow:0 10px 35px rgba(16,42,67,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Noto Sans KR",sans-serif;line-height:1.55}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px;z-index:3}.skip:focus{left:8px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.topbar-inner,.footer-inner{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none}.logo{display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:10px;width:32px;height:32px}nav{display:flex;gap:22px}nav a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover,nav a:focus{color:var(--blue)}.hero{display:grid;grid-template-columns:1.6fr .7fr;gap:28px;padding:72px 0 42px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--blue);margin:0 0 8px}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.08;letter-spacing:-.05em;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:18px;color:var(--muted);max-width:700px}.hero-note,.notice{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:7px;align-self:end;box-shadow:var(--shadow)}.hero-note strong{font-size:15px}.hero-note span,.notice span{font-size:13px;color:var(--muted)}section{margin-bottom:52px}.search-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-heading h2{font-size:25px;letter-spacing:-.04em;margin:0}.status-pill,.tag,.sample-tag{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800}.status-pill.sample,.sample-tag{background:var(--amber);color:#815b00}.field-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.field.wide{grid-column:span 2}.field input,.field select,.compact select{font:inherit;font-weight:500;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;min-height:44px}.field input:focus,.field select:focus,.compact select:focus{outline:3px solid #b9e1ff;border-color:var(--blue)}.error{color:#b42318;font-size:12px;min-height:18px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.muted{color:var(--muted);font-size:13px}.button{appearance:none;border:1px solid transparent;border-radius:10px;min-height:42px;padding:0 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#1d4f7a}.button.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.button:disabled{cursor:not-allowed;opacity:.55}.button.small{min-height:36px;padding:0 11px;font-size:12px}.selected-button{background:var(--mint);color:#116149;border-color:#a7e7d2}.heading-actions{display:flex;align-items:center;gap:10px}.compact{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.compact select{padding:8px 10px;min-height:36px}.notice{flex-direction:row;align-items:flex-start;box-shadow:none;background:#f5fbff;border-color:#bfdbef;margin-bottom:18px}.notice strong{font-size:13px;white-space:nowrap}.filter-bar{display:flex;gap:16px;align-items:center;margin:0 0 16px;color:var(--muted);font-size:13px}.filter-bar label{display:flex;align-items:center;gap:7px}.text-button{appearance:none;border:0;background:none;color:var(--blue);font:inherit;font-size:13px;cursor:pointer;padding:4px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hotel-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;min-height:330px;box-shadow:0 6px 20px rgba(16,42,67,.04)}.hotel-card.selected{border-color:#2cb67d;box-shadow:0 0 0 2px #b8f0dc}.card-top,.price-row,.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{background:#edf2f7;color:var(--muted)}.hotel-card h3{font-size:20px;line-height:1.2;margin:15px 0 3px;letter-spacing:-.03em}.location{font-size:12px;color:var(--muted);margin:0 0 18px}.price-row{align-items:flex-end;margin-bottom:16px}.price-row small{display:block;font-size:11px;color:var(--muted)}.price-row strong{font-size:25px;line-height:1.2;display:block;letter-spacing:-.04em}.price-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;color:#116149}.warning{color:#a15c00!important}.mini-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:0}.mini-ledger div{min-width:0}.mini-ledger dt{font-size:10px;color:var(--muted)}.mini-ledger dd{font-size:11px;font-weight:700;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-explain{font-size:12px;color:var(--blue);margin:12px 0 auto}.card-actions{margin-top:16px}.icon-button{border:0;background:none;font-size:22px;color:#8a9bae;cursor:pointer}.records-section{padding-top:12px}.records-list{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.record-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}.record-row:last-child{border-bottom:0}.record-row div{display:flex;flex-direction:column}.record-row span{font-size:12px;color:var(--muted)}.file-button{cursor:pointer}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.info-card h2{font-size:22px;margin:0 0 10px}.info-card p,.info-card li{font-size:14px;color:var(--muted)}.footer{border-top:1px solid var(--line);background:#fff}.footer-inner{height:auto;min-height:72px;gap:16px;font-size:11px;color:var(--muted)}.empty{padding:42px 20px;border:1px dashed var(--line);border-radius:16px;background:#fff;text-align:center;grid-column:1/-1}.empty h3{margin:0 0 7px}.empty p{color:var(--muted);font-size:13px}.compact-empty{text-align:left;padding:22px}.dialog-backdrop{position:fixed;inset:0;background:rgba(16,42,67,.52);display:grid;place-items:center;padding:20px;z-index:5}.dialog{position:relative;background:#fff;border-radius:20px;max-width:760px;width:100%;max-height:90vh;overflow:auto;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}.detail-status{display:flex;gap:12px;align-items:center;margin:14px 0;color:var(--muted);font-size:12px}.ledger{border:1px solid var(--line);border-radius:13px;overflow:hidden}.ledger div{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line);font-size:13px}.ledger div:last-child{border-bottom:0}.ledger-total{background:#f5fbff;font-weight:800}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.policy-grid p{background:#f7f9fc;padding:12px;border-radius:10px;font-size:12px;margin:0;color:var(--muted)}.policy-grid b{color:var(--ink)}.small-notice{font-size:12px;margin-top:12px}.dialog-actions{display:flex;gap:10px;margin-top:18px}.compare-table{border:1px solid var(--line);border-radius:12px;overflow:auto}.compare-head,.compare-row{display:grid;grid-template-columns:130px repeat(4,minmax(120px,1fr));min-width:560px}.compare-head>* ,.compare-row>*{padding:12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:12px}.compare-head{background:#f5fbff;font-weight:800}.compare-row:last-child>*{border-bottom:0}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:45px}.results{grid-template-columns:repeat(2,1fr)}.field-grid{grid-template-columns:repeat(2,1fr)}.field.wide{grid-column:span 2}.about-grid{grid-template-columns:1fr}}@media(max-width:560px){.wrap{padding:0 16px}.topbar-inner{height:58px}.topbar nav{gap:10px}.hero h1{font-size:38px}.hero-note{padding:15px}.search-panel{padding:18px;border-radius:17px}.section-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:space-between}.field-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}.results{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.hotel-card{min-height:0}.price-row strong{font-size:23px}.footer-inner{padding-top:16px;padding-bottom:16px;flex-direction:column;align-items:flex-start}.dialog{padding:22px 17px}.dialog-actions{flex-direction:column}.dialog-actions .button{width:100%}.notice{flex-direction:column;gap:3px}}