:root{--bg:#0a0d12;--bg-2:#0e1218;--panel:#11151c;--panel-2:#161b24;--border:#1f2530;--border-2:#2a323f;--text:#e8edf4;--text-2:#9aa3b2;--text-3:#5e6776;--accent:oklch(82% .19 145);--accent-glow:oklch(82% .19 145/.35);--accent-dim:oklch(55% .13 145);--warn:oklch(78% .16 75);--danger:oklch(68% .2 25);--info:oklch(72% .14 270);--vip:oklch(72% .16 310);--status-free:oklch(82% .19 145);--status-playing:oklch(68% .2 25);--status-soon:oklch(78% .16 75);--status-reserved:oklch(72% .16 310);--status-clean:oklch(72% .14 240);--status-maint:oklch(55% .02 250);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--font:"Inter", "Helvetica Neue", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-size:14px;line-height:1.45;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font:inherit}.app{grid-template-columns:232px 1fr;width:100vw;height:100vh;display:grid}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:20px 14px;display:flex}.brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:14px;padding:4px 8px 18px;display:flex}.brand-mark{background:radial-gradient(circle at 30% 30%, var(--accent), var(--accent-dim));width:32px;height:32px;box-shadow:0 0 14px var(--accent-glow);border-radius:9px;position:relative}.brand-mark:after{content:"";background:#fff9;border-radius:50%;width:6px;height:6px;position:absolute;inset:8px 8px auto auto}.brand-name{letter-spacing:-.01em;font-size:14px;font-weight:700}.brand-sub{color:var(--text-3);font-size:11px;font-family:var(--mono)}.nav-section{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);padding:12px 10px 4px;font-size:10px}.nav-item{border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.nav-item .ico{opacity:.85;flex:none;width:16px;height:16px}.nav-item .badge{font-family:var(--mono);background:var(--border);color:var(--text-2);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px}.nav-item.active .badge{background:var(--accent);color:#062013}.sidebar-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:12px 10px;display:flex}.avatar{width:30px;height:30px;color:var(--text);background:linear-gradient(135deg,#2a3f5a,#1a2433);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.user-name{font-size:12px;font-weight:500}.user-role{color:var(--text-3);font-size:10px;font-family:var(--mono)}.main{flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:16px;height:56px;padding:0 22px;display:flex}.crumb{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.crumb b{color:var(--text);font-weight:600}.crumb-sep{color:var(--text-3)}.search{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:8px;width:240px;margin-left:auto;padding:6px 10px;display:flex}.search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search input::placeholder{color:var(--text-3)}.kbd{font-family:var(--mono);color:var(--text-3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px}.btn{border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--border);color:var(--text);align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--panel-2);border-color:var(--border-2)}.btn-primary{background:var(--accent);color:#062013;box-shadow:0 0 0 1px var(--accent), 0 0 18px -4px var(--accent-glow);border-color:#0000;font-weight:600}.btn-primary:hover{filter:brightness(1.05);background:var(--accent)}.btn-ghost{background:0 0}.btn-danger{color:var(--danger);border-color:color-mix(in oklab, var(--danger) 30%, transparent);background:0 0}.btn .ico{width:14px;height:14px}.content{background:radial-gradient(1200px 600px at 80% -10%, oklch(82% .19 145/.04), transparent 60%), radial-gradient(800px 500px at -10% 100%, oklch(72% .16 310/.04), transparent 60%), var(--bg);flex:1;padding:20px 22px 28px;overflow:auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.card-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.card-title{font-size:13px;font-weight:600}.card-sub{color:var(--text-3);font-size:11px;font-family:var(--mono)}.card-body{padding:16px}.card-actions{gap:6px;margin-left:auto;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;position:relative;overflow:hidden}.kpi-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.kpi-value{font-size:26px;font-weight:700;font-family:var(--mono);letter-spacing:-.02em;margin-top:6px}.kpi-meta{color:var(--text-2);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.kpi-meta .up{color:var(--accent)}.kpi-meta .down{color:var(--danger)}.kpi-spark{opacity:.7;position:absolute;bottom:10px;right:12px}.floor-wrap{grid-template-columns:1fr 320px;gap:14px;display:grid}.floor{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:-1px -1px;background-size:28px 28px;padding:16px;position:relative;overflow:hidden}.floor:before{content:"";background:radial-gradient(700px 400px at 30% 20%, var(--accent-glow), transparent 60%);opacity:.08;pointer-events:none;position:absolute;inset:0}.floor-toolbar{align-items:center;gap:10px;padding:4px 6px 14px;display:flex;position:relative}.legend{flex-wrap:wrap;gap:12px;display:flex}.legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.zone{border:1px dashed var(--border-2);border-radius:var(--r-md);background:#ffffff03;margin-bottom:14px;padding:28px 16px 16px;position:relative}.zone-label{background:var(--panel);letter-spacing:.06em;color:var(--text-2);text-transform:uppercase;border:1px solid var(--border);border-radius:6px;padding:2px 10px;font-size:11px;font-weight:600;position:absolute;top:-10px;left:14px}.zone-meta{background:var(--panel);color:var(--text-3);font-size:10px;font-family:var(--mono);border:1px solid var(--border);border-radius:6px;padding:2px 10px;position:absolute;top:-10px;right:14px}.zone-grid{gap:14px;display:grid}.zone-grid.cols-3{grid-template-columns:repeat(3,1fr)}.zone-grid.cols-4{grid-template-columns:repeat(4,1fr)}.zone-grid.cols-2{grid-template-columns:repeat(2,1fr)}.table-card{aspect-ratio:16/9;cursor:pointer;border:1px solid var(--border-2);background:radial-gradient(oklch(32% .06 150) 0%,oklch(22% .05 150) 70%),oklch(20% .04 150);border-radius:14px;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px oklch(18% .04 150),inset 0 0 0 8px oklch(32% .04 35),0 4px 18px -8px #0009}.table-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 6px oklch(18% .04 150),inset 0 0 0 8px oklch(32% .04 35),0 8px 24px -8px #000c}.table-card .pocket{background:#000;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:inset 0 1px 1px #ffffff0f}.table-card .pocket.tl{top:4px;left:4px}.table-card .pocket.tr{top:4px;right:4px}.table-card .pocket.bl{bottom:4px;left:4px}.table-card .pocket.br{bottom:4px;right:4px}.table-card .pocket.tm{top:2px;left:50%;transform:translate(-50%)}.table-card .pocket.bm{bottom:2px;left:50%;transform:translate(-50%)}.table-info{color:#e6f0e9;font-family:var(--mono);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:14px}.table-id{letter-spacing:.04em;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:700}.table-status-row{align-items:center;gap:6px;margin-top:2px;font-size:10.5px;display:flex}.status-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.table-timer{letter-spacing:.02em;text-shadow:0 1px 2px #0009;margin-top:auto;font-size:18px;font-weight:700}.table-revenue{opacity:.8;font-size:10.5px}.table-cust{text-align:right;opacity:.85;font-size:10.5px;position:absolute;bottom:10px;right:14px}.table-card[data-status=free]{box-shadow:inset 0 0 0 6px oklch(16% .05 150), inset 0 0 0 8px oklch(32% .04 35), 0 0 0 1px var(--status-free), 0 0 24px -4px var(--accent-glow);background:radial-gradient(oklch(30% .08 150) 0%,oklch(18% .06 150) 70%)}.table-card[data-status=playing]{box-shadow:inset 0 0 0 6px oklch(16% .04 30), inset 0 0 0 8px oklch(32% .04 35), 0 0 0 1px var(--status-playing);background:radial-gradient(oklch(28% .06 30) 0%,oklch(18% .04 30) 70%)}.table-card[data-status=soon]{box-shadow:inset 0 0 0 6px oklch(16% .05 75), inset 0 0 0 8px oklch(32% .04 35), 0 0 0 1px var(--status-soon);background:radial-gradient(oklch(30% .07 75) 0%,oklch(20% .05 75) 70%)}.table-card[data-status=reserved]{box-shadow:inset 0 0 0 6px oklch(14% .05 310), inset 0 0 0 8px oklch(32% .04 35), 0 0 0 1px var(--status-reserved);background:radial-gradient(oklch(26% .07 310) 0%,oklch(16% .05 310) 70%)}.table-card[data-status=clean]{box-shadow:inset 0 0 0 6px oklch(14% .04 240), inset 0 0 0 8px oklch(32% .04 35), 0 0 0 1px var(--status-clean);background:radial-gradient(oklch(26% .05 240) 0%,oklch(16% .04 240) 70%)}.table-card[data-status=maint]{box-shadow:inset 0 0 0 6px oklch(12% .01 250), inset 0 0 0 8px oklch(20% .02 35), 0 0 0 1px var(--status-maint);opacity:.7;background:repeating-linear-gradient(45deg,oklch(18% .01 250) 0 10px,oklch(14% .01 250) 10px 20px)}.table-card[data-status=vip]{box-shadow:inset 0 0 0 6px oklch(14% .06 310), inset 0 0 0 8px oklch(40% .08 75), 0 0 0 1px var(--vip), 0 0 28px -4px oklch(72% .16 310/.4);background:radial-gradient(oklch(28% .08 310) 0%,oklch(16% .06 310) 70%)}.table-grid-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;padding:14px;transition:border-color .15s,transform .15s;position:relative}.table-grid-card:hover{border-color:var(--border-2);transform:translateY(-1px)}.tgc-head{align-items:center;gap:10px;display:flex}.tgc-id{font-family:var(--mono);font-size:16px;font-weight:700}.tgc-zone{color:var(--text-3);font-size:10px;font-family:var(--mono);margin-left:auto}.tgc-status{background:var(--bg-2);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:3px 8px;font-size:11px;display:inline-flex}.tgc-timer{font-family:var(--mono);letter-spacing:-.01em;margin-top:10px;font-size:22px;font-weight:700}.tgc-meta{color:var(--text-2);gap:10px;margin-top:4px;font-size:11px;display:flex}.side-panel{flex-direction:column;gap:12px;display:flex}.detail-card{padding:16px}.detail-empty{color:var(--text-3);text-align:center;padding:28px 0;font-size:12px}.row{border-bottom:1px dashed var(--border);align-items:center;gap:8px;padding:8px 0;font-size:12.5px;display:flex}.row:last-child{border-bottom:none}.row .lbl{color:var(--text-3);flex:0 0 110px;font-size:11.5px}.row .val{color:var(--text);font-family:var(--mono)}.chip{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.chip-free{color:var(--status-free);border-color:color-mix(in oklab, var(--status-free) 35%, transparent);background:color-mix(in oklab, var(--status-free) 10%, var(--bg-2))}.chip-playing{color:var(--status-playing);border-color:color-mix(in oklab, var(--status-playing) 35%, transparent);background:color-mix(in oklab, var(--status-playing) 10%, var(--bg-2))}.chip-soon{color:var(--status-soon);border-color:color-mix(in oklab, var(--status-soon) 35%, transparent);background:color-mix(in oklab, var(--status-soon) 10%, var(--bg-2))}.chip-reserved{color:var(--status-reserved);border-color:color-mix(in oklab, var(--status-reserved) 35%, transparent);background:color-mix(in oklab, var(--status-reserved) 10%, var(--bg-2))}.chip-clean{color:var(--status-clean);border-color:color-mix(in oklab, var(--status-clean) 35%, transparent);background:color-mix(in oklab, var(--status-clean) 10%, var(--bg-2))}.chip-maint{color:var(--status-maint);border-color:var(--border)}.chip-vip{color:var(--vip);border-color:color-mix(in oklab, var(--vip) 35%, transparent);background:color-mix(in oklab, var(--vip) 10%, var(--bg-2))}.booking-grid{border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);grid-template-columns:80px repeat(18,minmax(72px,1fr));display:grid;overflow:auto}.bk-head,.bk-cell,.bk-row-label{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:44px;padding:8px;font-size:11px;position:relative}.bk-head{background:var(--panel-2);font-family:var(--mono);color:var(--text-2);z-index:2;position:sticky;top:0}.bk-row-label{background:var(--panel-2);z-index:1;font-family:var(--mono);align-items:center;display:flex;position:sticky;left:0}.bk-cell{background:var(--panel)}.bk-cell.now{background:color-mix(in oklab, var(--accent) 4%, var(--panel))}.booking{cursor:pointer;z-index:3;border:1px solid;border-radius:6px;flex-direction:column;justify-content:center;padding:4px 8px;font-size:10.5px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.booking-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.booking-time{font-family:var(--mono);opacity:.85;font-size:9.5px}.booking.b-confirmed{background:color-mix(in oklab, var(--status-reserved) 18%, var(--panel));border-color:color-mix(in oklab, var(--status-reserved) 50%, transparent);color:oklch(86% .08 310)}.booking.b-active{background:color-mix(in oklab, var(--status-playing) 18%, var(--panel));border-color:color-mix(in oklab, var(--status-playing) 50%, transparent);color:oklch(88% .1 30)}.booking.b-pending{background:color-mix(in oklab, var(--status-soon) 14%, var(--panel));border-color:color-mix(in oklab, var(--status-soon) 40%, transparent);color:oklch(88% .1 75);border-style:dashed}.booking.b-vip{background:color-mix(in oklab, var(--vip) 22%, var(--panel));border-color:var(--vip);color:oklch(92% .06 310);box-shadow:0 0 12px -4px var(--vip)}.now-line{background:var(--accent);z-index:4;width:2px;box-shadow:0 0 10px var(--accent-glow);position:absolute;top:0;bottom:0}.now-line:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-3px}.pos{grid-template-columns:1fr 380px;gap:14px;height:calc(100vh - 104px);display:grid}.pos-left{flex-direction:column;gap:12px;min-height:0;display:flex}.pos-cats{flex-wrap:wrap;gap:6px;display:flex}.pos-cat{background:var(--panel);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.pos-cat.active{background:var(--accent);color:#062013;border-color:#0000;font-weight:600}.pos-products{flex:1;grid-template-columns:repeat(4,1fr);gap:12px;padding:2px;display:grid;overflow:auto}.product{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;flex-direction:column;padding:12px;transition:border-color .15s,transform .1s;display:flex}.product:hover{border-color:var(--accent-dim)}.product:active{transform:scale(.98)}.product-img{aspect-ratio:1;border-radius:var(--r-sm);background:repeating-linear-gradient(45deg, var(--bg-2) 0 6px, var(--panel-2) 6px 12px);border:1px solid var(--border);color:var(--text-3);font-family:var(--mono);place-items:center;margin-bottom:10px;font-size:22px;display:grid}.product-name{font-size:12.5px;font-weight:500;line-height:1.3}.product-price{font-family:var(--mono);color:var(--accent);margin-top:4px;font-size:12px}.product-stock{color:var(--text-3);margin-top:auto;padding-top:6px;font-size:10px}.product.low .product-stock{color:var(--warn)}.cart{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;display:flex;overflow:hidden}.cart-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.cart-target{color:var(--text-3);font-size:11px;font-family:var(--mono)}.cart-target b{color:var(--accent)}.cart-items{flex:1;padding:6px 0;overflow:auto}.cart-empty{text-align:center;color:var(--text-3);padding:40px 16px;font-size:12px}.cart-item{border-bottom:1px dashed var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 16px;font-size:12.5px;display:grid}.cart-item-name{font-weight:500}.cart-item-price{font-family:var(--mono);color:var(--text-3);font-size:11px}.qty{align-items:center;gap:4px;display:flex}.qty button{background:var(--bg-2);border:1px solid var(--border);border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.qty button:hover{background:var(--panel-2)}.qty span{font-family:var(--mono);text-align:center;width:22px;font-size:12px}.cart-total{font-family:var(--mono);font-size:13px;font-weight:600}.cart-summary{border-top:1px solid var(--border);padding:14px 16px}.cart-row{justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.cart-row.grand{border-top:1px solid var(--border);font-size:16px;font-weight:700;font-family:var(--mono);margin-top:6px;padding-top:10px}.cart-row.grand b{color:var(--accent)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#05080cb8;place-items:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);width:min(960px,92vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px -20px #000c}.modal-cam{flex-direction:column;flex:1;gap:14px;min-width:0;padding:22px;display:flex}.modal-head{align-items:center;gap:12px;display:flex}.modal-title{font-size:16px;font-weight:600}.modal-sub{color:var(--text-3);font-size:11.5px;font-family:var(--mono);margin-top:2px}.modal-close{margin-left:auto}.cam-stage{aspect-ratio:4/3;border-radius:var(--r-md);border:1px solid var(--border);background:#050708;position:relative;overflow:hidden}.cam-noise{opacity:.9;background:radial-gradient(at 50% 30%,oklch(22% .04 150) 0%,oklch(10% .02 150) 60%,#050708 100%);position:absolute;inset:0}.cam-noise:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff03 2px 3px);position:absolute;inset:0}.face-silhouette{aspect-ratio:3/4;filter:blur(1px);opacity:.9;background:radial-gradient(at 50% 35%,oklch(35% .04 60) 0%,oklch(18% .02 60) 100%);border-radius:50% 50% 45% 45%/55% 55% 45% 45%;width:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-frame{aspect-ratio:3/4;border:1.5px solid var(--accent);width:56%;box-shadow:0 0 40px -4px var(--accent-glow), inset 0 0 0 1px #ffffff0d;border-radius:18px;animation:2.4s ease-in-out infinite scanPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-frame:before,.scan-frame:after,.scan-corner{content:"";border:2.5px solid var(--accent);width:24px;height:24px;position:absolute}.scan-frame:before{border-bottom:none;border-right:none;border-radius:18px 0 0;top:-2px;left:-2px}.scan-frame:after{border-bottom:none;border-left:none;border-radius:0 18px 0 0;top:-2px;right:-2px}.sc-bl{border-top:none;border-right:none;border-radius:0 0 0 18px;bottom:-2px;left:-2px}.sc-br{border-top:none;border-left:none;border-radius:0 0 18px;bottom:-2px;right:-2px}.scan-corner.sc-bl,.scan-corner.sc-br{position:absolute}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;box-shadow:0 0 12px var(--accent);animation:2s ease-in-out infinite scanMove;position:absolute;left:0;right:0}@keyframes scanPulse{0%,to{box-shadow:0 0 40px -4px var(--accent-glow), inset 0 0 0 1px #ffffff0d}50%{box-shadow:0 0 60px 0 var(--accent-glow), inset 0 0 0 1px #ffffff14}}@keyframes scanMove{0%{opacity:0;top:22%}10%{opacity:1}50%{top:78%}90%{opacity:1}to{opacity:0;top:22%}}.face-points{pointer-events:none;position:absolute;inset:0}.face-point{background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:1.4s ease-in-out infinite pointBlink;position:absolute}@keyframes pointBlink{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.cam-hud{font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;justify-content:space-between;align-items:flex-start;font-size:10.5px;display:flex;position:absolute;top:12px;left:12px;right:12px}.hud-left,.hud-right{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:4px;padding:4px 8px}.cam-rec{align-items:center;gap:6px;display:inline-flex}.cam-rec:before{content:"";background:var(--danger);border-radius:50%;width:6px;height:6px;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.cam-bottom-hud{font-family:var(--mono);gap:12px;font-size:10.5px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hud-stat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-2);background:#00000080;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;display:flex}.hud-stat b{color:var(--accent)}.cam-status{background:var(--panel-2);border-radius:var(--r-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.cs-state{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.4s infinite blink}.cs-text{font-size:12.5px}.cs-text b{color:var(--accent)}.cs-progress{font-family:var(--mono);color:var(--text-3);margin-left:auto;font-size:11px}.modal-side{background:var(--bg-2);border-left:1px solid var(--border);flex-direction:column;flex:0 0 320px;width:320px;padding:22px;display:flex;overflow:auto}.modal-side-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:12px;font-size:11px}.cust-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:12px;padding:14px}.cust-head{align-items:center;gap:10px;display:flex}.cust-avatar{color:#fff;border:2px solid var(--accent);width:44px;height:44px;box-shadow:0 0 12px -2px var(--accent-glow);background:linear-gradient(135deg,oklch(45% .08 145),oklch(30% .06 145));border-radius:50%;place-items:center;font-weight:600;display:grid}.cust-name{font-size:14px;font-weight:600}.cust-id{font-family:var(--mono);color:var(--text-3);font-size:10.5px}.cust-stat-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.cust-stat{background:var(--bg-2);border-radius:6px;padding:8px}.cust-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.cust-stat-val{font-family:var(--mono);margin-top:2px;font-size:14px;font-weight:600}.tab-bar{gap:4px;margin-bottom:12px;display:flex}.tab{color:var(--text-2);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel);cursor:pointer;padding:6px 12px;font-size:12px}.tab.active{color:var(--accent);border-color:var(--accent-dim);background:color-mix(in oklab, var(--accent) 8%, var(--panel))}.manual-form{flex-direction:column;gap:10px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.field input,.field select{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;padding:8px 10px;font-size:13px}.field input:focus,.field select:focus{border-color:var(--accent-dim)}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}table.data th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);background:var(--panel-2);font-size:11px;font-weight:500}table.data tbody tr:hover{background:var(--panel-2)}table.data td.mono{font-family:var(--mono)}table.data td.num{font-family:var(--mono);text-align:right}.chart-row{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px;display:grid}.chart-tall{height:240px}.bars{align-items:flex-end;gap:6px;height:180px;padding:0 4px;display:flex}.bar{background:linear-gradient(to top, var(--accent-dim), var(--accent));border-radius:3px 3px 0 0;flex:1;min-height:4px;transition:filter .15s;position:relative}.bar:hover{filter:brightness(1.2)}.bar-label{text-align:center;color:var(--text-3);font-size:10px;font-family:var(--mono);position:absolute;bottom:-18px;left:0;right:0}.donut-wrap{align-items:center;gap:14px;display:flex}.donut-legend{flex-direction:column;flex:1;gap:6px;display:flex}.dl-row{align-items:center;gap:8px;font-size:12px;display:flex}.dl-dot{border-radius:2px;width:8px;height:8px}.dl-name{color:var(--text-2)}.dl-val{font-family:var(--mono);margin-left:auto;font-weight:600}.action-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.action-bar .filter{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);gap:4px;padding:3px;display:flex}.filter-btn{color:var(--text-2);border-radius:4px;padding:5px 10px;font-size:12px}.filter-btn.active{background:var(--panel-2);color:var(--text)}.hr{background:var(--border);height:1px;margin:14px 0}.muted{color:var(--text-3)}.grow{flex:1}.right{margin-left:auto}.row-flex{align-items:center;gap:8px;display:flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border:2px solid var(--bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.view-toggle{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px;display:inline-flex}.view-toggle button{color:var(--text-2);border-radius:4px;padding:5px 12px;font-size:12px}.view-toggle button.active{background:var(--panel-2);color:var(--text)}.cd-wrap{grid-template-columns:360px 1fr;gap:14px;display:grid}.cd-back{color:var(--text-3);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.cd-back:hover{color:var(--text);background:var(--panel)}.cd-profile{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:22px;position:relative;overflow:hidden}.cd-profile:before{content:"";background:radial-gradient(circle, var(--accent-glow), transparent 60%);opacity:.6;pointer-events:none;width:200px;height:200px;position:absolute;inset:-40px -40px auto auto}.cd-avatar-big{color:#fff;border:3px solid var(--accent);width:96px;height:96px;box-shadow:0 0 24px -2px var(--accent-glow);z-index:1;background:linear-gradient(135deg,oklch(50% .1 305),oklch(30% .08 305));border-radius:50%;place-items:center;font-size:32px;font-weight:700;display:grid;position:relative}.cd-name{letter-spacing:-.01em;margin-top:16px;font-size:22px;font-weight:700}.cd-id{font-family:var(--mono);color:var(--text-3);margin-top:2px;font-size:12px}.cd-tier-badge{background:color-mix(in oklab, var(--vip) 14%, var(--bg-2));color:var(--vip);border:1px solid color-mix(in oklab, var(--vip) 40%, transparent);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.cd-tier-badge.gold{background:color-mix(in oklab, var(--warn) 14%, var(--bg-2));color:var(--warn);border-color:color-mix(in oklab, var(--warn) 40%, transparent)}.cd-tier-badge.silver{background:var(--bg-2);color:var(--text-2);border-color:var(--border-2)}.cd-tier-badge.bronze{background:color-mix(in oklab, oklch(50% .1 50) 14%, var(--bg-2));color:oklch(72% .1 50);border-color:oklab(50% .0642788 .0766045/.4)}.cd-info-list{margin-top:18px}.cd-info-row{border-bottom:1px dashed var(--border);align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.cd-info-row:last-child{border-bottom:none}.cd-info-row .lbl{color:var(--text-3);flex:0 0 90px;width:90px;font-size:11.5px}.cd-info-row .val{color:var(--text)}.cd-info-row .val.mono{font-family:var(--mono)}.cd-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.cd-actions .btn{justify-content:center}.cd-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.cd-stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;position:relative;overflow:hidden}.cd-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}.cd-stat-val{font-size:22px;font-weight:700;font-family:var(--mono);letter-spacing:-.02em;margin-top:4px}.cd-stat-meta{color:var(--text-2);margin-top:2px;font-size:11px}.cd-stat-meta.up{color:var(--accent)}.cd-tabs{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);gap:4px;width:fit-content;margin-bottom:14px;padding:4px;display:flex}.cd-tab{color:var(--text-2);border-radius:4px;padding:7px 16px;font-size:12.5px}.cd-tab.active{background:var(--panel-2);color:var(--text)}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:8px}.tl-item{padding:10px 0 14px;position:relative}.tl-item:before{content:"";background:var(--panel);border:2px solid var(--accent);width:9px;height:9px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;position:absolute;top:14px;left:-18px}.tl-date{font-family:var(--mono);color:var(--text-3);font-size:11px}.tl-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);margin-top:6px;padding:12px 14px}.tl-row1{align-items:center;gap:10px;font-size:13px;display:flex}.tl-table{font-family:var(--mono);color:var(--accent);font-weight:600}.tl-duration{font-family:var(--mono);color:var(--text-2);font-size:12px}.tl-amount{font-family:var(--mono);margin-left:auto;font-weight:600}.tl-row2{color:var(--text-3);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11.5px;display:flex}.tl-row2 span{background:var(--bg-2);border-radius:4px;padding:2px 8px}.cd-pref{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pref-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px}.pref-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.pref-bar{align-items:center;gap:8px;padding:6px 0;font-size:12.5px;display:flex}.pref-bar-name{flex:0 0 90px;width:90px}.pref-bar-track{background:var(--bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.pref-bar-fill{background:linear-gradient(to right, var(--accent-dim), var(--accent));border-radius:3px;height:100%}.pref-bar-val{font-family:var(--mono);color:var(--text-2);text-align:right;width:36px;font-size:11px}.heatmap{grid-template-columns:28px repeat(7,1fr);gap:3px;display:grid}.hm-day-label{color:var(--text-3);font-size:10px;font-family:var(--mono);place-items:center;display:grid}.hm-hour-label{color:var(--text-3);text-align:center;font-size:9px;font-family:var(--mono);padding:2px 0}.hm-cell{aspect-ratio:1;background:var(--bg-2);border-radius:3px}.face-tag{font-family:var(--mono);color:var(--accent);border:1px solid color-mix(in oklab, var(--accent) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#00000080;border-radius:4px;padding:3px 8px;font-size:9.5px;position:absolute;bottom:8px;right:8px}.cd-face-id{border:1px solid var(--border);background:radial-gradient(at 50% 35%,oklch(32% .04 60),oklch(14% .02 60));border-radius:12px;width:96px;height:96px;margin-top:16px;position:relative;overflow:hidden}.cd-face-id .corners:before,.cd-face-id .corners:after,.cd-face-id .corners>span{content:"";border:1.5px solid var(--accent);width:12px;height:12px;position:absolute}.cd-face-id .corners:before{border-bottom:none;border-right:none;top:4px;left:4px}.cd-face-id .corners:after{border-bottom:none;border-left:none;top:4px;right:4px}.cd-face-id .corners>span:first-child{border-top:none;border-right:none;bottom:4px;left:4px}.cd-face-id .corners>span:last-child{border-top:none;border-left:none;bottom:4px;right:4px}.login-wrap{background:var(--bg);grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.login-visual{background:radial-gradient(800px 500px at 30% 30%,oklch(32% .12 145/.45),#0000 60%),radial-gradient(700px 500px at 80% 80%,oklch(30% .1 305/.35),#0000 60%),linear-gradient(135deg,oklch(16% .04 150) 0%,oklch(10% .02 240) 100%);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.cue-art{aspect-ratio:16/9;filter:blur(.3px);background:radial-gradient(oklch(35% .1 150) 0%,oklch(20% .06 150) 70%);border-radius:24px;width:78%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:inset 0 0 0 14px oklch(14% .04 150),inset 0 0 0 18px oklch(40% .06 35),0 60px 120px -30px #0009,0 0 0 1px #ffffff0a}.cue-art:before,.cue-art:after,.cue-art>.pkt{content:"";background:#000;border-radius:50%;width:26px;height:26px;position:absolute;box-shadow:inset 0 2px 3px #ffffff0f}.cue-art:before{top:8px;left:8px}.cue-art:after{top:8px;right:8px}.cue-art>.pkt.bl{bottom:8px;left:8px}.cue-art>.pkt.br{bottom:8px;right:8px}.cue-art>.pkt.tm{top:4px;left:50%;transform:translate(-50%)}.cue-art>.pkt.bm{bottom:4px;left:50%;transform:translate(-50%)}.ball{border-radius:50%;position:absolute;box-shadow:inset -3px -4px 8px #00000080,inset 4px 4px 6px #ffffff2e,0 4px 14px #00000080}.ball.cue{background:radial-gradient(circle at 35% 30%,#fff,#d4d4cc);width:38px;height:38px}.ball.b8{background:radial-gradient(circle at 35% 30%,#2a2a2a,#050505);width:38px;height:38px}.ball.b9{background:radial-gradient(circle at 35% 30%,oklch(85% .18 90),oklch(55% .16 80));width:38px;height:38px}.ball.b3{background:radial-gradient(circle at 35% 30%,oklch(70% .2 25),oklch(40% .16 25));width:38px;height:38px}.cue-stick{background:linear-gradient(90deg,oklch(32% .06 60) 0%,oklch(45% .08 60) 40%,oklch(92% .04 90) 92%,oklch(70% .1 90) 100%);border-radius:3px;width:64%;height:6px;position:absolute;top:56%;left:8%;transform:rotate(-6deg);box-shadow:0 6px 24px -6px #0009}.login-visual-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.lv-brand{align-items:center;gap:12px;display:flex}.lv-brand .brand-mark{border-radius:11px;width:40px;height:40px}.lv-brand-name{letter-spacing:-.01em;font-size:16px;font-weight:700}.lv-brand-sub{color:var(--text-2);font-size:11px;font-family:var(--mono)}.lv-hero{z-index:3;margin-top:auto;position:relative}.lv-tag{color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-family:var(--mono);letter-spacing:.05em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.lv-tag .pulse{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.6s infinite blink}.lv-headline{letter-spacing:-.02em;text-wrap:balance;max-width:460px;margin-top:18px;font-size:44px;font-weight:700;line-height:1.05}.lv-headline em{color:var(--accent);font-style:normal}.lv-sub{color:var(--text-2);max-width:420px;margin-top:14px;font-size:14px;line-height:1.6}.lv-stats{z-index:3;gap:28px;margin-top:32px;display:flex;position:relative}.lv-stat-num{font-family:var(--mono);color:var(--text);font-size:22px;font-weight:700}.lv-stat-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.lv-foot{color:var(--text-3);font-size:11px;font-family:var(--mono);z-index:2;justify-content:space-between;align-items:center;margin-top:28px;display:flex;position:relative}.login-form-side{background:var(--bg);flex-direction:column;padding:40px 56px;display:flex;position:relative}.lf-top{justify-content:flex-end;gap:8px;display:flex}.lf-lang{color:var(--text-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);gap:4px;padding:3px;font-size:12px;display:inline-flex}.lf-lang button{border-radius:4px;padding:4px 10px}.lf-lang button.active{background:var(--panel-2);color:var(--text)}.lf-content{flex-direction:column;flex:1;justify-content:center;align-self:center;width:100%;max-width:380px;display:flex}.lf-title{letter-spacing:-.02em;font-size:28px;font-weight:700}.lf-subtitle{color:var(--text-2);margin-top:6px;font-size:13px}.lf-tab-bar{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);grid-template-columns:1fr 1fr;gap:4px;margin:28px 0 22px;padding:4px;display:grid}.lf-tab{color:var(--text-2);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.lf-tab.active{background:var(--panel-2);color:var(--text);box-shadow:0 1px #ffffff0a}.lf-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.lf-field label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:11.5px;display:flex}.lf-field label a{color:var(--accent);text-transform:none;letter-spacing:0;font-size:12px;text-decoration:none}.lf-field label a:hover{text-decoration:underline}.lf-input{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.lf-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.lf-input input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.lf-input input::placeholder{color:var(--text-3)}.lf-input .ico{color:var(--text-3);width:16px;height:16px}.lf-input button{color:var(--text-3);padding:0}.lf-input button:hover{color:var(--text)}.lf-row{color:var(--text-2);justify-content:space-between;align-items:center;margin:4px 0 18px;font-size:12.5px;display:flex}.lf-check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.lf-check input{appearance:none;border:1px solid var(--border-2);background:var(--panel);cursor:pointer;border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.lf-check input:checked{background:var(--accent);border-color:var(--accent)}.lf-check input:checked:after{content:"✓";color:#062013;font-size:11px;font-weight:700}.lf-submit{background:var(--accent);color:#062013;border-radius:var(--r-sm);width:100%;box-shadow:0 0 0 1px var(--accent), 0 0 24px -4px var(--accent-glow);padding:12px;font-size:14px;font-weight:600;transition:filter .15s,transform 50ms}.lf-submit:hover{filter:brightness(1.05)}.lf-submit:active{transform:scale(.99)}.lf-submit[disabled]{opacity:.6;cursor:not-allowed}.lf-divider{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin:22px 0;font-size:11px;display:flex}.lf-divider:before,.lf-divider:after{content:"";background:var(--border);flex:1;height:1px}.lf-face-cta{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s;display:flex}.lf-face-cta:hover{border-color:var(--accent-dim)}.lf-face-cta-icon{background:color-mix(in oklab, var(--accent) 14%, var(--panel-2));width:40px;height:40px;color:var(--accent);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);border-radius:10px;place-items:center;display:grid}.lf-face-cta-text{flex:1}.lf-face-cta-title{font-size:13px;font-weight:600}.lf-face-cta-sub{color:var(--text-3);margin-top:2px;font-size:11.5px}.lf-foot{color:var(--text-3);text-align:center;margin-top:26px;font-size:12px}.lf-foot a{color:var(--accent);text-decoration:none}.lf-bottom{color:var(--text-3);font-size:11px;font-family:var(--mono);justify-content:space-between;margin-top:auto;display:flex}.lf-face-stage{aspect-ratio:4/3;border-radius:var(--r-md);border:1px solid var(--border);background:#050708;margin-top:14px;position:relative;overflow:hidden}.lf-face-stage .cam-noise{background:radial-gradient(at 50% 30%,oklch(22% .04 150) 0%,oklch(10% .02 150) 60%,#050708 100%)}.lf-msg{border-radius:var(--r-sm);align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.lf-msg.err{background:color-mix(in oklab, var(--danger) 12%, var(--panel));color:var(--danger);border:1px solid color-mix(in oklab, var(--danger) 30%, transparent)}.lf-msg.ok{background:color-mix(in oklab, var(--accent) 10%, var(--panel));color:var(--accent);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent)}@media (width<=1000px){.login-wrap{grid-template-columns:1fr}.login-visual{display:none}}.cb-page{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.cb-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0d12d9;align-items:center;gap:18px;padding:14px 24px;display:flex;position:sticky;top:0}.cb-nav .brand-mark{width:32px;height:32px}.cb-nav-name{font-size:15px;font-weight:700}.cb-nav-links{gap:22px;margin-left:28px;display:flex}.cb-nav-links a{color:var(--text-2);font-size:13px;text-decoration:none}.cb-nav-links a:hover{color:var(--text)}.cb-nav-links a.active{color:var(--accent)}.cb-hero{background:radial-gradient(800px 400px at 80% 20%, oklch(30% .1 305/.25), transparent 60%), radial-gradient(700px 400px at 10% 80%, var(--accent-glow), transparent 60%);border-bottom:1px solid var(--border);padding:56px 24px 32px;position:relative;overflow:hidden}.cb-hero:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.cb-hero-content{max-width:1320px;margin:0 auto;position:relative}.cb-tag{color:var(--text-2);font-size:11px;font-family:var(--mono);letter-spacing:.05em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.cb-tag .pulse{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.6s infinite blink}.cb-hero h1{letter-spacing:-.02em;max-width:780px;margin:14px 0 10px;font-size:44px;font-weight:700;line-height:1.05}.cb-hero h1 em{color:var(--accent);font-style:normal}.cb-hero p{color:var(--text-2);max-width:560px;margin:0;font-size:15px;line-height:1.6}.cb-body{flex:1;grid-template-columns:1fr 360px;gap:24px;width:100%;max-width:1320px;margin:0 auto;padding:28px 24px 60px;display:grid}.cv-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:16px;padding:18px 20px}.cv-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.cv-section-title{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.cv-section-meta{color:var(--text-3);font-size:11.5px}.cv-section .field{flex-direction:column;gap:6px;display:flex}.cv-section .field label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.cv-section .field input,.cv-section .field textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.cv-section .field input:focus,.cv-section .field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.cv-section .field textarea{resize:vertical;min-height:56px}.cb-stepper{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.cb-step{background:var(--panel);border:1px solid var(--border);color:var(--text-3);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;display:flex}.cb-step.active{border-color:var(--accent);color:var(--text);background:color-mix(in oklab, var(--accent) 10%, var(--panel))}.cb-step.done{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 40%, transparent)}.cb-step-num{width:22px;height:22px;font-family:var(--mono);background:var(--bg-2);color:var(--text-3);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.cb-step.active .cb-step-num{background:var(--accent);color:#062013}.cb-step.done .cb-step-num{background:color-mix(in oklab, var(--accent) 30%, transparent);color:var(--accent)}.cb-step-arrow{color:var(--text-3);font-size:12px}.cb-date-row{gap:10px;margin-bottom:14px;padding:4px 2px 12px;display:flex;overflow-x:auto}.cb-date-pill{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;cursor:pointer;flex:none;min-width:86px;padding:12px 18px;transition:border-color .15s,transform 50ms}.cb-date-pill:hover{border-color:var(--border-2)}.cb-date-pill.active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, var(--panel));box-shadow:0 0 16px -4px var(--accent-glow)}.cb-date-day{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.cb-date-num{font-family:var(--mono);letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:700}.cb-date-mo{color:var(--text-3);font-size:11px;font-family:var(--mono);margin-top:2px}.cb-date-pill.active .cb-date-day,.cb-date-pill.active .cb-date-mo{color:var(--accent)}.cb-time-row{grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:22px;display:grid}.cb-time-slot{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);text-align:center;cursor:pointer;font-family:var(--mono);padding:10px 8px;font-size:13px;transition:border-color .15s}.cb-time-slot:hover{border-color:var(--border-2)}.cb-time-slot.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, var(--panel))}.cb-time-slot.disabled{color:var(--text-3);opacity:.4;cursor:not-allowed;text-decoration:line-through}.cb-time-slot.peak:after{content:"★";position:absolute}.cb-time-slot{position:relative}.cb-time-slot .peak-mark{background:var(--warn);color:#1a1300;letter-spacing:.04em;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:-6px;right:-6px}.cb-dur-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.cb-dur-pill{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px}.cb-dur-pill.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, var(--panel))}.cb-zones{flex-direction:column;gap:16px;display:flex}.cb-zone-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:18px}.cb-zone-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.cb-zone-name{font-size:15px;font-weight:600}.cb-zone-desc{color:var(--text-3);font-size:12px}.cb-zone-rate{font-family:var(--mono);color:var(--accent);margin-left:auto;font-size:13px;font-weight:600}.cb-table-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cb-table-pick{aspect-ratio:16/9;cursor:pointer;border:1px solid var(--border-2);background:radial-gradient(oklch(32% .06 150),oklch(20% .04 150) 70%);border-radius:10px;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px oklch(16% .04 150),inset 0 0 0 7px oklch(30% .04 35)}.cb-table-pick:hover{transform:translateY(-2px)}.cb-table-pick.unavailable{opacity:.35;cursor:not-allowed}.cb-table-pick.selected{box-shadow:inset 0 0 0 5px oklch(16% .04 150), inset 0 0 0 7px var(--accent), 0 0 0 2px var(--accent), 0 0 24px -4px var(--accent-glow)}.cb-table-pick .pkt{background:#000;border-radius:50%;width:8px;height:8px;position:absolute}.cb-table-pick .pkt.tl{top:3px;left:3px}.cb-table-pick .pkt.tr{top:3px;right:3px}.cb-table-pick .pkt.bl{bottom:3px;left:3px}.cb-table-pick .pkt.br{bottom:3px;right:3px}.cb-table-pick-id{font-family:var(--mono);color:#e6f0e9;font-size:14px;font-weight:700}.cb-table-pick-tag{color:var(--text-2);font-size:9px;font-family:var(--mono);letter-spacing:.04em;background:#00000080;border-radius:4px;padding:1px 6px;position:absolute;bottom:8px;right:8px}.cb-table-pick-tag.busy{color:var(--danger)}.cb-table-pick-tag.free{color:var(--accent)}.cb-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cb-form-grid .field-full{grid-column:1/-1}.cb-addons{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.cb-addon{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.cb-addon.active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, var(--panel-2))}.cb-addon-check{border:1px solid var(--border-2);background:var(--bg);border-radius:4px;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.cb-addon.active .cb-addon-check{background:var(--accent);border-color:var(--accent)}.cb-addon.active .cb-addon-check:after{content:"✓";color:#062013;font-size:11px;font-weight:700}.cb-addon-name{flex:1}.cb-addon-price{font-family:var(--mono);color:var(--text-3);font-size:11.5px}.cb-summary{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);align-self:flex-start;position:sticky;top:84px;overflow:hidden}.cb-summary-head{border-bottom:1px solid var(--border);align-items:center;padding:16px 18px;display:flex}.cb-summary-head .ico{color:var(--accent);margin-right:8px}.cb-summary-title{font-size:14px;font-weight:600}.cb-summary-body{padding:18px}.cb-summary-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.cb-summary-row .lbl{color:var(--text-3)}.cb-summary-row .val{font-family:var(--mono)}.cb-summary-row.empty .val{color:var(--text-3);font-family:inherit;font-style:italic}.cb-summary-divider{background:var(--border);height:1px;margin:10px 0}.cb-summary-grand{justify-content:space-between;align-items:baseline;padding:10px 0;font-size:14px;display:flex}.cb-summary-grand .grand-val{font-family:var(--mono);color:var(--accent);letter-spacing:-.01em;font-size:24px;font-weight:700}.cb-summary-deposit{color:var(--text-3);margin-top:4px;font-size:11px}.cb-summary-foot{border-top:1px solid var(--border);background:var(--bg-2);padding:16px 18px}.cb-cta{background:var(--accent);color:#062013;border-radius:var(--r-sm);width:100%;box-shadow:0 0 0 1px var(--accent), 0 0 24px -4px var(--accent-glow);padding:13px;font-size:14px;font-weight:600}.cb-cta:hover{filter:brightness(1.05)}.cb-cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cb-trust{color:var(--text-3);gap:14px;margin-top:14px;font-size:11px;display:flex}.cb-trust span{align-items:center;gap:4px;display:flex}.cb-confirm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#05080cc7;place-items:center;display:grid;position:fixed;inset:0}.cb-confirm-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;width:min(460px,92vw);padding:36px;position:relative;overflow:hidden}.cb-confirm-card:before{content:"";background:radial-gradient(circle at top, var(--accent-glow), transparent 60%);opacity:.4;pointer-events:none;position:absolute;inset:-40px}.cb-confirm-icon{background:var(--accent);color:#062013;width:64px;height:64px;box-shadow:0 0 32px var(--accent-glow);border-radius:50%;place-items:center;margin:0 auto 16px;font-size:32px;font-weight:700;display:grid;position:relative}.cb-confirm-card h2{margin:0 0 6px;font-size:22px;font-weight:700;position:relative}.cb-confirm-card p{color:var(--text-2);margin:0 0 22px;font-size:13px;position:relative}.cb-confirm-code{font-family:var(--mono);letter-spacing:.1em;background:var(--bg-2);border:1px dashed var(--border-2);border-radius:var(--r-sm);color:var(--accent);margin-bottom:20px;padding:10px 16px;font-size:18px;position:relative}.cb-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative}@media (width<=900px){.cb-body{grid-template-columns:1fr;gap:20px;padding:20px 18px 80px}.cb-summary{position:static}.cb-table-grid{grid-template-columns:repeat(3,1fr)}.cb-time-row{grid-template-columns:repeat(6,1fr)}.cb-hero{padding:36px 20px 28px}.cb-hero h1{font-size:30px}.cb-nav{flex-wrap:wrap;gap:10px;padding:12px 18px}.cb-nav-links{display:none}.cb-addons{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cb-body{gap:18px;padding:16px 14px 90px}.cb-hero{padding:28px 16px 22px}.cb-hero h1{font-size:24px;line-height:1.1}.cb-hero p{font-size:13px}.cb-tag{font-size:10px}.cb-stepper{gap:6px}.cb-step{padding:6px 10px;font-size:11.5px}.cb-step span:not(.cb-step-num){display:none}.cb-step.active span:not(.cb-step-num){display:inline}.cb-step-num{width:20px;height:20px}.cb-time-row{grid-template-columns:repeat(4,1fr);gap:6px}.cb-time-slot{padding:9px 4px;font-size:12px}.cb-table-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cb-form-grid,.cb-addons{grid-template-columns:1fr}.cb-date-pill{min-width:72px;padding:10px 14px}.cb-date-num{font-size:18px}.cb-zone-card{padding:14px}.cb-zone-rate{font-size:12px}.cb-summary{border-top:1px solid var(--accent);z-index:50;border-radius:16px 16px 0 0;max-height:50vh;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -8px 32px #0009}.cb-summary-body{padding:12px 16px}.cb-summary-row{padding:4px 0;font-size:12.5px}.cb-summary-grand{padding:6px 0}.cb-summary-grand .grand-val{font-size:20px}.cb-summary-head{padding:10px 16px}.cb-summary-foot{padding:12px 16px}.cb-cta{padding:11px;font-size:13px}.cb-trust{flex-wrap:wrap;gap:8px;font-size:10px}.cv-section{padding:14px}.cv-section-title{font-size:13px}.cb-confirm-card{padding:28px 22px}.cb-confirm-card h2{font-size:18px}}.lp-page{background:var(--bg);position:fixed;inset:0;overflow:auto}.lp-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:30;background:#0a0d12d9;align-items:center;gap:24px;padding:14px 36px;display:flex;position:sticky;top:0}.lp-header .brand-mark{width:32px;height:32px}.lp-brand-name{font-size:15px;font-weight:700}.lp-brand-sub{color:var(--text-3);font-size:10px;font-family:var(--mono);letter-spacing:.06em}.lp-nav-links{gap:24px;margin-left:32px;display:flex}.lp-nav-links a{color:var(--text-2);font-size:13px;text-decoration:none}.lp-nav-links a:hover{color:var(--text)}.lp-nav-links a.active{color:var(--accent)}.lp-header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.lp-cta-book{background:var(--accent);color:#062013;border-radius:var(--r-sm);box-shadow:0 0 18px -4px var(--accent-glow);cursor:pointer;border:none;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600}.lp-header-login{border:1px solid var(--border-2);color:var(--text);border-radius:var(--r-sm);cursor:pointer;background:#ffffff0a;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}.lp-header-login:hover{border-color:var(--accent);color:var(--accent)}.lp-acc{position:relative}.lp-acc-btn{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:6px 12px 6px 6px;font-size:13px;display:flex}.lp-acc-btn:hover{border-color:var(--border-2)}.lp-acc-avatar{background:linear-gradient(135deg, var(--accent), oklch(62% .18 305));color:#062013;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.lp-acc-tier{background:color-mix(in oklab, var(--accent) 18%, transparent);color:var(--accent);font-size:9px;font-family:var(--mono);letter-spacing:.06em;border-radius:4px;padding:1px 6px;font-weight:600}.lp-acc-menu{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);z-index:40;width:320px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 48px #0009}.lp-acc-menu-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.lp-acc-menu-head .lp-acc-avatar{flex:0 0 40px;width:40px;height:40px;font-size:14px}.lp-acc-menu-name{font-size:14px;font-weight:600}.lp-acc-menu-meta{color:var(--text-3);margin-top:1px;font-size:11.5px}.lp-acc-menu-pts{background:var(--bg-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lp-acc-menu-pts .pts-num{font-family:var(--mono);color:var(--accent);font-size:18px;font-weight:700}.lp-acc-menu-pts .pts-lbl{color:var(--text-3);font-size:11px}.lp-acc-menu-list{padding:6px}.lp-acc-menu-item{border-radius:var(--r-sm);cursor:pointer;color:var(--text-2);align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.lp-acc-menu-item:hover{background:var(--bg-2);color:var(--text)}.lp-acc-menu-item .ico{color:var(--text-3);width:16px}.lp-acc-menu-item .badge{background:var(--accent);color:#062013;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.lp-acc-menu-divider{background:var(--border);height:1px;margin:4px 0}.lp-acc-menu-item.danger{color:var(--danger)}.lp-hero{border-bottom:1px solid var(--border);background:radial-gradient(900px 500px at 75% 20%, oklch(30% .12 305/.3), transparent 65%), radial-gradient(800px 500px at 15% 90%, var(--accent-glow), transparent 60%);padding:90px 36px 80px;position:relative;overflow:hidden}.lp-hero:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.lp-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;display:grid;position:relative}.lp-hero h1{letter-spacing:-.03em;margin:14px 0 18px;font-size:64px;font-weight:700;line-height:.98}.lp-hero h1 em{color:var(--accent);font-style:normal;position:relative}.lp-hero h1 em:after{content:"";background:var(--accent);opacity:.18;filter:blur(8px);height:8px;position:absolute;bottom:-6px;left:0;right:0}.lp-hero p{color:var(--text-2);max-width:540px;margin:0 0 26px;font-size:16px;line-height:1.65}.lp-hero-actions{gap:12px;display:flex}.lp-hero-actions .lp-btn-primary{background:var(--accent);color:#062013;border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--accent), 0 0 24px -4px var(--accent-glow);padding:14px 26px;font-size:14px;font-weight:600}.lp-hero-actions .lp-btn-ghost{border:1px solid var(--border-2);color:var(--text);border-radius:var(--r-sm);background:#ffffff0a;padding:14px 22px;font-size:14px}.lp-hero-meta{gap:28px;margin-top:36px;display:flex}.lp-hero-meta-item{flex-direction:column;display:flex}.lp-hero-meta-num{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;font-size:26px;font-weight:700}.lp-hero-meta-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.lp-hero-visual{aspect-ratio:1.2;border:1px solid var(--border);background:radial-gradient(at 30% 30%,oklch(16% .04 150) 0%,oklch(8% .03 150) 70%);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3}.lp-hero-table{background:radial-gradient(at 50% 40%,oklch(42% .1 150),oklch(24% .06 150) 70%);border-radius:14px;position:absolute;inset:12% 8%;transform:perspective(900px)rotateX(28deg);box-shadow:inset 0 0 0 8px oklch(18% .04 150),inset 0 0 0 10px oklch(32% .05 35),inset 0 0 0 11px oklch(42% .06 35),0 0 60px #0006}.lp-hero-table .ph{background:#050a08;border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:inset 0 0 6px #000000e6}.lp-hero-table .ph.tl{top:-6px;left:-6px}.lp-hero-table .ph.tr{top:-6px;right:-6px}.lp-hero-table .ph.bl{bottom:-6px;left:-6px}.lp-hero-table .ph.br{bottom:-6px;right:-6px}.lp-hero-table .ph.tm{top:-6px;left:50%;transform:translate(-50%)}.lp-hero-table .ph.bm{bottom:-6px;left:50%;transform:translate(-50%)}.lp-hero-rack{grid-template-columns:repeat(5,1fr);gap:1px;width:80px;display:grid;position:absolute;top:38%;left:60%;transform:perspective(900px)rotateX(28deg)}.lp-hero-ball{background:radial-gradient(circle at 30% 30%, #fff, var(--bc) 60%, #000 110%);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0009}.lp-hero-cuewhite{background:radial-gradient(circle at 30% 30%,#fff,#cfd5d2 60%,#6a7370 110%);border-radius:50%;width:16px;height:16px;position:absolute;top:56%;left:30%;transform:perspective(900px)rotateX(28deg);box-shadow:0 0 18px #a6e63566,0 2px 4px #00000080}.lp-hero-cuestick{background:linear-gradient(90deg, oklch(30% .05 35), oklch(55% .1 35) 60%, var(--accent));border-radius:2px;width:50%;height:4px;position:absolute;top:60%;left:8%;transform:perspective(900px)rotateX(28deg)rotate(-8deg);box-shadow:0 0 12px #a6e63580}.lp-hero-spotlight{pointer-events:none;background:radial-gradient(#fff0c82e,#0000 70%);height:60%;position:absolute;top:-10%;left:30%;right:30%}.lp-hero-hud{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:16px;left:16px}.lp-hero-hud .pill{color:var(--text-2);font-size:10px;font-family:var(--mono);letter-spacing:.06em;background:#0009;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px}.lp-hero-hud .pill .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;margin-right:4px;display:inline-block}.lp-section{max-width:1200px;margin:0 auto;padding:80px 36px}.lp-section-tag{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:11px}.lp-section-title{letter-spacing:-.02em;margin:8px 0 14px;font-size:38px;font-weight:700;line-height:1.1}.lp-section-sub{color:var(--text-2);max-width:560px;font-size:15px;line-height:1.65}.lp-section-head{margin-bottom:40px}.lp-features{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.lp-feat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:24px;position:relative;overflow:hidden}.lp-feat-icon{background:color-mix(in oklab, var(--accent) 14%, var(--panel-2));width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.lp-feat-title{margin-bottom:6px;font-size:17px;font-weight:600}.lp-feat-desc{color:var(--text-2);font-size:13.5px;line-height:1.55}.lp-zones-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lp-zone-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.lp-zone-img{border-bottom:1px solid var(--border);background:radial-gradient(oklch(32% .06 150),oklch(16% .04 150) 80%);place-items:center;height:200px;display:grid;position:relative}.lp-zone-img.vip{background:radial-gradient(oklch(30% .1 305),oklch(14% .05 305) 80%)}.lp-zone-img.casual{background:radial-gradient(oklch(32% .05 70),oklch(16% .03 70) 80%)}.lp-zone-mini-table{aspect-ratio:16/9;background:radial-gradient(oklch(40% .08 150),oklch(22% .05 150) 70%);border-radius:8px;width:70%;position:relative;box-shadow:inset 0 0 0 6px oklch(16% .04 150),inset 0 0 0 8px oklch(32% .04 35)}.lp-zone-mini-table:before,.lp-zone-mini-table:after{content:"";background:#000;border-radius:50%;width:8px;height:8px;position:absolute}.lp-zone-mini-table:before{box-shadow:calc(100% + 8px) 0 #000, 0 calc(100% + 8px) #000, calc(100% + 8px) calc(100% + 8px) #000;top:4px;left:4px}.lp-zone-body{padding:18px}.lp-zone-name{font-size:17px;font-weight:600}.lp-zone-meta{color:var(--text-3);font-size:12px;font-family:var(--mono);margin-top:4px}.lp-zone-feats{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.lp-zone-feat{background:var(--bg-2);color:var(--text-2);border-radius:4px;padding:3px 8px;font-size:11px}.lp-zone-rate{font-family:var(--mono);color:var(--accent);margin-top:14px;font-size:16px;font-weight:700}.lp-zone-rate small{color:var(--text-3);font-size:11px;font-weight:400}.lp-pricing{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lp-price-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:24px;position:relative}.lp-price-card.featured{border-color:var(--accent);box-shadow:0 0 32px -8px var(--accent-glow)}.lp-price-card.featured:before{content:"PHỔ BIẾN";background:var(--accent);color:#062013;letter-spacing:.06em;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:24px}.lp-price-name{margin-bottom:8px;font-size:16px;font-weight:600}.lp-price-num{font-family:var(--mono);color:var(--accent);letter-spacing:-.02em;font-size:32px;font-weight:700}.lp-price-num small{color:var(--text-3);font-size:13px;font-weight:400;font-family:var(--font)}.lp-price-feats{margin:18px 0 0;padding:0;list-style:none}.lp-price-feats li{color:var(--text-2);padding:6px 0 6px 22px;font-size:13px;position:relative}.lp-price-feats li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.lp-testi-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.lp-testi{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:24px}.lp-testi-quote{color:var(--text);margin-bottom:16px;font-size:15px;line-height:1.6}.lp-testi-quote:before{content:"“";color:var(--accent);vertical-align:-10px;margin-right:4px;font-size:32px;line-height:0}.lp-testi-foot{align-items:center;gap:10px;display:flex}.lp-testi-avatar{background:linear-gradient(135deg, var(--accent), oklch(50% .15 305));color:#062013;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.lp-testi-name{font-size:13px;font-weight:600}.lp-testi-role{color:var(--text-3);font-size:11.5px}.lp-testi-stars{color:var(--accent);letter-spacing:.1em;margin-left:auto;font-size:13px}.lp-cta-band{border-radius:var(--r-lg);background:radial-gradient(800px 400px at 80% 50%, var(--accent-glow), transparent 60%), linear-gradient(135deg, oklch(16% .04 150), oklch(10% .02 150));border:1px solid var(--accent);align-items:center;gap:36px;max-width:1128px;margin:40px auto;padding:56px 48px;display:flex}.lp-cta-band-text{flex:1}.lp-cta-band-text h2{letter-spacing:-.02em;margin:0 0 8px;font-size:30px;font-weight:700}.lp-cta-band-text p{color:var(--text-2);margin:0;font-size:14px}.lp-cta-band-actions{gap:10px;display:flex}.lp-footer{border-top:1px solid var(--border);background:var(--bg-2);padding:48px 36px 24px}.lp-footer-grid{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;padding-bottom:28px;display:grid}.lp-footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0 0 14px;font-size:12px}.lp-footer-col a{color:var(--text-2);padding:4px 0;font-size:13px;text-decoration:none;display:block}.lp-footer-col a:hover{color:var(--accent)}.lp-footer-bottom{max-width:1200px;color:var(--text-3);justify-content:space-between;margin:0 auto;padding-top:18px;font-size:11px;display:flex}.lp-modal-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#05080cbf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lp-history{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;width:min(880px,100%);max-height:88vh;display:flex;overflow:hidden}.lp-history-head{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:20px 24px;display:flex}.lp-history-title{font-size:17px;font-weight:600}.lp-history-sub{color:var(--text-3);margin-top:2px;font-size:12px}.lp-history-tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 24px;display:flex}.lp-history-tab{color:var(--text-3);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 14px;font-size:13px;display:flex}.lp-history-tab.active{color:var(--accent);border-color:var(--accent)}.lp-history-tab .count{background:var(--bg-2);font-size:11px;font-family:var(--mono);border-radius:999px;padding:1px 7px}.lp-history-tab.active .count{background:color-mix(in oklab, var(--accent) 20%, transparent);color:var(--accent)}.lp-history-body{flex:1;padding:16px 24px;overflow-y:auto}.lp-history-empty{text-align:center;color:var(--text-3);padding:60px 20px}.lp-history-empty .ico{color:var(--text-3);opacity:.3}.lp-booking-row{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:10px;padding:16px;display:grid}.lp-booking-date{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);width:64px;padding:8px 4px}.lp-booking-date .day{font-family:var(--mono);font-size:22px;font-weight:700;line-height:1}.lp-booking-date .mo{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:10px}.lp-booking-info-line1{align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.lp-booking-code{font-family:var(--mono);color:var(--text-3);font-size:11px}.lp-booking-info-line2{color:var(--text-2);flex-wrap:wrap;gap:12px;font-size:12.5px;display:flex}.lp-booking-info-line2 span{align-items:center;gap:4px;display:flex}.lp-booking-status{font-size:10px;font-family:var(--mono);letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-weight:600}.lp-booking-status.upcoming{background:color-mix(in oklab, var(--accent) 18%, transparent);color:var(--accent)}.lp-booking-status.completed{background:color-mix(in oklab, var(--info) 18%, transparent);color:var(--info)}.lp-booking-status.cancelled{background:color-mix(in oklab, var(--danger) 16%, transparent);color:var(--danger)}.lp-booking-amt{font-family:var(--mono);text-align:right;font-size:14px;font-weight:600}.lp-booking-actions{gap:6px;margin-top:8px;display:flex}.lp-booking-actions .btn{padding:6px 12px;font-size:12px}@media (width<=900px){.lp-hero{padding:60px 20px 50px}.lp-hero-grid{grid-template-columns:1fr;gap:32px}.lp-hero h1{font-size:42px}.lp-section{padding:60px 20px}.lp-section-title{font-size:28px}.lp-features,.lp-zones-grid,.lp-pricing,.lp-testi-grid{grid-template-columns:1fr}.lp-cta-band{text-align:center;flex-direction:column;margin:24px 20px;padding:36px 24px}.lp-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.lp-header{gap:12px;padding:12px 18px}.lp-nav-links{display:none}.lp-acc-menu{width:min(320px,90vw);right:-10px}.lp-booking-row{grid-template-columns:auto 1fr;gap:12px}.lp-booking-amt{text-align:left;grid-column:1/-1;padding-left:80px}}@media (width<=600px){.lp-hero h1{font-size:32px}.lp-hero p{font-size:14px}.lp-hero-meta{flex-wrap:wrap;gap:18px}.lp-hero-meta-num{font-size:22px}.lp-section-title{font-size:24px}.lp-cta-band-text h2{font-size:22px}.lp-footer-grid{grid-template-columns:1fr}.lp-booking-row{padding:12px}}
