:root{color-scheme:dark;--app-height: 100dvh;--bg: #202020;--bg-elevated: #272727;--surface: #202020;--surface-hover: #282727;--border: #434547;--text: #e8edf5;--text-muted: #999999;--accent: #34c659;--accent-bright: #34db5e;--accent-text: #04221c;--accent-glow: rgba(46, 230, 190, .35);--lilac-bright: #e9d5ff;--lilac: #c084fc;--lilac-deep: #7c3aed;--lilac-text: #f8f4ff;--lilac-glow: rgba(168, 85, 247, .4);--danger: #f87171;--danger-muted: #fca5a5}*,*:before,*:after{box-sizing:border-box}html{height:var(--app-height);overflow:hidden}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);height:var(--app-height);overflow:hidden;overscroll-behavior:none}#root{height:100%;display:flex;flex-direction:column;min-height:0}.layout{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;max-width:920px;margin:0 auto;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));width:100%}.app-brand{display:flex;align-items:center;gap:8px;min-width:0}.app-brand-button{margin:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:left;color:inherit}.app-logo{flex-shrink:0;width:28px;height:28px;border-radius:6px;object-fit:cover}.app-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.app-cafe-name{display:none}header{display:flex;justify-content:space-between;align-items:center;gap:8px}.toolbar{display:flex;gap:8px;align-items:center}.btn{border:1px solid var(--border);border-radius:8px;padding:9px 14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .08s ease}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.btn-menu{width:100%;text-align:left}.btn-accent{background:linear-gradient(165deg,var(--accent-bright) 0%,var(--accent) 55%,#1ab89a 100%);border-color:transparent;color:var(--accent-text);box-shadow:0 0 0 1px #ffffff1f inset,0 2px 12px var(--accent-glow)}.btn-accent:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 0 0 1px #ffffff2e inset,0 4px 18px var(--accent-glow)}.btn-accent:active:not(:disabled){transform:scale(.98)}.btn-lilac{background:linear-gradient(165deg,var(--lilac-bright) 0%,var(--lilac) 45%,var(--lilac-deep) 100%);border-color:transparent;color:var(--lilac-text);text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 0 0 1px #ffffff1a inset,0 2px 12px var(--lilac-glow)}.btn-lilac:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 0 0 1px #ffffff29 inset,0 4px 18px var(--lilac-glow)}.btn-lilac:active:not(:disabled){transform:scale(.98)}.btn-order-comment{background:transparent;border-color:#6f6f6f;color:var(--text);box-shadow:none}.btn-order-comment:hover:not(:disabled){background:#ffffff0d;border-color:#6f6f6f}.btn-order-comment:active:not(:disabled){transform:scale(.98)}.btn-order-cash{background:#fef249;border-color:#fef249;color:#000;box-shadow:none;text-shadow:none}.btn-order-cash:hover:not(:disabled){filter:brightness(.97)}.btn-order-cash:active:not(:disabled){transform:scale(.98)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:#3d4f68}.btn-icon{min-width:44px;padding-left:10px;padding-right:10px;font-size:1.25rem;line-height:1}.toolbar-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:.9rem;max-width:min(200px,46vw)}.toolbar-select option{background:var(--surface);color:var(--text)}main{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:16px}.chat-title{flex-shrink:0;font-size:.875rem;color:var(--text-muted);margin-bottom:8px}.chat-frame{flex:1;min-height:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000059}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overflow-anchor:none;padding:12px}.chat-scroll>.message,.chat-scroll>.load-older{margin-bottom:10px}.chat-scroll>.message:last-child,.chat-scroll>.load-older:last-child{margin-bottom:0}.load-older{position:sticky;top:0;z-index:2;padding-bottom:8px;margin-bottom:4px;background:linear-gradient(to bottom,var(--bg-elevated) 72%,transparent)}.message{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text)}.message-text{white-space:pre-line;word-break:break-word;line-height:1.45}.message-text:first-line{font-weight:700;color:var(--text)}.message-text-order-card:first-line{font-size:1.4em}.message-text-cash-rejection,.message-text-cash-rejection:first-line{color:#ff2845}.actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.burger-button{display:inline-flex;align-items:center;justify-content:center}.mobile-menu{margin-top:8px;margin-left:auto;width:min(280px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 40px #00000073}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;color:var(--text)}.status-card.error{border-color:#f871718c;color:var(--danger-muted)}.invite-entry{margin:0;display:grid;gap:12px}.status-card+.invite-entry{margin-top:12px}.invite-entry p{margin:0;line-height:1.45}.invite-entry-form{display:grid;gap:10px}.invite-entry-input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.invite-entry-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.invite-entry-note{margin:0;font-size:.9rem;color:var(--muted, #9ca3af);line-height:1.45}.invite-entry-error{margin:0;color:var(--danger-muted);font-size:.9rem}.install-banner{margin:12px 16px 0;padding:14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:grid;gap:12px}.install-banner .row{display:flex;gap:10px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);padding:11px 16px;border-radius:10px;box-shadow:0 0 0 1px var(--accent-glow),0 12px 40px #00000080;z-index:999;max-width:min(92vw,420px);font-size:.9rem}.chat-scroll-manager{padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column}.manager-orders{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.manager-tabs{display:flex;gap:24px;padding:12px 16px 0;border-bottom:1px solid var(--border);flex-shrink:0}.manager-orders-scroll{flex:1;min-height:0;overflow-y:auto;overflow-anchor:none;padding:12px}.manager-orders-scroll>.order-card{margin-bottom:15px}.manager-orders-scroll>.load-older{margin-bottom:15px}.manager-orders-scroll>.order-card:last-child{margin-bottom:0}.manager-tab{background:none;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;text-transform:lowercase;padding:0 0 10px;cursor:pointer;border-bottom:3px solid transparent}.manager-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.manager-tab-archive.manager-tab-active{color:var(--lilac);border-bottom-color:var(--lilac)}.manager-empty{color:var(--text-muted);text-align:center;padding:24px 12px}.order-card{border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.order-card-header{display:flex;align-items:stretch;background:#464646}.order-card-header-main{flex:1 1 75%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:none;border:none;border-right:1px solid #757575;color:var(--text);text-align:left;cursor:pointer}.order-card-chevron{font-size:.75rem;opacity:.85}.order-card-title{display:flex;flex-direction:column;gap:2px}.order-card-number{font-weight:300;font-size:1.3rem}.order-card-time{font-size:1.3rem;color:var(--text-muted)}.order-card-call{flex:0 0 25%;max-width:25%;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border);color:var(--accent);text-decoration:none;font-size:1.5rem;line-height:1}.order-card-call i{display:block}.order-card-call-disabled{opacity:.35}.order-card-details{padding:12px 14px;border-top:1px dashed var(--border);white-space:pre-line;line-height:1.45}.order-card-phone{color:var(--accent);font-weight:700;margin-bottom:8px}.order-card-description{padding:8px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.order-card-comment{margin-top:10px;border-right:1px solid #b99400}.order-card-actions{display:flex}.order-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45em;border:none;padding:14px 10px;font-size:.95rem;font-weight:300;letter-spacing:.02em;cursor:pointer}.order-action-cash i{font-size:1.05em}.order-action:disabled{cursor:default}.order-action-take{background:var(--accent);color:#111}.order-action-comment,.order-action-cash{background:#fc0;color:#111}.order-action-ready{background:#00c2e0;color:#111}.order-action-picked{background:#5856d6;color:#fff}.order-action-archived{background:#8e8e93;color:#111}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c}.modal-card{width:min(100%,360px);padding:20px;border-radius:12px;background:#1c1c1e;color:#f2f2f7;box-shadow:0 12px 40px #00000073}.modal-title{margin:0 0 12px;font-size:1.125rem;font-weight:600}.modal-text{margin:0 0 12px;font-size:.9375rem;line-height:1.45}.modal-text-muted{color:#aeaeb2;font-size:.875rem}.modal-qr-wrap{display:flex;justify-content:center;margin:16px 0;padding:12px;border-radius:8px;background:#fff}.modal-qr{display:block;max-width:100%;height:auto}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.day-orders-card{width:min(100%,520px);max-height:calc(var(--app-height) - 32px);display:flex;flex-direction:column}.day-orders-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.day-orders-title{flex:1;margin:0;text-align:center}.day-orders-list{flex:1;min-height:0;overflow-y:auto;margin-bottom:12px}.day-orders-row{padding:10px 0;border-top:1px solid var(--border)}.day-orders-row:first-child{border-top:none;padding-top:0}.day-orders-row-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px}.day-orders-time{font-variant-numeric:tabular-nums;font-weight:600}.day-orders-code{font-weight:600}.day-orders-name{color:var(--text-muted);font-size:.875rem}.day-orders-line{font-size:.9375rem;line-height:1.4}.day-orders-line-missed{color:var(--danger-muted)}.day-orders-line-muted{color:#aeaeb2;font-size:.875rem}.day-orders-error{color:var(--danger-muted)}@media (min-width: 769px){.app-cafe-name{display:inline-block;min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;color:var(--text-muted)}.chat-frame{min-height:420px}}@media (max-width: 768px){.layout{padding:12px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px))}header{align-items:flex-start}.toolbar{width:100%;justify-content:flex-end;flex-wrap:wrap}.toast{bottom:12px}}