:root{--bg: oklch(.98 0 0);--surface: oklch(.97 .01 240);--text: oklch(.25 .04 240);--muted: oklch(.6 .02 240);--accent: oklch(.72 .14 250);--radius: 16px;--shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 10px 25px rgba(0,0,0,.1);--shadow-2: 0 2px 8px rgba(0,0,0,.1), 0 20px 40px rgba(0,0,0,.18)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}.header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 1rem}.header:before{content:"";position:absolute;inset:0;pointer-events:none}.header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.user-section{display:flex;align-items:center;gap:.5rem}.username{font-size:.95rem;font-weight:600;color:var(--text, #e6eef8);opacity:.9}.username.loading{opacity:.7;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:.4}to{opacity:.7}}.nav-buttons{display:flex;gap:.5rem}.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--text, #e6eef8);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-button:hover{background:#ffffff1a;border-color:#ffffff1f;transform:translateY(-1px)}.nav-button:active{transform:translateY(0);background:#ffffff08}.nav-button.active{background:color-mix(in oklab,var(--accent, #4c8bf5) 90%,transparent);border-color:color-mix(in oklab,var(--accent, #4c8bf5) 50%,transparent);color:#fff;box-shadow:0 2px 8px #4c8bf533}.nav-button.active:hover{filter:brightness(1.05);box-shadow:0 4px 12px #4c8bf540}.logout-button{background:#ea3c3f!important;color:#fff!important;border-color:color-mix(in oklab,oklch(62% .21 25) 50%,transparent)!important;margin-left:.5rem}.logout-button:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 640px){.header{padding:.5rem}.username{font-size:.9rem}.nav-button{padding:.45rem .85rem;font-size:.9rem}}._btn_690jt_75{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:10px;border:1px solid transparent;cursor:pointer;-webkit-appearance:none;appearance:none;font-weight:600}._btnPrimary_690jt_87{background:color-mix(in oklab,var(--accent, #4c8bf5) 80%,black 20%);color:#fff;border-color:color-mix(in oklab,var(--accent, #4c8bf5) 50%,transparent)}._btnPrimary_690jt_87:hover{filter:brightness(1.05)}._btnGhost_690jt_94{background:transparent;color:var(--text, #e6eef8);border-color:#ffffff24}._btnGhost_690jt_94:hover{background:#ffffff0f}._section_690jt_132{inline-size:100%}._addView_690jt_134{display:grid;gap:1rem}._header_690jt_139{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}._header_690jt_139 h2{margin:0;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);font-weight:700;color:var(--text, #e6eef8)}._formGroup_690jt_154{display:grid;gap:.5rem}._label_690jt_159{font-size:.95rem;font-weight:600;color:var(--muted, #9fb3c8)}._input_690jt_165{width:100%;font-size:1rem;padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);color:var(--text, #e6eef8);background:color-mix(in oklab,var(--surface, #0f1820) 85%,black 15%);outline:none}._input_690jt_165:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent, #4c8bf5) 40%,transparent)}._row_690jt_180{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:12px;background:color-mix(in oklab,var(--surface, #0f1820) 96%,black 4%);border:1px solid rgba(255,255,255,.06)}._row_690jt_180:nth-child(odd){background:color-mix(in oklab,var(--surface, #0f1820) 92%,black 8%)}._name_690jt_195{margin:0;font-weight:650;letter-spacing:.2px;color:var(--text, #e6eef8);display:inline-flex;align-items:baseline;gap:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._count_690jt_208{color:var(--muted, #9fb3c8);font-weight:600;opacity:.9}._actions_690jt_214{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}._icon_690jt_102{-webkit-appearance:none;appearance:none;padding:0;margin:0;line-height:0;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:color-mix(in oklab,var(--surface, #0f1820) 90%,black 10%);color:var(--text, #dbe7f3);cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .05s ease}._icon_690jt_102::-moz-focus-inner{border:0;padding:0}._icon_690jt_102 :where(svg){display:block;width:18px;height:18px}._icon_690jt_102:hover{box-shadow:0 1px 6px #00000040}._icon_690jt_102:active{transform:scale(.98)}._icon_690jt_102:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in oklab,var(--accent, #4c8bf5) 40%,transparent)}._minus_690jt_123{color:#ea3c3f;background:color-mix(in oklab,oklch(62% .21 25) 10%,var(--surface, #0f1820) 90%);border-color:color-mix(in oklab,oklch(62% .21 25) 22%,transparent)}._minus_690jt_123:hover{background:color-mix(in oklab,oklch(62% .21 25) 14%,var(--surface, #0f1820) 86%)}._overlay_690jt_2{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;padding:1rem;z-index:1000}._modal_690jt_12{background:var(--surface, #0f1820);color:var(--text, #e6eef8);border-radius:16px;box-shadow:0 10px 35px #00000073;inline-size:min(420px,92vw);display:grid;grid-template-rows:auto 1fr auto;gap:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.08)}._modalHeader_690jt_25{display:flex;align-items:center;justify-content:space-between;gap:.75rem}._modalTitle_690jt_31{margin:0;font-size:1.05rem;font-weight:700}._modalBody_690jt_37{padding:.25rem 0 .5rem}._qtyGroup_690jt_39{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:.5rem}._qtyBtn_690jt_46{width:40px;height:40px;border-radius:10px}._qtyInput_690jt_52{width:100%;text-align:center;font-size:1.15rem;font-weight:700;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);color:var(--text, #e6eef8);background:color-mix(in oklab,var(--surface, #0f1820) 85%,black 15%);outline:none}._qtyInput_690jt_52:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent, #4c8bf5) 40%,transparent)}._modalActions_690jt_68{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}._btn_690jt_75{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .9rem;border-radius:10px;border:1px solid transparent;cursor:pointer;-webkit-appearance:none;appearance:none;font-weight:600;transition:all .2s ease;font-size:.95rem}._btnPrimary_690jt_87{background:var(--accent);color:#fff;border-color:#4c8bf580;box-shadow:0 1px 3px #0000001a;transition:transform .15s ease-out}._btnPrimary_690jt_87:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--accent) 90%,white)}._btnPrimary_690jt_87:active{transform:translateY(0);background:color-mix(in oklab,var(--accent) 90%,black)}._btnGhost_690jt_94{background:color-mix(in oklab,var(--surface, #0f1820) 95%,white 5%);color:var(--text, #e6eef8);border-color:color-mix(in oklab,var(--surface, #0f1820) 80%,white 20%)}._btnGhost_690jt_94:hover{background:color-mix(in oklab,var(--surface, #0f1820) 90%,white 10%);border-color:color-mix(in oklab,var(--surface, #0f1820) 70%,white 30%);transform:translateY(-1px)}._btnGhost_690jt_94:active{transform:translateY(0);background:color-mix(in oklab,var(--surface, #0f1820) 97%,white 3%)}._btnDelete_690jt_376{background:#ea3c3f;color:#fff;border-color:color-mix(in oklab,oklch(62% .21 25) 50%,transparent);box-shadow:0 2px 8px color-mix(in oklab,oklch(62% .21 25) 25%,transparent)}._btnDelete_690jt_376:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in oklab,oklch(62% .21 25) 35%,transparent);filter:brightness(1.05)}._btnDelete_690jt_376:active{transform:translateY(0);filter:brightness(.95)}._btnIcon_690jt_393{padding:.5rem;width:36px;height:36px;border-radius:10px}._newItemBtn_690jt_401{color:#fff;background:color-mix(in oklab,var(--accent, #4c8bf5) 80%,black 20%);border-color:color-mix(in oklab,var(--accent, #4c8bf5) 50%,transparent);box-shadow:0 2px 8px color-mix(in oklab,var(--accent, #4c8bf5) 25%,transparent);padding:.5rem;width:76px;height:38px;display:grid;place-items:center}._newItemBtn_690jt_401:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in oklab,var(--accent, #4c8bf5) 35%,transparent);filter:brightness(1.05)}._newItemBtn_690jt_401:active{transform:translateY(0);filter:brightness(.95)}.loading[data-v-1ad1df3c],.error[data-v-1ad1df3c],.no-items[data-v-1ad1df3c]{text-align:center;padding:20px;color:var(--text, #e6eef8)}.error[data-v-1ad1df3c]{color:#ea3c3f}.no-items[data-v-1ad1df3c]{font-style:italic;opacity:.7}.loading[data-v-511f88e4],.error[data-v-511f88e4]{text-align:center;padding:20px;color:var(--text, #e6eef8)}.error[data-v-511f88e4]{color:#ea3c3f}.users-list[data-v-511f88e4]{display:flex;flex-direction:column;gap:2rem}.user-section[data-v-511f88e4]{display:flex;flex-direction:column;gap:.75rem}.user-section h2[data-v-511f88e4]{margin:0;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);font-weight:700;color:var(--text, #e6eef8);display:flex;align-items:center;gap:.5rem}.user-section h2[data-v-511f88e4]:after{content:"";height:1px;flex:1;background:#ffffff1a;margin-left:.5rem}.name{min-width:0;flex:1}.count{margin-left:auto;padding-left:1rem}.row-container[data-v-511f88e4]{display:flex!important;flex-direction:column!important}.row-container>div[data-v-511f88e4]{margin:0!important}.row-container>div[data-v-511f88e4]:not(:first-child){border-top-left-radius:0!important;border-top-right-radius:0!important}.row-container>div[data-v-511f88e4]:not(:last-child){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important;margin-bottom:-1px!important}.login{max-width:460px;margin:40px auto;display:grid;gap:10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input{padding:8px 10px;border-radius:8px;border:1px solid #ccc;min-width:0}button{padding:8px 12px;border-radius:8px;border:none;background:#007bff;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:transparent;color:#333;border:1px solid #ddd}.error{color:#c00;margin-top:4px}.debug-info{font-family:monospace;background:#f5f5f5;padding:10px;border:1px solid #ddd;white-space:pre-wrap;font-size:12px;margin-top:15px}:root{--bg: oklch(.98 0 0);--surface: oklch(.97 .01 240);--text: oklch(.25 .04 240);--muted: oklch(.6 .02 240);--accent: oklch(.72 .14 250);--radius: 16px;--shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 10px 25px rgba(0,0,0,.1);--shadow-2: 0 2px 8px rgba(0,0,0,.1), 0 20px 40px rgba(0,0,0,.18);--space-1: clamp(.75rem, .6rem + .5vw, 1rem);--space-2: clamp(1rem, .8rem + .8vw, 1.5rem);--space-3: clamp(1.5rem, 1rem + 2vw, 2rem)}@media (prefers-color-scheme: dark){:root{--bg: oklch(.14 0 0);--surface: oklch(.21 .02 240);--text: oklch(.92 .02 240);--muted: oklch(.74 .02 240);--shadow-1: 0 1px 2px rgba(0,0,0,.5), 0 20px 40px rgba(0,0,0,.35);--shadow-2: 0 4px 12px rgba(0,0,0,.55), 0 30px 60px rgba(0,0,0,.45)}}._app_1tew4_30{min-height:100svh;background:var(--bg);background-image:linear-gradient(180deg,var(--bg),color-mix(in oklab,var(--bg) 98%,var(--accent)) 100%);will-change:background-position;animation:_subtle-pulse_1tew4_1 12s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;padding:0 1rem 1.5rem;gap:1rem}@keyframes _subtle-pulse_1tew4_1{0%,to{background-position:0% 0%}50%{background-position:0% 2%}}:is(._card_1tew4_57,._headerC_1tew4_57){background:var(--surface);border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;padding:var(--space-2);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);inline-size:min(800px,92vw);transform:translateZ(0)}._headerC_1tew4_57{position:sticky;top:env(safe-area-inset-top);z-index:10;background:color-mix(in oklab,var(--surface, #0f1820) 65%,transparent);border-radius:0 0 var(--radius) var(--radius);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000001a;padding:.75rem 1rem;inline-size:min(800px,92vw);backdrop-filter:saturate(130%) blur(12px);-webkit-backdrop-filter:saturate(130%) blur(12px);overflow:hidden}._headerC_1tew4_57:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff05,#ffffff0d,#ffffff05);pointer-events:none}._headerC_1tew4_57:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent, #4c8bf5) 25%,transparent),transparent)}@media (prefers-reduced-motion: no-preference){._card_1tew4_57{transition:box-shadow .2s ease,transform .2s ease}._card_1tew4_57:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}}._content_1tew4_124{margin-top:.5rem}._checking_1tew4_127{min-height:100svh;display:grid;place-items:center;opacity:.6;font-size:clamp(1rem,.8rem + .6vw,1.25rem)}._card_1tew4_57 :where(button,[href],input,select,textarea):focus-visible,._headerC_1tew4_57 :where(button,[href],input,select,textarea):focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 40%,transparent);border-radius:8px}._newItemBtn_1tew4_143{padding-right:200px}