.step-up-overlay{z-index:10000;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.step-up-dialog{color:#172033;background:#fff;border-radius:16px;width:min(100%,440px);padding:28px;box-shadow:0 20px 60px #0004}.step-up-dialog label{gap:8px;margin:18px 0;display:grid}.step-up-dialog input{border:1px solid #94a3b8;border-radius:8px;padding:12px}.step-up-dialog button{cursor:pointer;background:#f8fafc;border:1px solid #94a3b8;border-radius:8px;margin:6px 8px 6px 0;padding:10px 16px}.step-up-dialog button:disabled{opacity:.5}.step-up-dialog [role=alert]{color:#b91c1c}:root{--green:#1d9e75;--green-dark:#0f6e56;--green-darker:#085041;--green-light:#e1f5ee;--green-mid:#5dcaa5;--black:#0a0a0a;--gray-900:#111;--gray-800:#1a1a1a;--gray-700:#2d2d2d;--gray-600:#4a4a4a;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#fafafa;--white:#fff;--amber:#d97706;--amber-bg:#fef3c7;--red:#dc2626;--red-bg:#fee2e2;--blue:#2563eb;--blue-bg:#dbeafe;--purple:#7c3aed;--purple-bg:#ede9fe;--sidebar-w:240px;--sidebar-w-collapsed:68px;--topbar-h:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--gray-900);background:var(--gray-50);line-height:1.5}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-content{flex-direction:column;gap:20px;padding:0;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--gray-700);font-size:12.5px;font-weight:600}.field-input{border:1.5px solid var(--gray-200);height:40px;font-size:14px;font-family:var(--font-sans);color:var(--gray-900);background:var(--white);border-radius:8px;outline:none;width:100%;padding:0 12px;transition:border-color .15s}.field-input:focus{border-color:var(--green)}.field-input::placeholder{color:var(--gray-400)}textarea.field-input{resize:vertical;height:auto;padding:10px 12px}.demo-notice{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.demo-notice a,.demo-notice button{color:#92400e;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.text-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.menu-tag{border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.tag-bestseller{color:#92400e;background:#fef3c7}.tag-spicy{color:#991b1b;background:#fee2e2}.tag-veg{color:#065f46;background:#d1fae5}.otp-box-row{justify-content:center;gap:10px;display:flex}.otp-box{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);text-align:center;font-variant-numeric:tabular-nums;width:46px;height:54px;color:var(--gray-900);background:var(--white);outline:none;font-size:20px;font-weight:700;transition:border-color .15s,box-shadow .15s}.otp-box:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-light)}.otp-box.filled{border-color:var(--green-mid);animation:.18s otp-box-pop}.otp-box:disabled{opacity:.6}@keyframes otp-box-pop{0%{border-color:var(--green);transform:scale(1.15)}to{transform:scale(1)}}.resend-btn{color:var(--green-dark);margin-top:4px;font-size:12.5px;font-weight:500}.resend-btn:disabled{color:var(--gray-400);cursor:default}.otp-success-check{background:var(--white);border:2px solid var(--green);width:64px;height:64px;color:var(--green);box-shadow:0 0 0 6px var(--green-light), 0 0 28px #1d9e7559;border-radius:18px;justify-content:center;align-items:center;margin:0 auto;animation:.5s cubic-bezier(.34,1.56,.64,1) otp-success-pop;display:flex}@keyframes otp-success-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}:root{--green:#146c50;--green-dark:#105940;--green-darker:#102e28;--green-light:#edf6f0;--green-mid:#9dddc6;--gray-900:#18382c;--gray-800:#24483c;--gray-700:#374b42;--gray-600:#53645e;--gray-500:#65766c;--gray-400:#74847b;--gray-300:#c3d0c8;--gray-200:#e1e8e3;--gray-100:#eaf0ed;--gray-50:#f8faf9;--radius-sm:8px;--radius-md:10px;--radius-lg:18px;--radius-xl:24px;--shadow-card:0 3px 12px #18382c04;--shadow-md:0 6px 18px #18382c08;--shadow-lg:0 16px 48px #102e2818;--brand-surface:#102e28;--brand-text:#c0d3cc}body{background:var(--gray-50);color:var(--gray-900)}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed}:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--green);outline-offset:3px}summary{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--green)}input::placeholder,textarea::placeholder{color:var(--gray-400);opacity:1}:is(.sidebar,.admin-sidebar,.auth-left){background:var(--brand-surface)}:is(.sidebar-header,.sidebar-footer,.admin-sidebar-header,.admin-sidebar-footer,.admin-user-card){border-color:#ffffff14}:is(.sidebar-link,.admin-nav-item,.sidebar-logout,.admin-logout){color:var(--brand-text)}:is(.sidebar-link,.admin-nav-item){border-radius:10px;min-height:44px;font-size:13px}:is(.sidebar-link:hover,.admin-nav-item:hover,.sidebar-logout:hover,.admin-logout:hover){color:#fff;background:#ffffff09}:is(.sidebar-link.is-active,.admin-nav-item.active){color:#d2f4e3;box-shadow:inset 3px 0 var(--green-mid);background:#ffffff10}.sidebar-shop-card{background:#ffffff06;border-color:#ffffff18}:is(.sidebar-shop-status,.sidebar-role-tag,.admin-user-role,.admin-nav-group-header,.sidebar-group-label,.sidebar-version){color:#9bb5a8}:is(.topbar,.admin-topbar){border-color:var(--gray-200);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffe}:is(.topbar-search input,.admin-topbar-search input){border:1px solid var(--gray-200);background:var(--gray-50);border-radius:10px;min-height:40px}:is(.layout-content,.admin-content){padding-top:32px}.admin-main{min-width:0}:is(.page-title,.onb-title){letter-spacing:-.04em;font-size:clamp(25px,2.5vw,32px);font-weight:650;line-height:1.2}:is(.page-subtitle,.card-subtitle){color:var(--gray-500);line-height:1.65}.page-header{gap:20px;margin-bottom:6px}.page-header-actions{flex-wrap:wrap}:is(.card,.admin-table-card,.admin-chart-card,.admin-kpi-card,.hotel-service-card,.support-panel,.stat-card,.quick-action){border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-card);min-width:0}:is(.card,.admin-chart-card,.admin-kpi-card,.hotel-service-card,.support-panel){padding:24px}:is(.card-title,.section-title,.admin-chart-title){letter-spacing:-.02em;font-weight:650}:is(.admin-kpi-value,.stat-card-value){font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-weight:700}:is(.admin-kpi-label,.stat-card-label){color:var(--gray-600);font-size:12px}:is(.btn,.btn-auth-primary,.auth-btn,.contact-submit){border-radius:var(--radius-md);min-height:44px;font-weight:600}:is(.btn-primary,.btn-auth-primary,.auth-btn,.contact-submit,.req-action-btn){background:var(--green);color:#fff}:is(.btn-primary:hover,.btn-auth-primary:hover,.auth-btn:hover,.contact-submit:hover,.req-action-btn:hover){background:var(--green-dark)}.btn-secondary{border-color:var(--gray-200);background:#fff}:is(.btn-link,.auth-link){color:var(--green-dark)}.btn-refresh{border-radius:10px;min-height:38px}:is(.field-input,.form-input,.admin-filter-select,.contact-field input,.contact-field textarea,.qrd-input,.onb-input){min-height:44px;color:var(--gray-900);background:#fff;border:1px solid #d7e1db;border-radius:10px}:is(.field-input,.form-input,.admin-filter-select,.contact-field input,.contact-field textarea,.qrd-input,.onb-input):focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #146c5014}:is(.field-label,.form-label,.qrd-label){color:var(--gray-700);font-weight:600}:is(.filter-chips,.admin-filter-bar){flex-wrap:wrap;gap:8px}.admin-table-card{overflow-x:auto}:is(.admin-table,.data-table){border-collapse:collapse;width:100%}:is(.admin-table,.data-table) th{background:var(--gray-50);color:var(--gray-600);padding:14px 16px;font-size:11px;font-weight:600}:is(.admin-table,.data-table) td{border-color:var(--gray-200);padding:15px 16px}:is(.admin-table,.data-table) tbody tr:hover{background:#f8faf9}.admin-row-btn{border-radius:8px;min-height:34px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102e2870;padding:20px}.modal{border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);border-radius:24px;max-height:calc(100dvh - 40px)}:is(.modal-header,.modal-footer){border-color:var(--gray-200);padding:20px 24px}.modal-body{padding:24px}.modal-title{letter-spacing:-.025em;font-weight:650}.modal-close{border-radius:10px;min-width:40px;min-height:40px}.auth-page{background:var(--gray-50)}.auth-left-title{letter-spacing:-.04em;font-weight:650}.auth-left-sub{color:var(--brand-text)}.auth-title{letter-spacing:-.04em;font-size:32px;font-weight:650}.auth-simple-card{border-color:var(--gray-200);box-shadow:var(--shadow-card);padding:32px}.auth-mode-toggle{background:var(--gray-100);border:0;border-radius:12px;gap:4px;padding:5px}.mode-btn{background:0 0;border-radius:8px}.mode-btn.active{color:var(--green-dark);box-shadow:var(--shadow-sm);background:#fff}.account-type-card{background:#fff}.cps-shell,:is(.cm-page,.company-page,.legal-page){background:var(--gray-50)}:is(.company-title,.legal-content h1){letter-spacing:-.04em;font-weight:650}.company-eyebrow,.section-eyebrow{color:var(--green-dark);letter-spacing:.14em}:is(.company-hero,.company-section,.legal-content){max-width:1100px}.legal-content{max-width:800px}.legal-content p{color:var(--gray-700)}:is(.legal-topbar,.company-topbar){border-color:var(--gray-200);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffe}:is(.trust-card,.value-card,.feature-card,.faq-item,.contact-card){border-color:var(--gray-200);box-shadow:var(--shadow-card);border-radius:18px}.obn-nav{background:var(--brand-surface);bottom:calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 8px 24px #102e2824}.obn-sheet{background:var(--gray-50);border-radius:24px 24px 0 0}@media (width<=900px){:is(.layout-content,.admin-content){padding-top:24px}.layout-content{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}}@media (width<=600px){:is(.page-header,.card-header){flex-wrap:wrap}.page-header-actions{gap:8px;width:100%}:is(.card,.admin-chart-card,.admin-kpi-card,.support-panel){padding:18px}:is(.kpi-grid,.admin-kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:is(.admin-kpi-value,.stat-card-value){overflow-wrap:anywhere;font-size:24px}:is(.grid-2col,.grid-3col){grid-template-columns:minmax(0,1fr)}:is(.admin-filter-bar,.admin-filter-select){max-width:100%}.modal-backdrop{padding:12px}.modal{width:100%;max-height:calc(100dvh - 24px)}:is(.modal-header,.modal-body,.modal-footer){padding:18px}.modal-footer{flex-wrap:wrap}.auth-simple-card{padding:24px}.auth-title{font-size:28px}.request-row{grid-template-columns:1fr auto;gap:10px;padding:14px}:is(.company-title,.legal-content h1){overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.value-card{overflow-wrap:anywhere;min-width:0}.settings-section-heading{flex-wrap:wrap;gap:16px}.settings-upload-row,.settings-save-bar{flex-wrap:wrap}.settings-workspace-nav{border-radius:18px!important}@media (width<=780px){.settings-workspace{flex-direction:column;gap:20px!important}.settings-workspace>div{width:100%}.settings-workspace-nav{width:100%!important;margin-right:0!important;position:static!important}.settings-form-grid{grid-template-columns:minmax(0,1fr)!important}}@media (width<=600px){.value-grid{grid-template-columns:minmax(0,1fr)!important}}.account-security-page{max-width:950px;margin:32px auto;padding:24px}.account-security-page h1{letter-spacing:-.04em;margin:20px 0 8px;font-size:32px;font-weight:650}.account-security-page h2{margin:28px 0 12px;font-size:18px;font-weight:600}.account-security-page p{color:var(--gray-500);margin:8px 0;font-size:13px;line-height:1.7}.account-security-page section{background:#fff;border-radius:18px;margin-bottom:12px;border:1px solid var(--gray-200)!important;padding:20px!important}.account-security-page button{background:var(--green);color:#fff;border-radius:10px;min-height:44px;margin:8px 8px 0 0;padding:10px 16px;font-size:13px;font-weight:600}.account-security-page input{border:1px solid var(--gray-200);border-radius:10px;max-width:100%;min-height:44px;margin:8px;padding:10px 12px}.bn-wrap{background:linear-gradient(#24483cf0,#102e28fa);border-color:#ffffff30;box-shadow:0 8px 24px #102e2824}.form-field{min-width:0}.form-input{width:100%;min-width:0}.workspace-grid>*{min-width:0}@media (width<=600px){.workspace-grid,form.admin-chart-card{grid-template-columns:minmax(0,1fr)!important}:is(.admin-content div:has(>.support-filter-tab),.admin-content div:has(>.btn)){flex-wrap:wrap}}.hotel-switcher-add-btn.primary{background:var(--green);border-color:var(--green)}@media (width<=600px){.admin-row-btn,.req-action-btn,.btn-room-action{min-height:44px}}.register-progress{color:var(--green);flex-wrap:wrap;gap:8px;margin-bottom:24px;font-size:12px;font-weight:600;display:flex}.register-progress span{color:var(--gray-500)}.register-mobile-brand{display:none}.register-form-footer{text-align:center;color:var(--gray-600);margin-top:24px;font-size:13px}.register-form-footer a{color:var(--green);font-weight:600}.public-menu-toggle{display:none}.land-logo{text-decoration:none}@media (width<=900px){.public-menu-toggle{border:1px solid var(--gray-200);width:44px;height:44px;color:var(--gray-900);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex}.land-nav-inner{gap:10px;position:relative}.land-nav-links.mobile-open{border:1px solid var(--gray-200);box-shadow:var(--shadow-card);z-index:100;background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:12px;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0}.land-nav-links.mobile-open a{min-height:44px;padding:12px;display:block}.register-mobile-brand{color:var(--gray-900);align-items:center;gap:10px;margin-bottom:28px;text-decoration:none;display:flex}}@media (width<=480px){.land-nav-cta .btn-ghost-nav{display:none}.land-nav-cta .btn-primary-nav{padding:10px;font-size:12px}}.workspace-footer{color:var(--gray-600);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 28px 24px;font-size:12px;display:flex}.workspace-footer nav{gap:20px;display:flex}.workspace-footer a{color:var(--gray-600);text-decoration:none}@media (width<=768px){.workspace-footer{padding:16px 20px 100px}}.route-loading,.route-load-error{text-align:center;background:var(--gray-50);min-height:100svh;color:var(--gray-900);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.route-loading{font-size:14px}.route-loading-mark{border:3px solid var(--gray-200);border-top-color:var(--green);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite route-loading-spin}.route-loading-hint,.route-load-error p{color:var(--gray-600);font-size:13px}.route-load-error h1{margin:0;font-size:22px}.route-load-error button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-weight:600}@keyframes route-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-loading-mark{animation-duration:2.5s}}