:root{--bg: #121a16;--bg-elevated: #1a2420;--surface: #24302b;--surface-2: #2d3c35;--surface-hover: #364841;--text: #f7f4ec;--text-secondary: #d8e0d9;--muted: #9aaba0;--accent: #e2b85c;--accent-soft: rgba(226, 184, 92, .18);--accent-strong: #f0c96e;--accent-ink: #1f1808;--ok: #6dcc95;--ok-soft: rgba(109, 204, 149, .18);--danger: #ef8b7a;--danger-soft: rgba(239, 139, 122, .16);--border: rgba(247, 244, 236, .12);--border-strong: rgba(226, 184, 92, .42);--shadow: 0 16px 42px rgba(8, 14, 11, .38);--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--touch: 44px;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.75rem;--space-8: 2.5rem;--shell-max: 1200px;--header-h: 64px;--tabbar-h: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);color-scheme:dark;font-family:var(--font-sans);color:var(--text);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 90% 60% at 8% -8%,rgba(226,184,92,.22),transparent 58%),radial-gradient(ellipse 75% 55% at 100% 5%,rgba(72,140,108,.28),transparent 52%),radial-gradient(ellipse 55% 45% at 55% 110%,rgba(40,90,70,.35),transparent 60%),linear-gradient(180deg,#15201b 0%,var(--bg) 42%,#0f1613 100%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ketse-app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + .5rem)}.ketse-shell{width:min(100% - 1.5rem,var(--shell-max));margin:0 auto;padding:calc(var(--safe-top) + 1rem) 0 1.5rem;flex:1}@media(min-width:768px){.ketse-app{padding-bottom:1.5rem}}.ketse-brand{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.35rem);margin:0;color:var(--accent);letter-spacing:.02em;line-height:1.1}.ketse-title{margin:.15rem 0 0;font-size:1.15rem;font-weight:600;color:var(--text)}.ketse-muted{color:var(--muted)}.ketse-lede{margin:.4rem 0 0;color:var(--text-secondary);font-size:.98rem}.ketse-error{color:#ffd4cc;background:var(--danger-soft);border:1px solid rgba(239,139,122,.4);border-radius:var(--radius);padding:.75rem .9rem;margin:.75rem 0 0;font-size:.92rem}.ketse-success{color:#c8f5d9;background:var(--ok-soft);border:1px solid rgba(109,204,149,.35);border-radius:var(--radius);padding:.75rem .9rem;margin:.75rem 0 0;font-size:.92rem}.ketse-banner{margin:0 0 1rem}.ketse-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touch);padding:.65rem 1.1rem;border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.ketse-btn:active:not(:disabled){transform:scale(.98)}.ketse-btn:disabled{opacity:.55;cursor:wait}.ketse-btn--primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:var(--accent-ink);box-shadow:0 8px 24px #e2b85c47}.ketse-btn--primary:hover:not(:disabled){filter:brightness(1.05)}.ketse-btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.ketse-btn--ghost:hover:not(:disabled){background:var(--surface-hover);border-color:#ffffff24}.ketse-btn--danger{background:var(--danger-soft);color:#ffd4cc;border-color:#ef8b7a66}.ketse-btn--danger:hover:not(:disabled){background:#ef8b7a3d}.ketse-btn--sm{min-height:38px;padding:.4rem .85rem;font-size:.9rem}.ketse-btn--block{width:100%}.ketse-field{display:grid;gap:.4rem}.ketse-field>span{font-size:.86rem;color:var(--muted);font-weight:500}.ketse-input,.ketse-select{width:100%;min-height:var(--touch);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.ketse-input:hover,.ketse-select:hover{border-color:#ffffff24}.ketse-input:focus,.ketse-select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.ketse-input::placeholder{color:#9aaba0bf}.ketse-card{background:linear-gradient(165deg,#2d3a34eb,#1c2823f0);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ketse-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ketse-badge--ok{background:var(--ok-soft);color:var(--ok)}.ketse-badge--muted{background:#ffffff0f;color:var(--muted)}.ketse-badge--accent{background:var(--accent-soft);color:var(--accent-strong)}.ketse-badge--pulse:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:ketse-pulse 1.8s ease-out infinite}.ketse-login{min-height:100dvh;display:grid;place-items:center;padding:calc(var(--safe-top) + 1.25rem) 1rem calc(var(--safe-bottom) + 1.25rem);position:relative;z-index:1}.ketse-login-card{width:min(440px,100%);padding:1.85rem 1.5rem 1.6rem;animation:ketse-rise .55s ease both}.ketse-login-card .ketse-brand{font-size:2.6rem}.ketse-login-form{display:grid;gap:.95rem;margin-top:1.4rem}.ketse-login-meta{margin-top:1rem;font-size:.82rem;color:var(--muted);text-align:center}.ketse-header{position:sticky;top:0;z-index:20;margin:calc(-1 * (var(--safe-top) + 1rem)) calc(50% - 50vw) 1rem;padding:calc(var(--safe-top) + .75rem) max(.75rem,calc(50vw - var(--shell-max) / 2)) .75rem;background:#0c100ed1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ketse-header-inner{width:min(100%,var(--shell-max));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ketse-header-actions{display:flex;align-items:center;gap:.5rem}.ketse-header .ketse-brand{font-size:1.65rem}.ketse-header-sub{margin:.1rem 0 0;font-size:.85rem;color:var(--muted)}.ketse-server-details{margin:0}.ketse-server-details>summary{list-style:none;cursor:pointer;color:var(--muted);font-size:.85rem;padding:.4rem .65rem;border-radius:999px;border:1px solid var(--border)}.ketse-server-details>summary::-webkit-details-marker{display:none}.ketse-server-details[open]>summary{border-color:var(--border-strong);color:var(--accent)}.ketse-server-panel{position:absolute;right:max(.75rem,calc(50vw - var(--shell-max) / 2));margin-top:.5rem;width:min(320px,calc(100vw - 1.5rem));padding:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.ketse-api-desktop{display:none}@media(min-width:900px){.ketse-server-details{display:none}.ketse-api-desktop{display:block;width:min(260px,28vw);min-height:40px}}.ketse-event-bar{display:grid;gap:.85rem;margin-bottom:1.15rem;padding:1rem}.ketse-event-bar-row{display:grid;gap:.65rem}@media(min-width:720px){.ketse-event-bar-row{grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) auto;align-items:end}}.ketse-pairing{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--border-strong)}.ketse-pairing-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.ketse-pairing-code{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2rem);letter-spacing:.18em;color:var(--accent-strong);margin:0}.ketse-pairing-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.ketse-menu-qr{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.ketse-menu-qr-text{flex:1;min-width:12rem}.ketse-menu-qr-url{margin:.35rem 0 .65rem;font-size:.82rem;color:var(--muted);word-break:break-all}.ketse-menu-qr-img{border-radius:12px;background:#fff;padding:8px;border:1px solid var(--border)}.ketse-public-menu{position:relative;z-index:1;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(226,184,92,.16),transparent),linear-gradient(165deg,#15201b,#1a2a24 45%,#121a16);color:var(--text);padding:1.25rem 1rem 3rem;font-family:var(--font-sans)}.ketse-public-menu-hero{text-align:center;margin-bottom:1.5rem}.ketse-public-menu-brand{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem;font-size:.85rem}.ketse-public-menu-hero h1{font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.4rem);margin:0;font-weight:700}.ketse-public-menu-sub{margin:.4rem 0 0;color:var(--text-secondary);font-size:.95rem}.ketse-public-menu-status{text-align:center;color:var(--muted)}.ketse-public-menu-cats{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:1.25rem}.ketse-public-menu-cats button{border:1px solid var(--border-strong);background:#ffffff0d;color:var(--text);border-radius:999px;padding:.45rem .9rem;font-weight:600;min-height:40px}.ketse-public-menu-cats button.is-active{background:var(--accent);color:var(--accent-ink);border-color:transparent}.ketse-public-menu-section{max-width:36rem;margin:0 auto 1.25rem}.ketse-public-menu-section h2{font-family:var(--font-display);font-size:1.15rem;color:var(--accent);margin:0 0 .65rem}.ketse-public-menu-section ul{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#121a168c}.ketse-public-menu-section li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.ketse-public-menu-section li:last-child{border-bottom:none}.ketse-public-menu-section strong{color:var(--accent-strong);white-space:nowrap}.ketse-tabs-desktop{display:none;gap:.35rem;padding:.3rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;margin-bottom:1.15rem;width:fit-content;max-width:100%}.ketse-tabs-desktop .ketse-tab{border:none;background:transparent;color:var(--muted);min-height:42px;padding:.55rem 1.15rem;border-radius:999px;font-weight:600}.ketse-tabs-desktop .ketse-tab[aria-current=page]{background:var(--accent);color:var(--accent-ink)}.ketse-tabs-mobile{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.45rem .55rem calc(.45rem + var(--safe-bottom));background:#0c100eeb;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ketse-tabs-mobile .ketse-tab{border:none;background:transparent;color:var(--muted);min-height:52px;border-radius:var(--radius);font-size:.82rem;font-weight:600;display:grid;place-items:center;gap:.15rem}.ketse-tabs-mobile .ketse-tab[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}.ketse-tab-icon{font-size:1.05rem;line-height:1}@media(min-width:768px){.ketse-tabs-desktop{display:flex}.ketse-tabs-mobile{display:none}}.ketse-panel{animation:ketse-fade .28s ease both}.ketse-live-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.ketse-stat{padding:1rem 1.1rem}.ketse-stat-label{margin:0;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.ketse-stat-value{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(1.55rem,4vw,2rem);color:var(--text);line-height:1.1}.ketse-till-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.ketse-till-grid{grid-template-columns:1fr 1fr}}.ketse-till{padding:1.15rem 1.2rem 1.2rem;min-height:220px;display:flex;flex-direction:column;gap:.75rem}.ketse-till.online{border-color:#5fbf8a59;box-shadow:0 0 0 1px #5fbf8a14,var(--shadow)}.ketse-till.offline{opacity:.88}.ketse-till-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.ketse-till h2{margin:0;font-size:1.2rem}.ketse-till-meta{margin:0;font-size:.92rem;color:var(--text-secondary)}.ketse-cart{list-style:none;padding:0;margin:0;flex:1}.ketse-cart li{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-top:1px solid var(--border);font-size:.95rem}.ketse-cart li:first-child{border-top:none}.ketse-empty-hint{margin:0;padding:1rem;border-radius:var(--radius);background:#ffffff08;border:1px dashed var(--border);color:var(--muted);font-size:.95rem}.ketse-till-settings{margin-top:auto;border-top:1px solid var(--border);padding-top:.65rem}.ketse-till-settings summary{cursor:pointer;color:var(--accent);font-weight:600;min-height:36px;display:flex;align-items:center}.ketse-catalog-toolbar{position:sticky;top:calc(var(--safe-top) + 3.5rem);z-index:10;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-bottom:1rem;padding:.75rem;background:#0c100ee6;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ketse-section-title{margin:1.35rem 0 .65rem;font-size:1.05rem;font-weight:700}.ketse-list{display:grid;gap:.65rem}.ketse-list-item{display:grid;gap:.65rem;padding:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}@media(min-width:720px){.ketse-list-item{grid-template-columns:1.4fr auto auto auto;align-items:center}.ketse-list-item--product{grid-template-columns:1.3fr .7fr 1fr auto auto}}.ketse-switch{display:inline-flex;align-items:center;gap:.55rem;min-height:var(--touch);color:var(--text-secondary);font-size:.9rem;-webkit-user-select:none;user-select:none}.ketse-switch input{appearance:none;width:42px;height:26px;border-radius:999px;background:#ffffff1f;border:1px solid var(--border);position:relative;cursor:pointer;transition:background .15s ease}.ketse-switch input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text);transition:transform .15s ease}.ketse-switch input:checked{background:var(--accent);border-color:var(--accent)}.ketse-switch input:checked:after{transform:translate(16px);background:var(--accent-ink)}.ketse-devices-intro{margin:0 0 1rem;color:var(--muted);font-size:.95rem}.ketse-device-card{padding:.85rem;margin-bottom:.75rem}.ketse-device-head{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.ketse-device-head strong{font-size:1.05rem}.ketse-device-meta{color:var(--muted);font-size:.85rem;flex:1 1 160px}.ketse-device-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.ketse-device-settings{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.ketse-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.55rem 1rem;margin:.65rem 0 0}.ketse-settings-item{margin:0}.ketse-settings-item dt{color:var(--muted);font-size:.75rem;margin:0}.ketse-settings-item dd{margin:.15rem 0 0;word-break:break-word}.ketse-settings-editor{display:grid;gap:.9rem}.ketse-logo-editor{padding:.85rem;border-radius:var(--radius);border:1px solid var(--border);background:#0000002e}.ketse-logo-preview{display:block;max-width:min(100%,280px);max-height:96px;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:10px;padding:8px;border:1px solid var(--border)}.ketse-logo-placeholder{display:flex;align-items:center;justify-content:center;min-height:72px;max-width:280px;border-radius:10px;border:1px dashed var(--border-strong);color:var(--muted);font-size:.88rem;background:#ffffff08}.ketse-settings-editor-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:720px){.ketse-settings-editor-grid{grid-template-columns:repeat(2,1fr)}}.ketse-settings-toggles{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.ketse-settings-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}@keyframes ketse-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ketse-fade{0%{opacity:0}to{opacity:1}}@keyframes ketse-pulse{0%{box-shadow:0 0 #5fbf8a8c}70%{box-shadow:0 0 0 8px #5fbf8a00}to{box-shadow:0 0 #5fbf8a00}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}