:root{--bg:#f5f3ff;--surface:#ffffff;--surface2:#f0ebff;--border:#e2d9f3;--accent:#7c3aed;--accent2:#a855f7;--green:#059669;--red:#dc2626;--orange:#ea580c;--yellow:#d97706;--text:#1e1b4b;--muted:#7c70a0;--sidebar:224px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Noto Sans Thai,sans-serif}.sidebar,body{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;position:fixed;top:0;left:0;z-index:100;transition:transform .3s;box-shadow:2px 0 16px rgba(124,58,237,.06)}.sidebar-brand{padding:1.2rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.7rem;background:linear-gradient(135deg,rgba(124,58,237,.04),rgba(168,85,247,.02))}.sidebar-brand .logo-box{width:38px;height:38px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(124,58,237,.28)}.site-name{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-sub{font-size:.72rem;color:var(--muted)}.nav-section{padding:.75rem .85rem .25rem;font-size:.67rem;font-weight:700;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}.nav-item a{display:flex;align-items:center;gap:.6rem;padding:.52rem .9rem;margin:.08rem .45rem;border-radius:9px;text-decoration:none;color:var(--muted);font-size:.86rem;transition:background .15s,color .15s;cursor:pointer}.nav-item a.active,.nav-item a:hover{background:rgba(124,58,237,.08);color:var(--accent)}.nav-item a i{font-size:.95rem;width:1rem}.sidebar-footer{margin-top:auto;padding:.9rem .8rem;border-top:1px solid var(--border)}.user-chip{gap:.6rem;padding:.5rem .7rem;border-radius:10px;background:var(--surface2)}.user-chip,.user-chip .avatar{display:flex;align-items:center}.user-chip .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.user-chip .uname{font-size:.82rem;font-weight:600;color:var(--text)}.user-chip .urole{font-size:.72rem}.role-badge{display:inline-block;padding:.1rem .45rem;border-radius:5px;font-size:.7rem;font-weight:600}.role-agent{background:rgba(124,58,237,.1);color:var(--accent)}.role-owner{background:rgba(217,119,6,.12);color:#b45309}.btn-logout{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.48rem .75rem;background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.18);border-radius:9px;color:var(--red);font-family:Noto Sans Thai,sans-serif;font-size:.83rem;cursor:pointer;text-decoration:none;transition:background .15s}.btn-logout:hover{background:rgba(220,38,38,.12);color:var(--red)}.expire-badge{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;padding:.35rem .7rem;border-radius:7px}.expire-none{background:rgba(124,112,160,.08);color:var(--muted)}.expire-ok{background:rgba(5,150,105,.08);color:var(--green);border:1px solid rgba(5,150,105,.2)}.expire-warn{background:rgba(217,119,6,.08);color:var(--yellow);border:1px solid rgba(217,119,6,.2)}.expire-dead{background:rgba(220,38,38,.08);color:var(--red);border:1px solid rgba(220,38,38,.2)}.main{margin-left:var(--sidebar);flex:1 1;min-height:100vh}.topbar{padding:1rem 1.6rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 1px 8px rgba(124,58,237,.05)}.topbar h2{font-size:1rem;font-weight:700;color:var(--text)}.hamburger{display:none;background:none;border:none;color:var(--text);font-size:1.25rem;cursor:pointer}.content{padding:1.6rem}.toast-alert{position:fixed;top:1.1rem;right:1.1rem;z-index:9999;min-width:270px;padding:.8rem 1rem;border-radius:12px;font-size:.88rem;font-weight:500;display:flex;align-items:center;gap:.55rem;animation:toastIn .3s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 24px rgba(0,0,0,.1);transition:opacity .4s}@keyframes toastIn{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.toast-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:1.4rem;overflow:hidden;box-shadow:0 2px 12px rgba(124,58,237,.04)}.section-header{padding:1rem 1.3rem;border-bottom:1px solid var(--border);gap:.6rem;background:linear-gradient(135deg,rgba(124,58,237,.03),transparent)}.section-header,.section-icon{display:flex;align-items:center}.section-icon{width:34px;height:34px;border-radius:9px;justify-content:center;font-size:.95rem}.ic-blue{background:rgba(124,58,237,.1);color:var(--accent)}.ic-purple{background:rgba(168,85,247,.12);color:var(--accent2)}.ic-green{background:rgba(5,150,105,.1);color:var(--green)}.ic-orange{background:rgba(234,88,12,.1);color:var(--orange)}.ic-yellow{background:rgba(217,119,6,.1);color:var(--yellow)}.ic-red{background:rgba(220,38,38,.1);color:var(--red)}.ic-pink{background:rgba(219,39,119,.1);color:#db2777}.section-header h3{font-size:.92rem;font-weight:600;color:var(--text);margin:0}.section-header p{font-size:.76rem;color:var(--muted);margin:0}.section-body{padding:1.3rem}.form-label{font-size:.76rem;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.32rem;display:block}.form-control,.form-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.58rem .82rem;font-family:Noto Sans Thai,sans-serif;font-size:.86rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus,.form-select:focus{background:#fff;color:var(--text);border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.form-control::placeholder{color:var(--muted);opacity:.7}textarea.form-control{resize:vertical;min-height:76px}.input-group .form-control{border-radius:0 10px 10px 0}.input-group-text{background:var(--surface2);border:1px solid var(--border);border-right:none;color:var(--muted);border-radius:10px 0 0 10px;padding:.58rem .82rem}.input-group{display:flex}.btn-primary-grad{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:10px;color:#fff;padding:.62rem 1.3rem;font-family:Noto Sans Thai,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 4px 14px rgba(124,58,237,.3)}.btn-primary-grad:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(124,58,237,.38)}.btn-primary-grad:active{transform:translateY(0)}.btn-danger-sm{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2);border-radius:8px;color:var(--red);padding:.38rem .65rem;font-size:.78rem;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:.3rem;font-family:Noto Sans Thai,sans-serif}.btn-danger-sm:hover{background:rgba(220,38,38,.12)}.btn-add-row{background:rgba(5,150,105,.06);border:1px dashed rgba(5,150,105,.3);border-radius:10px;color:var(--green);padding:.52rem 1rem;width:100%;font-family:Noto Sans Thai,sans-serif;font-size:.83rem;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:.45rem}.btn-add-row:hover{background:rgba(5,150,105,.12)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:.9rem}.grid-2,.grid-3{display:grid;gap:.9rem}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:.9rem}.bank-row{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:.9rem;margin-bottom:.65rem;position:relative}.bank-row .remove-btn{position:absolute;top:.55rem;right:.55rem}.seo-preview{background:#fff;border-radius:10px;padding:.9rem 1.1rem;margin-top:.9rem;font-family:Arial,sans-serif;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)}.seo-preview .sp-title{color:#1a0dab;font-size:.9rem;text-decoration:underline;cursor:pointer}.seo-preview .sp-url{color:#006621;font-size:.75rem;margin:.08rem 0}.seo-preview .sp-desc{color:#545454;font-size:.8rem;line-height:1.5}.color-row{display:flex;align-items:flex-start;gap:1rem;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:.9rem;margin-bottom:.65rem}.color-swatch{width:44px;height:44px;border-radius:9px;flex-shrink:0;border:2px solid var(--border);cursor:pointer;transition:transform .15s}.color-swatch:hover{transform:scale(1.08)}.color-type-toggle{display:flex;gap:.4rem;margin-bottom:.5rem}.type-btn{padding:.28rem .7rem;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s;font-family:Noto Sans Thai,sans-serif}.type-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.gradient-preview{height:28px;border-radius:7px;margin-top:.45rem;border:1px solid var(--border)}.badge-tag{display:inline-block;padding:.18rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;background:rgba(124,58,237,.1);color:var(--accent);margin-right:.3rem;margin-bottom:.3rem}.mono{font-family:Space Mono,monospace}.overlay{display:none;position:fixed;inset:0;background:rgba(30,27,75,.25);z-index:99}.overlay.show{display:block}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.hamburger{display:block}.grid-2,.grid-3{grid-template-columns:1fr}}.login-body{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#ede9fe 50%,#faf5ff);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:100%}.login-body:before{content:"";position:fixed;inset:-50%;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(124,58,237,.12) 0,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 80%,rgba(168,85,247,.08) 0,transparent 70%);animation:meshMove 12s ease-in-out infinite alternate;z-index:0}@keyframes meshMove{0%{transform:translate(0) rotate(0deg)}to{transform:translate(3%,2%) rotate(2deg)}}.login-wrap{position:relative;z-index:1;width:100%;max-width:420px;padding:1.5rem}.login-wrap .card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px rgba(124,58,237,.12),0 2px 12px rgba(0,0,0,.04);animation:slideUp .5s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.brand{text-align:center;margin-bottom:2rem}.brand-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin-bottom:.9rem;box-shadow:0 8px 24px rgba(124,58,237,.32)}.brand h1{font-size:1.35rem;font-weight:700;color:var(--text);letter-spacing:-.3px}.brand p{font-size:.85rem;color:var(--muted);margin-top:.25rem}.login-wrap .form-label{color:var(--muted);font-size:.82rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.4rem}.login-wrap .input-group-text{background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-right:none;border-radius:10px 0 0 10px;padding:.65rem .85rem}.login-wrap .form-control{background:var(--surface2);border:1px solid var(--border);border-left:none;color:var(--text);padding:.65rem .85rem;font-family:Noto Sans Thai,sans-serif;transition:border-color .2s,box-shadow .2s;border-radius:0 10px 10px 0}.login-wrap .form-control:focus{background:#fff;color:var(--text);border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:none}.login-wrap .form-control::placeholder{color:var(--muted);opacity:.7}.btn-login{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:12px;color:#fff;font-family:Noto Sans Thai,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;margin-top:.5rem;box-shadow:0 6px 20px rgba(124,58,237,.32)}.btn-login:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 28px rgba(124,58,237,.4)}.btn-login:active{transform:translateY(0)}.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:.7rem 1rem;font-size:.88rem}.agent-table{width:100%;border-collapse:separate;border-spacing:0 .45rem}.agent-table th{font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;padding:.5rem .8rem;border-bottom:1px solid var(--border)}.agent-table td{padding:.7rem .8rem;background:var(--surface2);vertical-align:middle;font-size:.85rem}.agent-table tr td:first-child{border-radius:10px 0 0 10px}.agent-table tr td:last-child{border-radius:0 10px 10px 0}.agent-table tr:hover td{background:#ede9fe}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.4rem}.status-ok{background:var(--green);box-shadow:0 0 6px rgba(5,150,105,.4)}.status-warn{background:var(--yellow)}.status-dead{background:var(--red)}.btn-icon-sm{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;cursor:pointer;transition:all .15s;border:none}.btn-view{background:rgba(124,58,237,.08);color:var(--accent)}.btn-topup{background:rgba(5,150,105,.08);color:var(--green)}.btn-delete{background:rgba(220,38,38,.08);color:var(--red)}.btn-view:hover{background:rgba(124,58,237,.16)}.btn-topup:hover{background:rgba(5,150,105,.16)}.btn-delete:hover{background:rgba(220,38,38,.16)}.search-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.55rem .85rem;color:var(--text);font-family:Noto Sans Thai,sans-serif;font-size:.85rem;width:220px;transition:border-color .2s}.search-box:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.search-box::placeholder{color:var(--muted);opacity:.7}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px rgba(124,58,237,.12)}.modal-header{border-bottom:1px solid var(--border);padding:1rem 1.3rem}.modal-footer{border-top:1px solid var(--border);padding:.8rem 1.3rem}.modal-title{font-size:.95rem;font-weight:700;color:var(--text)}.btn-close{filter:none}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.84rem}.info-row:last-child{border-bottom:none}.info-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px}.info-val{color:var(--text);font-weight:500;text-align:right}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.2rem;gap:.9rem;box-shadow:0 2px 10px rgba(124,58,237,.05)}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{width:42px;height:42px;border-radius:11px;justify-content:center;font-size:1.2rem}.stat-val{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1}.stat-lbl{font-size:.75rem;color:var(--muted);margin-top:.15rem}.ch-page-bg{min-height:100vh;width:100%;background:linear-gradient(135deg,#f5f3ff,#ede9fe 50%,#faf5ff);display:flex;align-items:center;justify-content:center;padding:24px 16px}.ch-page-bg:before{content:"";position:fixed;inset:-50%;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(124,58,237,.1) 0,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 80%,rgba(168,85,247,.07) 0,transparent 70%);animation:meshMove 12s ease-in-out infinite alternate;z-index:0;pointer-events:none}.ch-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(124,58,237,.12),0 4px 20px rgba(0,0,0,.05);padding:32px 28px;width:100%;max-width:440px;position:relative;z-index:1;animation:slideUp .5s cubic-bezier(.22,1,.36,1)}.ch-back-link{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--muted);text-decoration:none;margin-bottom:1.2rem;transition:color .15s}.ch-back-link:hover{color:var(--accent)}.ch-header{text-align:center;margin-bottom:22px}.ch-logo{height:52px;margin:0 auto 12px;display:block}.ch-title{font-family:Playfair Display,Noto Sans Thai,serif;font-size:1.55rem;color:#1a3a6b;margin-bottom:3px}.ch-sub1{color:#64748b;font-size:.88rem}.ch-sub2{font-size:.78rem;color:#94a3b8;margin-top:2px}.ch-steps{margin-bottom:18px}.ch-step,.ch-steps{display:flex;align-items:center}.ch-step{flex:1 1;flex-direction:column;gap:4px;padding:10px 8px;border-radius:12px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s}.ch-step-ci{border-color:#0f766e;background:#f0fdf4}.ch-step-co{border-color:#7c3aed;background:#faf5ff}.ch-step-icon{font-size:1.1rem;color:#94a3b8}.ch-step-icon.sel{color:#0f766e}.ch-step-icon.sel.co{color:#7c3aed}.ch-step-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ch-step-label.sel-ci{color:#0f766e}.ch-step-label.sel-co{color:#7c3aed}.ch-step-date{font-size:.8rem;font-weight:700;color:#1e293b;min-height:17px}.ch-step-divider{width:24px;height:2px;background:#e2e8f0;flex-shrink:0;margin:0 3px}.ch-cal-wrapper{border:2px solid #ddd6fe;border-radius:16px;overflow:hidden;margin-bottom:14px}.ch-cal-nav{justify-content:space-between;background:#1a3a6b;padding:12px 14px}.ch-cal-nav,.ch-nav-btn{display:flex;align-items:center;color:#fff}.ch-nav-btn{background:rgba(255,255,255,.15);border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:.95rem;justify-content:center;transition:background .2s}.ch-nav-btn:hover{background:rgba(255,255,255,.28)}.ch-month-label{font-size:1rem;font-weight:600}.ch-mode-hint{text-align:center;font-size:.8rem;font-weight:600;padding:7px 14px;border-bottom:1px solid #e2e8f0}.ch-hint-ci{color:#0f766e;background:#f0fdf4}.ch-hint-co{color:#7c3aed;background:#faf5ff}.ch-cal-grid{padding:10px;background:#fff}.ch-day-headers{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.ch-day-headers span{text-align:center;font-size:.7rem;font-weight:600;color:#94a3b8;padding:3px 0}.ch-day-headers span.ch-sun{color:#ef4444}.ch-day-headers span.ch-sat{color:#3b82f6}.ch-days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.ch-dc{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.84rem;cursor:pointer;color:#334155;position:relative;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s,color .1s}.ch-dc:not(.ch-past):not(.ch-empty):not(.ch-ci):not(.ch-co):hover{background:#f0ebff}.ch-past{color:#cbd5e1!important;cursor:not-allowed}.ch-empty,.ch-past{pointer-events:none}.ch-empty{cursor:default}.ch-today{font-weight:700;color:#7c3aed}.ch-today:after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:3px;height:3px;background:#7c3aed;border-radius:50%}.ch-in-range{background:#ede9fe;border-radius:0;color:#1a3a6b}.ch-in-range.ch-rs{border-radius:8px 0 0 8px}.ch-in-range.ch-re{border-radius:0 8px 8px 0}.ch-in-range:hover{background:#ddd6fe}.ch-ci{background:#0f766e!important;color:#fff!important;border-radius:8px 0 0 8px!important;font-weight:700;box-shadow:0 3px 10px rgba(15,118,110,.4)}.ch-ci.ch-alone{border-radius:8px!important}.ch-co{background:#7c3aed!important;color:#fff!important;border-radius:0 8px 8px 0!important;font-weight:700;box-shadow:0 3px 10px rgba(124,58,237,.4)}.ch-hv-range{background:#e0f2fe;border-radius:0}.ch-hv-range.ch-rs{border-radius:8px 0 0 8px}.ch-hv-range.ch-re{border-radius:0 8px 8px 0}.ch-hv-end{background:rgba(124,58,237,.22)!important;border-radius:0 8px 8px 0!important}.ch-nights-badge{gap:6px;text-align:center;margin-bottom:14px;padding:8px 16px;background:linear-gradient(135deg,#f0fdf4,#faf5ff);border:1px solid #d1fae5;border-radius:50px;font-size:.85rem;color:#065f46}.ch-btn-check,.ch-nights-badge{display:flex;align-items:center;justify-content:center;font-weight:700}.ch-btn-check{width:100%;padding:14px;background:linear-gradient(135deg,#1a3a6b,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-family:Noto Sans Thai,sans-serif;cursor:pointer;gap:8px;transition:all .2s;box-shadow:0 4px 16px rgba(124,58,237,.3)}.ch-btn-check:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,58,237,.4)}.ch-btn-check:disabled{opacity:.45;cursor:not-allowed;transform:none}.ch-info-box{margin-top:14px;padding:10px 14px;background:#f0ebff;border:1px solid #ddd6fe;border-radius:10px;font-size:.8rem;color:#5b21b6}.ch-info-box,.ch-result-topbar{display:flex;align-items:center;gap:8px}.ch-result-topbar{background:#1a3a6b;color:#fff;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:200;justify-content:space-between;flex-wrap:wrap;box-shadow:0 2px 8px rgba(0,0,0,.18)}.ch-topbar-back{color:#fff;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:4px;opacity:.85;transition:opacity .15s}.ch-topbar-back:hover{opacity:1}.ch-topbar-info{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.ch-topbar-info span{opacity:.9}.ch-sep{opacity:.4}.ch-hi{color:#a5f3fc;font-weight:700}.ch-filter-panel{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px}.ch-filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.ch-filter-field{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:120px;max-width:200px}.ch-filter-field label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.ch-filter-field input,.ch-filter-field select{border:1px solid #e2e8f0;border-radius:8px;padding:7px 10px;font-size:13px;font-family:Noto Sans Thai,sans-serif;color:#1e293b;background:#f8faff;width:100%;transition:border-color .15s}.ch-filter-field input:focus,.ch-filter-field select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.ch-amenity-section{margin-top:10px}.ch-amenity-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:6px}.ch-amenity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:4px;gap:4px}.ch-amenity-check{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s}.ch-amenity-check:hover{background:#f0ebff}.ch-amenity-check input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#7c3aed;flex-shrink:0}.ch-amenity-check span{font-size:12px;color:#1e293b;display:flex;align-items:center;gap:4px}.ch-amenity-check span i{color:#7c3aed;font-size:12px}.ch-result-bar{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#64748b}.ch-result-bar strong{color:#1a3a6b;font-size:15px}.ch-sort-btns{gap:6px}.ch-sort-btn,.ch-sort-btns{display:flex;align-items:center}.ch-sort-btn{padding:5px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#f8faff;color:#64748b;font-size:12px;font-family:Noto Sans Thai,sans-serif;cursor:pointer;gap:4px;transition:all .15s}.ch-sort-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#f0ebff}.ch-sort-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.ch-pct-badge{font-size:12px;font-weight:600;background:#dcfce7;color:#166534;padding:3px 10px;border-radius:20px}.ch-cards-wrap{padding:14px 12px 40px}.ch-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:1199px){.ch-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.ch-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.ch-house-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.ch-house-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,58,237,.1)}.ch-card-img{position:relative;overflow:hidden;height:150px;background:#e2e8f0;flex-shrink:0}.ch-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.ch-house-card:hover .ch-card-img img{transform:scale(1.04)}.ch-hid-tag{position:absolute;top:7px;left:7px;background:rgba(26,58,107,.85);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.3px}.ch-card-body{padding:10px 12px;flex:1 1;display:flex;flex-direction:column;gap:6px}.ch-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b}.ch-card-meta span{display:flex;align-items:center;gap:3px}.ch-card-meta i{color:#7c3aed;font-size:11px}.ch-card-sea{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}.ch-card-sea i{color:#7c3aed;font-size:11px}.ch-card-amenities{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.ch-am-tag{font-size:11px;color:#7c3aed;background:#f0ebff;padding:2px 7px;border-radius:4px;display:flex;align-items:center;gap:3px}.ch-am-tag i{font-size:10px}.ch-am-more{color:#64748b;background:#f1f5f9}.ch-card-price{margin-top:auto;padding-top:8px;border-top:1px solid #e2e8f0}.ch-night-prices{display:flex;flex-direction:column;gap:1px;margin-bottom:4px}.ch-night-row{font-size:11px;color:#64748b;display:flex;justify-content:space-between}.ch-night-row strong{color:#1e293b;font-weight:600}.ch-total-price{font-size:15px;font-weight:700;color:#1a3a6b;display:flex;align-items:baseline;gap:4px}.ch-price-sub{font-size:11px;font-weight:400;color:#64748b}.ch-card-actions{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #e2e8f0;flex-shrink:0}.ch-btn-detail{flex:1 1;padding:7px 6px;border-radius:7px;background:#1a3a6b;color:#fff;border:none;font-size:12px;font-weight:600;font-family:Noto Sans Thai,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:background .15s}.ch-btn-detail:hover{background:#0f2751}.ch-btn-copy{padding:7px 10px;border-radius:7px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-size:12px;font-family:Noto Sans Thai,sans-serif;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s;white-space:nowrap}.ch-btn-copy:hover{background:#e2e8f0}.ch-btn-copy.copied{background:#dcfce7;color:#166534;border-color:#bbf7d0}@media (max-width:575px){.ch-card-img{height:120px}.ch-card-body{padding:8px 10px;gap:4px}.ch-card-actions{padding:6px 8px}.ch-btn-copy,.ch-btn-detail{font-size:11px;padding:6px 5px}.ch-total-price{font-size:13px}}.ch-no-result{text-align:center;padding:60px 20px;color:#64748b}.ch-no-result i{font-size:2.5rem;display:block;margin-bottom:10px}.ch-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center}.ch-modal-box{background:#fff;border-radius:14px;overflow:hidden;width:96vw;max-width:1000px;height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.3)}.ch-modal-head{background:#1a3a6b;color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ch-modal-title{font-size:14px;font-weight:600}.ch-modal-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .15s}.ch-modal-close:hover{background:rgba(255,255,255,.28)}