.till{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-size:15px}.till h2{font-family:Fredoka,sans-serif;font-size:20px;margin:0 0 10px}.till h3{font-family:Fredoka,sans-serif;font-size:16px;margin:0 0 8px;color:var(--muted);font-weight:600}.till .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.till .grow{flex:1}.till .sp{justify-content:space-between}.till .small{font-size:13px}.till .tiny{font-size:12px;color:var(--muted)}.tb{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-weight:700;font-size:14px;white-space:nowrap}.tb:hover:not(:disabled){border-color:var(--accent2)}.tb.p{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 12px #ff2e9359}.tb.c{background:var(--accent2);border-color:var(--accent2);color:var(--on-accent2)}.tb.g{background:transparent}.tb.danger{background:transparent;border-color:#ff6b6b;color:#ff9a9a}.tb.big{min-height:56px;font-size:18px;border-radius:16px;font-family:Fredoka,sans-serif}.tb.on{background:var(--accent2);color:var(--on-accent2);border-color:var(--accent2)}.tb .n{display:inline-block;min-width:20px;padding:0 6px;margin-left:6px;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;line-height:20px}.tin{min-height:40px;border-radius:12px;border:2px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px;font-size:15px;width:100%}.tin:focus{border-color:var(--accent2);outline:none}textarea.tin{padding:10px 12px;min-height:80px;resize:vertical}.lbl{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--muted)}.chk{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer;padding:8px 10px;border-radius:12px;background:var(--surface2)}.chk input{width:20px;height:20px;margin-top:1px;accent-color:var(--accent)}.thead{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.thead img{height:36px}.thead .who{font-weight:700}.bedstrip{display:flex;gap:10px;padding:10px 14px;overflow-x:auto;border-bottom:1px solid var(--border)}.bedc{min-width:170px;flex:0 0 auto;border-radius:16px;padding:10px 12px;background:var(--surface);border:2px solid var(--border);text-align:left;color:var(--text);display:flex;flex-direction:column;gap:3px}.bedc .nm{font-family:Fredoka,sans-serif;font-weight:700;font-size:16px}.bedc .st{font-size:13px;font-weight:700}.bedc .big{font-family:Fredoka,sans-serif;font-size:26px;font-weight:700;line-height:1.1}.bedc.free{border-color:#3ddc84}.bedc.free .st{color:#3ddc84}.bedc.busy{border-color:var(--accent)}.bedc.busy .st{color:var(--accent)}.bedc.soon{border-color:var(--accent3)}.bedc.soon .st{color:var(--accent3)}.bedc.dirty{border-color:#ffd23d}.bedc.dirty .st{color:#ffd23d}.bedc .nx{font-size:12px;color:var(--muted)}.cleanbtn{display:flex;align-items:center;gap:8px;margin-top:4px;padding:6px 8px;border-radius:10px;background:#ffd23d;color:#2a1f00;border:none;font-weight:700;font-size:13px}.cleanbtn span{width:18px;height:18px;border:2px solid #2a1f00;border-radius:4px;background:#fff7d1}.till.main{height:100vh;min-height:0}.tbody{flex:1;display:grid;grid-template-columns:340px 1fr;gap:14px;padding:14px;min-height:0;overflow:hidden}.tcol{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow-y:auto;padding-bottom:80px}.training{height:100vh;display:flex;flex-direction:column}.training>.till{flex:1;min-height:0;height:auto}.tpanel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px}.results{display:flex;flex-direction:column;gap:6px}.res{display:flex;gap:10px;align-items:center;text-align:left;padding:8px 10px;border-radius:12px;background:var(--surface2);border:2px solid transparent;color:var(--text)}.res.sel{border-color:var(--accent2)}.res .av{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--border);object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted)}.res .bal{margin-left:auto;font-family:Fredoka,sans-serif;font-weight:700;color:var(--accent3)}.cust{display:grid;grid-template-columns:170px 1fr;gap:16px}.photo{width:170px;height:200px;border-radius:16px;background:var(--surface2);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-align:center;border:1px solid var(--border)}.cname{font-family:Fredoka,sans-serif;font-size:28px;font-weight:700;margin:0;line-height:1.1}.bigbal{font-family:Fredoka,sans-serif;font-size:44px;font-weight:700;color:var(--accent3);line-height:1}.badges{display:flex;gap:6px;flex-wrap:wrap}.tbadge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px}.tbadge.g{background:#14402a;color:#7ff0ae}.tbadge.r{background:#4a1420;color:#ff9aa8}.tbadge.a{background:#4a3210;color:#ffcf7a}.tbadge.n{background:var(--surface2);color:var(--muted)}.stop{border-radius:14px;padding:12px 14px;background:#4a1420;color:#ffd0d6;border:2px solid #ff6b81;font-weight:700}.warnbox{border-radius:14px;padding:12px 14px;background:#4a3210;color:#ffe2b0;border:2px solid var(--accent3)}.okbox{border-radius:14px;padding:10px 14px;background:#14402a;color:#c9f7dd;border:2px solid #3ddc84;font-weight:700}.errbox{border-radius:14px;padding:10px 14px;background:#4a1420;color:#ffd0d6;border:2px solid #ff6b81}.minbtns{display:flex;gap:8px;flex-wrap:wrap}.minbtn{width:74px;height:64px;border-radius:16px;border:2px solid var(--border);background:var(--surface2);color:var(--text);font-family:Fredoka,sans-serif;font-size:24px;font-weight:700;line-height:1}.minbtn small{display:block;font-size:11px;font-family:DM Sans,sans-serif;color:var(--muted)}.minbtn.on{border-color:var(--accent);background:var(--accent);color:#fff}.minbtn.on small{color:#ffe0ef}.stepper{display:inline-flex;align-items:center;gap:6px}.stepper .v{min-width:70px;text-align:center;font-family:Fredoka,sans-serif;font-size:22px;font-weight:700}.bedpick{display:flex;gap:6px;flex-wrap:wrap}.pkgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pk{border-radius:14px;border:2px solid var(--border);background:var(--surface2);color:var(--text);padding:8px;text-align:center}.pk .m{font-family:Fredoka,sans-serif;font-size:22px;font-weight:700;color:var(--accent3)}.pk .pr{font-weight:700}.pk.on{border-color:var(--accent2);box-shadow:0 0 10px #2ee6f059}.recent{width:100%;border-collapse:collapse;font-size:13px}.recent td,.recent th{padding:6px;border-bottom:1px solid var(--border);text-align:left}.recent th{color:var(--muted);font-size:12px}.recent .rev{text-decoration:line-through;opacity:.55}.qitem{display:flex;align-items:center;gap:6px;padding:8px;border-radius:12px;background:var(--surface2);font-size:14px;flex-wrap:wrap}.qitem .nm{flex:1 1 180px;font-weight:700;cursor:pointer}.qitem .ctl{display:flex;gap:6px;width:100%;padding-left:22px}.mback{position:fixed;top:0;right:0;bottom:0;left:0;background:#05000cb8;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto}.modal{width:100%;max-width:560px;background:var(--surface);border:2px solid var(--border);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px}.modal.wide{max-width:760px}.modal .mtop{display:flex;align-items:center;justify-content:space-between}.modal .x{background:none;border:none;color:var(--muted);font-size:26px;line-height:1}.kv{display:grid;grid-template-columns:1fr auto;gap:4px 16px;font-size:15px}.kv .t{font-weight:700;border-top:1px solid var(--border);padding-top:6px}.tlogin{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.tlogin .box{width:100%;max-width:520px;display:flex;flex-direction:column;gap:14px}.stafflist{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.staffbtn{min-height:70px;border-radius:16px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-family:Fredoka,sans-serif;font-size:18px;font-weight:700}.staffbtn small{display:block;font-family:DM Sans;font-size:12px;color:var(--muted);font-weight:400}.pinrow{display:flex;justify-content:center;gap:12px}.pinrow span{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent)}.pinrow span.f{background:var(--accent)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto;width:100%}.keypad button{height:64px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:Fredoka,sans-serif;font-size:26px;font-weight:700}.trainlink{position:absolute;left:16px;bottom:14px;background:none;border:1px dashed var(--border);color:var(--muted);border-radius:10px;padding:6px 10px;font-size:12px}.training{outline:8px solid #b6ff00;outline-offset:-8px}.trainbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;padding:8px 14px;background:repeating-linear-gradient(-45deg,#b6ff00 0,#b6ff00 22px,#1a1a1a 22px,#1a1a1a 44px);color:#000;font-family:Fredoka,sans-serif;font-weight:700;font-size:18px}.trainbar .lab{background:#b6ff00;padding:4px 14px;border-radius:10px;border:2px solid #000}.trainbar button{background:#000;color:#b6ff00;border:2px solid #b6ff00;border-radius:10px;padding:4px 12px;font-weight:700}.watermark{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:180px;color:#b6ff000d;transform:rotate(-24deg);letter-spacing:12px}video.cam{width:100%;border-radius:14px;background:#000}@media (max-width: 1000px){.till.main{height:auto}.tbody{grid-template-columns:1fr;overflow:visible}.tcol{overflow:visible}.cust{grid-template-columns:1fr}}:root{--bg: #170a29;--surface: #21103a;--surface2: #2c1650;--border: #3a2257;--text: #f6ecff;--muted: #cdb9e6;--accent: #ff2e93;--on-accent: #fff;--accent2: #2ee6f0;--on-accent2: #12071f;--accent3: #ff8a3d}*{box-sizing:border-box}html,body{margin:0}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}.fred{font-family:Fredoka,sans-serif}.wrap{max-width:560px;margin:0 auto;padding:16px 16px 48px}.logo{display:block;margin:8px auto 0;width:240px;height:auto;filter:drop-shadow(0 0 12px rgba(255,46,147,.55))}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px}.card.hi{border:2px solid var(--accent);box-shadow:0 0 18px #ff2e9359}.btn{min-height:48px;border-radius:24px;border:none;padding:0 20px;font-family:Fredoka,sans-serif;font-weight:700;font-size:17px;background:var(--accent);color:var(--on-accent);box-shadow:0 0 16px #ff2e9373}.btn.line{background:transparent;color:var(--accent);border:2px solid var(--accent);box-shadow:none}.btn.block{width:100%}.muted{color:var(--muted)}.pkg{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.pkg .m{width:54px;height:44px;border-radius:12px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;color:var(--accent3)}.pkg .price{margin-left:auto;font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;color:var(--accent)}.best{font-size:10px;font-weight:700;background:var(--accent2);color:var(--on-accent2);border-radius:8px;padding:2px 7px;margin-left:6px}.stack{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}.field input{min-height:48px;border-radius:14px;border:2px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px;font-size:16px}.field input:focus{border-color:var(--accent);outline:none}.err{background:#ffd9d9;color:#8a1010;border-radius:12px;padding:10px 12px;font-size:14px}.ok{background:#dff5e7;color:#136b3a;border-radius:12px;padding:10px 12px;font-size:14px}.beds{display:flex;flex-wrap:wrap;gap:8px}.bed{padding:8px 14px;border-radius:16px;background:var(--surface2);border:1px solid var(--border);font-size:14px}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.plain{background:#f4f5f7;color:#1c1f26;min-height:100vh}.plain .panel{background:#fff;border:1px solid #e2e5ea;border-radius:14px;padding:18px 20px;max-width:640px;width:100%}.plain h1{font-size:24px;margin:0 0 6px}.plain h2{font-size:17px;margin:0 0 10px}.plain .sub{color:#555b66;font-size:14px;margin:0}.plain .fl{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:#3a404b}.plain .fl input{min-height:42px;border-radius:8px;border:1px solid #c9ced6;padding:0 10px;font-size:15px;background:#fff;color:#1c1f26}.abtn{min-height:42px;padding:0 16px;border-radius:8px;border:1px solid #c9ced6;background:#fff;color:#1c1f26;font-weight:700}.abtn.p{background:#1f5fd1;border-color:#1f5fd1;color:#fff}.admin{max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}.admin-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.admin-top img{height:48px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;font-size:12px;color:#555b66;padding:6px 8px;border-bottom:1px solid #e2e5ea}table.t td{padding:6px 8px;border-bottom:1px solid #eef0f3}.badge{display:inline-block;font-size:12px;font-weight:700;border-radius:10px;padding:2px 9px}.b-g{background:#dff5e7;color:#136b3a}.b-n{background:#eef0f3;color:#3a404b}.b-a{background:#fff0d9;color:#7a4a00}.plain .err{background:#ffe2de;color:#b42318}