:root{--bg:#22242a;--bg-panel:#2b2e35;--bg-panel-raised:#32353d;--bg-input:#1d1f24;--line:#3d4048;--line-soft:#34373e;--text:#edeef1;--text-dim:#b4b8c0;--text-faint:#9a9fa8;--accent:#db8a34;--accent-hover:#ec9a40;--accent-text:#1d1508;--ok:#5aa579;--ok-bg:#5aa57924;--warn:#db8a34;--warn-bg:#db8a3424;--info:#6c93c7;--info-bg:#6c93c724;--done:#6c7078;--done-bg:#6c707829;--danger:#c1543f;--danger-bg:#c1543f24;--radius-s:6px;--radius-m:10px;--radius-l:16px;--font-head:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{min-height:100vh;min-height:100dvh}html{scroll-padding-top:var(--safe-t)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);padding-top:var(--safe-t);padding-bottom:var(--safe-b);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.01em;margin:0;font-weight:600}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}a{color:inherit}[hidden]{display:none!important}::selection{color:var(--text);background:#db8a3459}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{caret-color:var(--accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.ikona{flex:none;width:20px;height:20px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-track{background:0 0}#app{flex-direction:column;display:flex}.btn{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--bg-panel-raised);color:var(--text);white-space:nowrap;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s,transform .12s ease-out;display:inline-flex}.btn:hover{border-color:#4a4e58}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:var(--bg-panel-raised)}.btn-danger{color:var(--danger)}.btn-ghost.btn-danger:hover{color:var(--danger);background:var(--danger-bg)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{min-height:36px;padding:6px 12px;font-size:13px}.btn-lg{min-height:48px;padding:11px 16px;font-size:15px}.btn-full{justify-content:center;width:100%}.btn-issue{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-issue:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.confirming{background:var(--danger);border-color:var(--danger);color:#fff}.linklike{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.linklike:hover{text-underline-offset:3px;text-decoration:underline}main{flex:1;width:100%;max-width:980px;margin:0 auto;padding:18px 20px 60px}.banner{border-radius:var(--radius-m);border:1px solid var(--line-soft);align-items:center;gap:10px;margin-bottom:16px;padding:11px 14px;font-size:13.5px;display:flex}.banner-info{background:var(--info-bg);color:#bfd3ee;border-color:#6c93c759}.banner-warn{background:var(--warn-bg);color:#f3c583;border-color:#db8a3459}.banner-danger{background:var(--danger-bg);color:#ebaa9c;border-color:#c1543f59}.banner-ok{background:var(--ok-bg);color:#a9ddbd;border-color:#5aa57959}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-s);min-width:180px;min-height:44px;color:var(--text);flex:1;padding:9px 12px;font-size:16px}.search:focus{border-color:var(--accent);outline:none}.search::placeholder{color:var(--text-faint)}.chip-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.chip{border:1px solid var(--line);color:var(--text-dim);background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-size:13.5px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s,transform .12s ease-out;display:inline-flex}.chip-n{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.chip.active .chip-n{color:var(--accent-text)}.archive-link{min-height:36px;margin-left:auto;padding:0 4px;font-size:13.5px}.list-group+.list-group{margin-top:22px}.list-section{font-family:var(--font-body);color:var(--text-dim);align-items:baseline;gap:6px;margin:0 0 8px;font-size:13.5px;font-weight:700;display:flex}.list-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-weight:600}.list{flex-direction:column;gap:8px;display:flex}.row{cursor:pointer;background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius-m);text-align:left;width:100%;color:inherit;grid-template-columns:52px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:10px 14px;transition:border-color .12s,filter .12s,transform .14s ease-out;display:grid}.row:hover{border-color:#4a4e58}.row.order-row{grid-template-columns:64px minmax(0,1fr) auto auto;grid-template-areas:"thumb head meta action""thumb sub meta action";gap:2px 14px}.row.client-row{grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"thumb head meta""thumb sub meta";gap:2px 14px}.row>.thumb,.row>.avatar{grid-area:thumb}.row.order-row>.thumb{width:64px;height:64px}.row-head{grid-area:head;align-items:center;gap:8px;min-width:0;display:flex}.row>.row-sub{grid-area:sub;min-width:0}.row-meta{flex-direction:column;grid-area:meta;align-items:flex-end;gap:2px;display:flex}.row-action{grid-area:action;justify-content:flex-end;display:flex}.row-name,.row-phone{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-phone{color:var(--text-faint);font-variant-numeric:tabular-nums}.row-note{color:var(--text-faint);white-space:nowrap;font-size:13px;font-style:italic}.row.staff-row{cursor:default;grid-template-columns:42px minmax(0,1fr) auto}.staff-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.thumb{border-radius:var(--radius-s);background:var(--bg-input);border:1px solid var(--line-soft);width:52px;height:52px;color:var(--text-faint);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumb .ikona-felga{width:26px;height:26px}.thumb img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.thumb-fallback{z-index:0;display:flex;position:relative}.avatar{background:var(--bg-input);border:1px solid var(--line-soft);width:42px;height:42px;color:var(--text-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.row-main{min-width:0}.row-num{font-family:var(--font-head);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.row-sub{color:var(--text-dim);font-size:13.5px;overflow:hidden}.row-price{font-family:var(--font-head);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.row-date{color:var(--text-faint);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.queue-tag{color:var(--accent);margin-top:2px;font-size:13px;font-weight:600}.pill{white-space:nowrap;border-radius:999px;flex:none;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.pill-przyjete{background:var(--info-bg);color:#9dbfeb}.pill-gotowe{background:var(--ok-bg);color:#8fd3aa}.pill-wydane{background:var(--done-bg);color:var(--text-dim)}.row.row-status-przyjete{background:#2a303c;border-color:#6c93c747}.row.row-status-gotowe{background:#263029;border-color:#5aa57952}.row.row-status-wydane{background:var(--bg-panel)}.row.row-status-przyjete:hover{border-color:#6c93c799}.row.row-status-gotowe:hover{border-color:#5aa579a6}.quick-btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:6px 16px;font-size:14px;font-weight:700;transition:background-color .12s,color .12s,border-color .12s,filter .12s,transform .12s ease-out;display:inline-flex;box-shadow:0 1px 2px #00000040}.quick-btn .ikona{stroke-width:2.4px;width:18px;height:18px}.quick-btn:disabled{opacity:.5}.quick-btn-gotowe{background:var(--ok);color:#12271a}.quick-btn-gotowe:hover{background:#6fc392}.quick-btn-wydane{background:var(--accent);color:var(--accent-text)}.quick-btn-wydane:hover{background:var(--accent-hover)}.quick-btn-wydane.confirming{background:var(--danger);color:#fff}.empty{text-align:center;color:var(--text-dim);padding:60px 20px}.empty h3{color:var(--text);margin-bottom:6px;font-size:16px}.empty p{max-width:340px;margin:0 auto;font-size:14px}.spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-loading{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:80px 0;display:flex}.login-wrap{max-width:380px;margin:60px auto 0}.login-wrap h2{margin-bottom:18px;font-size:20px}.login-wrap .field input[type=email],.login-wrap .field input[type=password]{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-s);width:100%;min-height:44px;color:var(--text);padding:10px 12px;font-size:16px}.login-wrap .field input:focus{border-color:var(--accent);outline:none}.offline-bar{z-index:30;text-align:center;background:var(--danger);color:#fff;padding:8px 12px;font-size:13px;font-weight:600;position:sticky;top:0}body.offline [data-write]{pointer-events:none;opacity:.45}button,a,[role=button],.autocomplete-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active,.row[role=button]:active,.chip:active,.quick-btn:active,.client-chip:active,.account-btn:active,.tab:active,.autocomplete-item:active{transition-duration:40ms}.btn:active:not(:disabled){background-color:#3a3d46;transform:scale(.97)}.btn-primary:active:not(:disabled),.btn-issue:active:not(:disabled){background-color:#c27728;border-color:#c27728}.btn-ghost:active:not(:disabled){background-color:var(--bg-panel-raised);color:var(--text)}.btn-ghost.btn-danger:active:not(:disabled){background-color:var(--danger-bg);color:var(--danger)}.btn.confirming:active:not(:disabled){background-color:#a8452f}.btn-new:active:not(:disabled){transform:scale(.92)}.row[role=button]:active:not(:has(.quick-btn:active)){filter:brightness(1.12);transform:scale(.98)}.chip:active{background-color:var(--bg-panel-raised);color:var(--text);transform:scale(.96)}.chip.active:active{color:var(--accent-text);background-color:#c27728;border-color:#c27728}.quick-btn:active:not(:disabled){filter:brightness(.88);transform:scale(.95)}.client-chip{transition:background-color .12s,border-color .12s,color .12s,transform .12s ease-out}.client-chip:active{border-color:var(--accent);color:var(--accent);background-color:#3a3d46;transform:scale(.96)}.account-btn{transition:background-color .12s,border-color .12s,transform .12s ease-out}.account-btn:active{background-color:var(--bg-panel-raised);transform:scale(.97)}.tab{transition:background-color .12s,color .12s}.tab:active:not(.active){color:var(--text);background-color:#ffffff0f}.autocomplete-item{transition:background-color .12s}.autocomplete-item:active{background-color:var(--bg-input)}.seg-btn:active:not(:disabled):not([aria-pressed=true]){color:var(--text);background-color:#ffffff12}.linklike:active,.kv-link:active{opacity:.7}.photo-rm:active,.lightbox-close:active,.photo-thumb .rm:active{background-color:#3c3e46f2}@media (prefers-reduced-motion:reduce){.btn:active,.btn-new:active,.row[role=button]:active,.chip:active,.quick-btn:active,.client-chip:active,.account-btn:active{transform:none!important}}