:root{--bg: #0b1020;--bg-2: #121a30;--card: #16203a;--card-active: #1c2c52;--line: #243152;--text: #e7ecf6;--muted: #8a98b8;--accent: #4f8cff;--ok: #39d98a;--warn: #ffb13d;--danger: #ff5d6c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,#16204a 0%,var(--bg) 55%);background-attachment:fixed;color:var(--text);min-height:100vh;min-height:100dvh;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.app{max-width:1100px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{display:flex;flex-direction:column;gap:5px}.brand__logo{height:88px;width:auto;display:block}.brand__sub{margin:0;color:var(--muted);font-size:21px;font-weight:600;letter-spacing:.02em}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .15s ease}.ghost:hover{color:var(--text);border-color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.stat__value{font-size:26px;font-weight:650}.stat__label{color:var(--muted);font-size:13px}.stat--ok .stat__value{color:var(--ok)}.stat--warn .stat__value{color:var(--warn)}.room{margin-bottom:26px}.room__title{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease,background .15s ease,transform .1s ease}.card--active{background:var(--card-active);border-color:var(--accent)}.card:hover{transform:translateY(-2px)}.card__head{display:flex;align-items:center;gap:10px}.card__icon{font-size:20px}.card__name{font-weight:600;font-size:15px}.card__body{display:flex;flex-direction:column;gap:12px}.toggle{width:52px;height:30px;border-radius:999px;border:none;background:#2a3656;position:relative;cursor:pointer;transition:background .15s ease;align-self:flex-start}.toggle--on{background:var(--accent)}.toggle__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle--on .toggle__knob{transform:translate(22px)}.slider{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.slider input[type=range]{width:100%;accent-color:var(--accent)}.slider input:disabled{opacity:.4}.metric{margin:0;font-size:20px;font-weight:600}.lock-btn{border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease}.lock-btn.is-locked{background:#39d98a1f;color:var(--ok);border-color:#39d98a66}.lock-btn.is-open{background:#ff5d6c1f;color:var(--danger);border-color:#ff5d6c66}.thermo{display:flex;flex-direction:column;gap:12px}.thermo__readout{display:flex;align-items:baseline;gap:10px}.thermo__current{font-size:28px;font-weight:700}.thermo__target{font-size:13px;color:var(--muted)}.thermo__controls{display:flex;gap:8px}.thermo__controls button{flex:1;font-size:18px;padding:6px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);cursor:pointer}.thermo__controls button:hover{border-color:var(--accent)}.thermo__modes{display:flex;gap:6px}.thermo__modes button{flex:1;text-transform:capitalize;font-size:12px;padding:6px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.thermo__modes button.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.foot{margin-top:32px;text-align:center;color:var(--muted);font-size:15px}@media(max-width:560px){.stats{grid-template-columns:1fr}}.nav{display:flex;gap:4px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:4px}.nav button{background:transparent;color:var(--muted);border:none;padding:8px 16px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.nav button:hover{color:var(--text)}.nav button.is-active{background:var(--accent);color:#fff}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.page-title{margin:0;font-size:26px;letter-spacing:-.02em}.page-sub{margin:6px 0 0;color:var(--muted);font-size:15px;max-width:60ch}.hero{padding:20px 0 28px}.section-title{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:10px}.count{font-size:12px;color:var(--warn);background:#ffb13d1f;padding:2px 8px;border-radius:999px}.support-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}@media(max-width:820px){.support-layout{grid-template-columns:1fr}}.support-form{gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.field-row{grid-template-columns:1fr}}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input,.field textarea,.field select{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px;font-size:16px;font-family:inherit;width:100%}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff2e}.field textarea{resize:vertical}.error{color:var(--danger);font-size:12px}.btn{border:1px solid var(--line);background:var(--bg-2);color:var(--text);padding:12px 18px;border-radius:11px;font-size:14px;font-weight:650;cursor:pointer;transition:all .15s ease;align-self:flex-start}.btn:hover{border-color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{filter:brightness(1.08)}.linklike{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit}.confirm{text-align:center;align-items:center;gap:10px}.confirm__icon{font-size:40px}.confirm h3{margin:4px 0}.confirm p{color:var(--muted);margin:0 0 8px;max-width:46ch}.ticket-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:12px}.empty{color:var(--muted);font-size:14px;background:var(--bg-2);border:1px dashed var(--line);border-radius:12px;padding:18px}.ticket{gap:8px}.ticket__top{display:flex;align-items:center;justify-content:space-between}.ticket__ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted)}.ticket__subject{margin:0;font-size:15px}.ticket__desc{margin:0;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.badge--open{background:#4f8cff26;color:var(--accent)}.badge--in-progress{background:#ffb13d26;color:var(--warn)}.badge--resolved{background:#39d98a26;color:var(--ok)}.sev{font-weight:700}.sev--low{color:var(--muted)}.sev--medium{color:var(--accent)}.sev--high{color:var(--warn)}.sev--urgent{color:var(--danger)}.quick{gap:8px}.quick h4{margin:0 0 4px;font-size:14px}.quick ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:6px}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.form-error{background:#ff5d6c1f;border:1px solid rgba(255,93,108,.4);color:var(--danger);font-size:13px;padding:10px 12px;border-radius:10px}.btn:disabled{opacity:.6;cursor:progress}.topbar__right{display:flex;align-items:center;gap:10px}.lang{display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:3px}.lang button{background:transparent;color:var(--muted);border:none;padding:6px 10px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .15s ease}.lang button:hover{color:var(--text)}.lang button.is-active{background:var(--accent);color:#fff}@media(max-width:620px){.topbar{flex-wrap:wrap;gap:12px}.topbar__right{width:100%;justify-content:space-between}}.ticket__client{margin:0;font-size:12px;color:var(--accent);font-weight:600}@media(pointer:coarse){.nav button,.lang button,.btn,.lock-btn,.thermo__controls button,.thermo__modes button,.ghost{min-height:44px}.toggle{width:56px;height:32px}.toggle__knob{width:26px;height:26px}.toggle--on .toggle__knob{transform:translate(24px)}}@media(max-width:620px){.brand__logo{height:68px}.brand__sub{font-size:17px}.topbar{flex-wrap:wrap;gap:12px;margin-bottom:16px}.topbar__right{width:100%;justify-content:space-between;gap:8px}.nav{flex:1}.nav button{flex:1;text-align:center;padding:10px 8px}.page-title{font-size:22px}.page-sub{font-size:14px}.hero{padding:8px 0 20px}.grid{grid-template-columns:1fr}.btn--primary{width:100%;align-self:stretch}.card{padding:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.card:hover{transform:none}}.schedule-note{font-size:14px;color:var(--muted);line-height:1.5;border-left:3px solid var(--accent);margin-bottom:18px}.schedule-embed{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.schedule-embed iframe{display:block;width:100%;height:760px;border:0}@media(max-width:620px){.schedule-embed iframe{height:680px}}.schedule-confirm{margin:14px 0 0;padding:12px 14px;background:#39d98a1a;border:1px solid rgba(57,217,138,.35);border-radius:12px;color:var(--ok);font-size:14px;line-height:1.5}.pay{margin-top:22px;gap:18px}.pay__head h3{margin:0 0 4px;font-size:17px}.pay__desc{margin:0;color:var(--muted);font-size:14px}.pay__options{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.pay__options{grid-template-columns:1fr}}.pay__opt{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px}.pay__opt-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.pay__opt .btn{white-space:nowrap;align-self:flex-start}.pay__opt .btn:disabled{opacity:.55;cursor:not-allowed}.pay__note{margin:0;font-size:12px;color:var(--muted);line-height:1.45}.yappy-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 18px;min-height:48px;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease}.yappy-btn:hover{box-shadow:0 4px 16px #00000040}.yappy-btn:active{transform:translateY(1px)}.yappy-btn__logo{height:46px;width:auto;display:block}.yappy-btn__text{color:#00b9b4;font-weight:800;font-size:20px;letter-spacing:-.01em}.muted-hint{font-size:12px;color:var(--muted)}.field input[type=file]{padding:10px;font-size:14px}