@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--bg:#0a0a0b;--panel:#131316;--panel-2:#0e0e10;--field-bg:#121214;--border:#1c1c20;--border-2:#1f1f23;--border-strong:#2a2a2e;--border-soft:#161619;--accent:#E5342E;--accent-hover:#c92822;--text:#f4f4f2;--text-2:#c8c8c6;--text-dim:#a8a8a6;--text-3:#9a9a9e;--muted:#8a8a8e;--muted-2:#7a7a80;--muted-dim:#6a6a70;--ok:#36C28A;--warn:#E0A52A;--info:#8AA6C8;--danger-text:#F2534D;--accent-soft:rgba(229,52,46,0.08);--warn-soft:rgba(224,165,42,0.07);--ok-soft:rgba(54,194,138,0.08);--font-ui:"Manrope",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:30px;--s8:34px;--focus-ring:0 0 0 3px rgba(229,52,46,0.13)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}input{font-family:var(--font-ui);width:100%;background:var(--panel);border:1px solid var(--border-strong);color:var(--text);padding:12px 14px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.searchbox input:focus{box-shadow:none}.btn{border:none;background:var(--accent);color:#fff;font:700 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:13px 16px;cursor:pointer;width:100%;transition:background .15s ease,transform .07s ease,opacity .15s ease}.btn:hover{background:#cf2f29}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.card{border:1px solid var(--border);background:var(--panel-2)}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border-soft);font-size:13px}th{color:var(--muted);font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.att-card:focus-visible,.chip:focus-visible,.nav-item:focus-visible,.pos-product:focus-visible,.qty-btn:focus-visible,.roster-row:focus-visible,.type-card:focus-visible,.x-btn:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-160%);background:var(--accent);color:#fff;font:700 12px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:11px 16px;transition:transform .16s ease}.skip-link:focus{transform:none;outline:2px solid #fff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{display:flex;align-items:flex-start}.sidebar{width:232px;flex:none;border-right:1px solid var(--border);padding:16px 0;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}@media (max-width:720px){.sidebar{display:none}}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:64px;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:rgba(10,10,11,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px;flex:none}.brand .marks{display:flex;gap:4px}.brand .mark{width:26px;height:26px;border:1.5px solid var(--text);display:flex;align-items:center;justify-content:center;font:800 13px var(--font-mono)}.brand .divider{height:22px;width:1px;background:#28282c}.brand .subtitle{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}@media (max-width:900px){.brand .divider,.brand .subtitle{display:none}}.burger{display:none;flex:none;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border-strong);background:transparent;color:var(--text);cursor:pointer}.burger:hover{border-color:#3a3a40}@media (max-width:720px){.burger{display:inline-flex}}.navdrawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90;animation:fadeIn .18s ease}.navdrawer{position:fixed;top:0;left:0;bottom:0;width:264px;max-width:84vw;z-index:91;background:var(--panel-2);border-right:1px solid #26262a;display:flex;flex-direction:column;padding:14px 0;overflow-y:auto;animation:navIn .24s cubic-bezier(.2,.7,.3,1)}@keyframes navIn{0%{transform:translateX(-30px);opacity:.4}to{transform:none;opacity:1}}.topbar-search{flex:1 1;display:flex;justify-content:center;padding:0 20px}.topbar-search .searchbox{width:100%;max-width:460px}@media (max-width:720px){.topbar-search{display:none}}.kassa-widget{display:flex;align-items:center;gap:10px;border:1px solid var(--border-strong);background:var(--panel);padding:6px 12px;cursor:pointer;flex:none}.kassa-widget:hover{border-color:#3a3a40}.kassa-widget .kw-label{font:600 8.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1}.kassa-widget .kw-value{font:800 14px var(--font-ui);color:var(--text);line-height:1.2;margin-top:2px}@media (max-width:520px){.kassa-widget{display:none}}.avatar-btn{width:38px;height:38px;border:1px solid var(--border-strong);background:var(--accent);color:#fff;font:800 13px var(--font-mono);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}.avatar-btn:hover{border-color:#3a3a40}.popover{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:var(--panel-2);border:1px solid #26262a;z-index:71;box-shadow:0 24px 60px rgba(0,0,0,.6)}.popover-item{width:100%;display:flex;align-items:center;gap:11px;border:none;background:transparent;color:var(--text);font:600 13px var(--font-ui);padding:12px 16px;cursor:pointer;text-align:left}.popover-item:hover{background:#151517}.sidebar .menu-label{padding:4px 18px 14px;font:600 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:11px 18px;border:none;border-left:3px solid transparent;background:transparent;color:var(--text-3);font:600 14px var(--font-ui);cursor:pointer;text-align:left;letter-spacing:.005em}.nav-item.active,.nav-item:hover{color:var(--text)}.nav-item.active{background:#151517;border-left-color:var(--accent)}.nav-item.disabled{color:#55555b;cursor:default}.nav-item.disabled:hover{color:#55555b}.nav-item.disabled .soon{margin-left:auto;font:600 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#44444a;border:1px solid #26262a;padding:2px 5px}.main{flex:1 1;min-width:0;overflow-x:hidden}.main:focus{outline:none}.page{padding:30px 34px 60px;animation:screenIn .25s ease}@media (max-width:720px){.page{padding:20px 16px 90px}}.eyebrow{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.page-h1{font:800 30px var(--font-ui);letter-spacing:-.02em;margin:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;background:var(--accent);color:#fff;font:700 12px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:12px 18px;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .07s ease,opacity .15s ease}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-strong);background:transparent;color:var(--text);font:700 11px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:11px 14px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,transform .07s ease,opacity .15s ease}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn-ghost:disabled{opacity:.5;cursor:default}.btn-ghost.blue:hover{border-color:var(--info);color:var(--info)}.chip{border:1px solid var(--border-strong);background:transparent;color:var(--text-3);font:700 11px var(--font-mono);letter-spacing:.04em;padding:8px 13px;cursor:pointer;white-space:nowrap}.chip:hover{color:var(--text)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.searchbox{display:flex;align-items:center;border:1px solid var(--border-strong);background:var(--panel);padding:0 12px}.searchbox input{flex:1 1;width:auto;background:transparent;border:none;outline:none;color:var(--text);font:500 14px var(--font-ui);padding:11px 10px}.searchbox input:focus{border:none}.grid-head{padding:12px 20px;border-bottom:1px solid var(--border-2);font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.grid-row{padding:13px 20px;border-bottom:1px solid var(--border-soft);align-items:center}.grid-row.click{cursor:pointer}.grid-row.click:hover{background:#17171a}.avatar{flex:none;display:flex;justify-content:center;background:var(--border-2);color:#b0b0ae;font-family:var(--font-mono);font-weight:700}.avatar,.tag{align-items:center}.tag{display:inline-flex;gap:7px;border:1px solid var(--border-strong);padding:4px 9px;font:600 11px var(--font-mono)}.dot{width:6px;height:6px;flex:none}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}.modal{border:1px solid #26262a;box-shadow:0 30px 90px rgba(0,0,0,.65);animation:modalIn .22s ease;max-height:92vh;overflow-y:auto;width:100%;max-width:100%}.modal,.modal-head{background:var(--panel-2)}.modal-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:2}.modal-title{font:800 19px var(--font-ui);letter-spacing:-.01em}.x-btn{border:1px solid var(--border-strong);background:transparent;color:var(--text-3);width:30px;height:30px;cursor:pointer;font-size:16px;line-height:1;flex:none}.x-btn:hover{color:#fff;border-color:#444}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100%;background:var(--panel-2);border-left:1px solid #26262a;z-index:61;overflow-y:auto;animation:drawerIn .26s cubic-bezier(.2,.7,.3,1)}.field-label{display:block;font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.field-label .opt{color:var(--muted-2);text-transform:none;letter-spacing:0}.field-input,.field-select,.field-textarea{width:100%;background:var(--field-bg);border:1px solid var(--border-strong);color:var(--text);font:500 15px var(--font-ui);padding:12px 14px;outline:none}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.field-textarea{min-height:64px;resize:vertical;line-height:1.5;font-size:14px}.field-select{font-weight:600;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-wrap{position:relative}.select-wrap .caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.mono-input{font-family:var(--font-mono)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:95;background:var(--text);color:var(--bg);padding:12px 18px;font:700 13px var(--font-ui);display:flex;align-items:center;gap:12px;max-width:92vw;animation:toastIn .25s ease;box-shadow:0 12px 40px rgba(0,0,0,.5)}.toast.err{color:#fff}.toast .dot,.toast.err{background:var(--accent)}.toast .dot{width:8px;height:8px}.toast.err .dot{background:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes drawerIn{0%{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}select option{background:var(--field-bg)}.pos-grid{display:grid;grid-template-columns:1fr 380px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:880px){.pos-grid{grid-template-columns:1fr}}.pos-product{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--border-2);background:var(--panel-2);cursor:pointer;text-align:left;width:100%}.pos-product:hover{border-color:var(--accent);background:#141416}.pos-product:disabled{opacity:.5;cursor:default}.pos-product:disabled:hover{border-color:var(--border-2);background:var(--panel-2)}.qty-stepper{display:flex;align-items:center;border:1px solid var(--border-strong);flex:none}.qty-btn{border:none;background:transparent;color:var(--text-2);cursor:pointer;width:30px;height:30px;font:700 16px var(--font-ui);line-height:1}.qty-btn:hover{color:var(--accent)}.qty-btn:disabled{color:#3a3a40;cursor:default}.metric{border:1px solid var(--border-2);background:var(--panel);padding:16px 18px}.metric .m-label{font:600 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:7px}.metric .m-value{font:800 24px var(--font-ui);letter-spacing:-.02em;line-height:1}.metric .m-unit{font:600 12px var(--font-mono);color:var(--muted);margin-left:5px}.att-card:hover{background:#17171a!important}.roster-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;width:100%;text-align:left;color:var(--text)}.roster-row:hover{border-color:var(--border-strong);background:var(--panel)}.roster-row:disabled{cursor:default}.check-box{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center}.check-box.on{background:var(--accent)}.check-box.off{border:2px solid #3a3a40}.icon-adj:hover:not(:disabled){border-color:var(--hc,#E5342E)!important;color:var(--hc,#E5342E)!important}.icon-adj:disabled{opacity:.4;cursor:default}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;font:600 13px var(--font-ui);border:1px solid var(--border-strong);background:var(--panel)}.banner .b-dot{width:8px;height:8px;flex:none}.banner.error{border-color:rgba(229,52,46,.4);background:rgba(229,52,46,.07);color:var(--danger-text)}.banner.error .b-dot{background:var(--accent)}.banner.warn{border-color:rgba(224,165,42,.35);background:var(--warn-soft);color:#d8c89a}.banner.warn .b-dot{background:var(--warn)}.banner.ok{border-color:rgba(54,194,138,.3);background:var(--ok-soft);color:var(--ok)}.banner.ok .b-dot{background:var(--ok)}.skeleton{background:linear-gradient(90deg,#141417 25%,#1b1b1f 37%,#141417 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-wrap:before{content:"";position:absolute;top:18%;left:50%;width:520px;height:520px;transform:translateX(-50%);pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(229,52,46,.1),rgba(229,52,46,0) 62%);animation:glowPulse 7s ease-in-out infinite}.auth-inner{width:100%;max-width:360px;position:relative;z-index:1;animation:authIn .45s cubic-bezier(.2,.7,.3,1) both}.auth-logo{gap:4px;margin-bottom:20px}.auth-logo,.auth-logo .mark{display:flex;justify-content:center}.auth-logo .mark{width:30px;height:30px;border:1.5px solid var(--text);align-items:center;font:800 14px var(--font-mono);animation:markIn .5s cubic-bezier(.2,.8,.3,1) both}.auth-logo .mark:first-child{animation-delay:.05s}.auth-logo .mark:nth-child(2){animation-delay:.11s}.auth-logo .mark:nth-child(3){animation-delay:.17s}.auth-logo .mark:nth-child(4){animation-delay:.23s}.auth-logo .mark:nth-child(5){animation-delay:.29s}.auth-sub{text-align:center;color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.auth-title{font:800 16px var(--font-ui);text-align:center;margin-bottom:16px}.auth-card{animation:authIn .5s cubic-bezier(.2,.7,.3,1) .06s both}.auth-link{color:var(--muted-2);font-size:12px;transition:color .15s ease}.auth-link:hover{color:var(--text)}.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;vertical-align:-2px;margin-right:8px;animation:spin .6s linear infinite}@keyframes authIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes markIn{0%{opacity:0;transform:translateY(-9px) scale(.8)}to{opacity:1;transform:none}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@media print{body *{visibility:hidden!important}.receipt,.receipt *{visibility:visible!important;color:#000!important;background:#fff!important;border-color:#999!important}.receipt{position:fixed;left:0;top:0;width:100%;padding:16px!important}.no-print{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}