.fade-enter-active{transition:opacity var(--tr-base) ease}.fade-leave-active{transition:opacity var(--tr-fast) ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--fs-xs: .7rem;--fs-sm: .75rem;--fs-caption: .78rem;--fs-base: .8rem;--fs-body: .85rem;--fs-input: .9rem;--fs-text: .95rem;--fs-title: 1.05rem;--fs-heading: 1.1rem;--fs-large: 1.3rem;--fs-xl: 1.6rem;--fs-hero: 2rem;--r: 24px;--r-sm: 22px;--r-pill: 100px;--border-w: 1px;--border-w-thin: 1px;--sp-1: 3px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-7: 14px;--sp-8: 16px;--sp-9: 20px;--sp-10: 24px;--sp-11: 28px;--sp-12: 36px;--grid-gap: var(--sp-7);--tr-fast: .1s;--tr-base: .15s;--tr-slow: .2s;--tr-slower: .25s;--tr-slowest: .3s;--blur: 8px;--app-max-w: 720px;--app-px: 16px;--app-px-sm: 12px;--app-footer: 120px;--app-footer-sm: 110px;--breakpoint-sm: 500px;--input-h: 44px;--input-px: 14px;--input-font: var(--fs-input);--input-r: var(--r-sm);--row-h: 84px;--row-gap: var(--sp-5);--cb-size: 26px;--cb-r: 50%;--cb-icon: 14px;--toggle-py: 9px;--toggle-px: var(--sp-8);--toggle-yes: var(--success);--toggle-no: var(--danger);--avatar-sm: 26px;--avatar-lg: 80px;--gallery-thumb: 44px;--gallery-thumb-r: 10px;--gallery-z: 300;--modal-z: 200;--modal-max-w: 520px;--toast-z: 1000;--chevron-w: 10px;--chevron-h: 6px;--overlay-dark: rgba(0,0,0,.92);--overlay-modal: rgba(0,0,0,.4);--overlay-toast: rgba(0,0,0,.25);--overlay-light: rgba(255,255,255,.1);--overlay-medium: rgba(255,255,255,.2);--overlay-text: rgba(255,255,255,.6);--overlay-subtext: rgba(255,255,255,.5);--white: #fff;--bg: #f4f6f9;--bg-card: #fff;--bg-el: #e7ebf2;--bg-input: #eef1f6;--bg-draft: #fff7e0;--text: #14171c;--text-s: #5a6473;--text-t: #98a1af;--accent: #4565d8;--accent-soft: #8ba4ee;--accent-bg: rgba(69,101,216,.09);--accent-glow: rgba(69,101,216,.18);--lavender-bg: rgba(69,101,216,.05);--border: rgba(20,23,33,.08);--success: #2b9d5f;--success-bg: rgba(43,157,95,.1);--warning: #c98a1f;--warning-bg: rgba(201,138,31,.1);--danger: #d04545;--danger-bg: rgba(208,69,69,.1);--status-almost: #e07030;--shadow-sm: 0 1px 2px rgba(20,23,33,.04), 0 1px 1px rgba(20,23,33,.03);--shadow-md: 0 4px 14px rgba(20,23,33,.07);--shadow-lg: 0 14px 36px rgba(20,23,33,.1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1217;--bg-card: #181c23;--bg-el: #232832;--bg-input: #1c2128;--bg-draft: #2a2618;--text: #e8edf3;--text-s: #8e98a8;--text-t: #5a6371;--accent: #7a9bff;--accent-soft: #a5b8f5;--accent-bg: rgba(122,155,255,.12);--accent-glow: rgba(122,155,255,.2);--lavender-bg: rgba(122,155,255,.07);--border: rgba(255,255,255,.07);--success: #5fc283;--success-bg: rgba(95,194,131,.14);--warning: #dba84a;--warning-bg: rgba(219,168,74,.14);--danger: #e07070;--danger-bg: rgba(224,112,112,.14);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 14px rgba(0,0,0,.35);--shadow-lg: 0 14px 36px rgba(0,0,0,.45)}}:root[data-theme=dark]{--bg: #0f1217;--bg-card: #181c23;--bg-el: #232832;--bg-input: #1c2128;--bg-draft: #2a2618;--text: #e8edf3;--text-s: #8e98a8;--text-t: #5a6371;--accent: #7a9bff;--accent-soft: #a5b8f5;--accent-bg: rgba(122,155,255,.12);--accent-glow: rgba(122,155,255,.2);--lavender-bg: rgba(122,155,255,.07);--border: rgba(255,255,255,.07);--success: #5fc283;--success-bg: rgba(95,194,131,.14);--warning: #dba84a;--warning-bg: rgba(219,168,74,.14);--danger: #e07070;--danger-bg: rgba(224,112,112,.14);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 14px rgba(0,0,0,.35);--shadow-lg: 0 14px 36px rgba(0,0,0,.45)}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}img:not(.hdr-avatar){max-width:100%;height:auto}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.app{max-width:var(--app-max-w);margin:0 auto;padding:0 var(--app-px) calc(var(--app-footer) + env(safe-area-inset-bottom));padding-left:max(var(--app-px),env(safe-area-inset-left));padding-right:max(var(--app-px),env(safe-area-inset-right));overflow-x:hidden}@media(max-width:400px){.app{padding:0 var(--app-px-sm) calc(var(--app-footer-sm) + env(safe-area-inset-bottom))}}.page-grid{display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}.page-grid-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap)}.muted{color:var(--text-t);font-size:var(--fs-body)}.muted-sm{font-size:var(--fs-xs);color:var(--text-t)}.center{text-align:center}.err{color:var(--danger);font-size:var(--fs-body);text-align:center}.flex-fill{flex:1;min-width:0}.row-no-border{border-bottom:none}.field-label-inline{margin:0;flex:1}.input-mb{margin-bottom:var(--sp-8)}.gallery-mb{margin-bottom:var(--sp-6)}.empty-state{padding:var(--sp-12) 0}.empty-state-sm{padding:var(--sp-4) 0}.scroll-sentinel{text-align:center;padding:var(--sp-5) 0 var(--sp-9);min-height:1px}.cash-amount{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;flex-shrink:0}header{padding:var(--sp-9) 0 var(--sp-8);padding-top:max(var(--sp-9),env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center}header h1{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hdr-right{display:flex;align-items:center;gap:var(--sp-5);flex-shrink:0}.hdr-avatar{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:50%;object-fit:cover;flex-shrink:0}.hdr-avatar-letter{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:50%;background:var(--accent);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.hdr-profile{display:flex;align-items:center;gap:var(--sp-4);cursor:pointer;text-decoration:none;min-width:0}.hdr-name{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7em}.hdr-link{font-size:var(--fs-base);color:var(--text-t);cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.hdr-link:hover{color:var(--text-s)}.status{font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--r-pill);color:var(--text-t);transition:all var(--tr-slowest)}.status:not(:empty){padding:var(--sp-1) var(--sp-6);background:var(--bg-el)}.status.online{color:var(--success)}.status.offline{background:var(--warning-bg);color:var(--warning)}.status.saving{background:var(--accent-bg);color:var(--accent)}.status.saved,.status.sent{background:var(--success-bg);color:var(--success)}.status.error{background:var(--danger-bg);color:var(--danger)}.tabs{display:flex;gap:var(--sp-2);background:var(--bg-el);border-radius:var(--r-sm);padding:var(--sp-2);margin-bottom:var(--sp-8)}.tab{flex:1;text-align:center;padding:var(--sp-5) var(--sp-4);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-s);cursor:pointer;border-radius:calc(var(--r-sm) - 2px);transition:all var(--tr-slow);-webkit-tap-highlight-color:transparent;text-decoration:none}.tab.active{background:var(--bg-card);color:var(--text);font-weight:var(--fw-semi);box-shadow:var(--shadow-sm)}.tab.disabled{opacity:.4;pointer-events:none}.segmented-tabs{display:flex;gap:var(--sp-2);background:var(--bg-el);border-radius:var(--r-sm);padding:var(--sp-2);margin-bottom:var(--sp-8)}.seg-tab{flex:1;text-align:center;padding:var(--sp-5) var(--sp-4);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-s);cursor:pointer;border-radius:calc(var(--r-sm) - 2px);transition:all var(--tr-slow);-webkit-tap-highlight-color:transparent;text-decoration:none}.seg-tab.active{background:var(--bg-card);color:var(--text);font-weight:var(--fw-semi);box-shadow:var(--shadow-sm)}.card{position:relative;background:var(--bg-card);border:var(--border-w) solid var(--border);border-radius:var(--r);padding:var(--sp-9);box-shadow:var(--shadow-sm)}.card-accent{background:var(--lavender-bg)}.card-hdr{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--sp-6);margin-bottom:var(--sp-6);border-bottom:var(--border-w-thin) solid var(--border)}.card-title{font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:-.02em}.card-sub{font-size:var(--fs-body);color:var(--text-s)}.form-hdr{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--sp-8);border-bottom:var(--border-w-thin) solid var(--border);flex-wrap:wrap;gap:var(--sp-4)}.form-title{font-size:var(--fs-heading);font-weight:var(--fw-bold);letter-spacing:-.02em}.form-meta{font-size:var(--fs-body);color:var(--text-s)}.form-card{display:block}.field-label{font-size:var(--fs-caption);font-weight:var(--fw-semi);color:var(--text-s);text-transform:uppercase;letter-spacing:.03em;margin:var(--sp-8) 0 var(--sp-5);display:flex;align-items:center;justify-content:space-between}.divider{height:var(--border-w-thin);background:var(--border);margin:0}.form-actions{display:flex;align-items:center;gap:var(--sp-4)}.form-action{font-size:var(--fs-sm)}.form-action-danger{font-size:var(--fs-sm);color:var(--danger)}.form-fields{display:flex;flex-direction:column;gap:var(--sp-5)}.btn-form{padding:var(--sp-6)}.input{height:var(--input-h);padding:0 var(--input-px);font-family:var(--font);font-size:var(--input-font);border:var(--border-w) solid var(--border);border-radius:var(--input-r);background:var(--bg-input);color:var(--text);width:100%;-webkit-appearance:none;transition:border-color var(--tr-slow)}.input:focus{outline:none;border-color:var(--accent-soft);box-shadow:0 0 0 var(--sp-1) var(--accent-glow)}.input::placeholder{color:var(--text-t)}textarea.input{height:auto;min-height:50px;padding:11px var(--input-px);resize:vertical;line-height:1.5}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:var(--font);width:100%}.row{display:flex;align-items:center;gap:var(--row-gap);height:var(--row-h);border-bottom:var(--border-w-thin) solid var(--border)}.row .input{flex:1;min-width:0}.toggle-block{flex-shrink:0;position:relative;margin-left:auto}.toggle-label{position:absolute;bottom:100%;left:0;right:0;text-align:center;font-size:.72rem;font-weight:var(--fw-medium);color:var(--text-t);margin-bottom:var(--sp-1);white-space:nowrap}.toggle{display:flex;gap:var(--sp-2);background:var(--bg-el);border-radius:var(--r-sm);padding:var(--sp-1)}.toggle-btn{padding:var(--toggle-py) var(--toggle-px);border:none;border-radius:calc(var(--r-sm) - 2px);background:transparent;font-family:var(--font);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-t);cursor:pointer;transition:all var(--tr-base);-webkit-tap-highlight-color:transparent}.toggle-btn.yes{background:var(--bg-card);color:var(--toggle-yes);font-weight:var(--fw-semi);box-shadow:var(--shadow-sm)}.toggle-btn.no{background:var(--bg-card);color:var(--toggle-no);font-weight:var(--fw-semi);box-shadow:var(--shadow-sm)}.toggle-btn:active{transform:scale(.96)}.btn{font-family:var(--font);font-size:var(--fs-text);font-weight:var(--fw-semi);padding:var(--sp-7) var(--sp-10);border:none;border-radius:var(--r-sm);cursor:pointer;transition:all var(--tr-base);text-align:center;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--success-bg);color:var(--success);border:var(--border-w-thin) solid var(--success)}.btn-primary:active{transform:scale(.98);background:var(--success);color:var(--white)}.btn-ghost{background:transparent;color:var(--text-s);padding:var(--sp-4) var(--sp-7);font-size:var(--fs-body);font-weight:var(--fw-medium)}.btn-danger{background:var(--danger);color:var(--white);font-size:var(--fs-input);border-radius:var(--r-sm)}.btn-danger:active{opacity:.85}.btn-submit{width:100%;margin-top:var(--sp-9);height:50px;font-family:var(--font);font-size:1rem;font-weight:var(--fw-semi);border:var(--border-w-thin) solid var(--success);border-radius:var(--input-r);background:var(--success-bg);color:var(--success);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all var(--tr-base)}.btn-submit:active{background:var(--success);color:var(--white);transform:scale(.98)}.btn-add{width:var(--input-h);height:var(--input-h);border:var(--border-w-thin) solid var(--success);border-radius:var(--input-r);background:var(--success-bg);color:var(--success);font-size:var(--fs-heading);font-weight:var(--fw-semi);cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent;flex-shrink:0}.btn-add:active{background:var(--success);color:var(--white)}.btn-add-user{margin-top:var(--sp-5)}.add-row-btn{font-family:var(--font);font-size:var(--fs-input);font-weight:var(--fw-semi);border:var(--border-w-thin) solid var(--text-t);border-radius:var(--input-r);background:var(--bg-card);color:var(--toggle-yes);cursor:pointer;padding:var(--sp-6) var(--sp-10);margin:var(--sp-8) 0 var(--sp-9);-webkit-tap-highlight-color:transparent;transition:all var(--tr-base)}.add-row-btn:hover{border-color:var(--success);background:var(--success-bg)}.add-row-btn:active{background:var(--bg-el);transform:scale(.98)}.link-add{display:inline-block;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--accent);cursor:pointer;padding:var(--sp-2) 0;-webkit-tap-highlight-color:transparent}.checklist{display:flex;flex-direction:column;gap:0}.check{display:flex;align-items:center;gap:var(--sp-6);padding:11px 0;border-bottom:var(--border-w-thin) solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent}.check:last-child{border-bottom:none}.check input[type=checkbox]{-webkit-appearance:none;appearance:none;width:var(--cb-size);height:var(--cb-size);min-width:var(--cb-size);min-height:var(--cb-size);margin:0;padding:0;border:2px solid var(--text-t);border-radius:var(--cb-r);background:transparent;cursor:pointer;position:relative;transition:all var(--tr-base);flex-shrink:0}.check input[type=checkbox]:checked{background:var(--success);border-color:var(--success)}.check input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:var(--cb-icon);font-weight:var(--fw-bold)}.check .cb-required{box-shadow:0 0 0 2px var(--text-t)}.check span{font-size:var(--fs-body);line-height:1.4;color:var(--text-s)}.check input[type=checkbox]:checked+span{color:var(--text)}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4)}.tag{display:inline-flex;align-items:center;gap:var(--sp-3);padding:var(--sp-1) var(--sp-6);background:var(--bg-el);border:var(--border-w-thin) solid var(--border);border-radius:var(--r-pill);font-size:.82rem;font-weight:var(--fw-medium);color:var(--text-s)}.tag a{cursor:pointer;opacity:.4;font-size:var(--fs-text);line-height:1;text-decoration:none;color:inherit}.tag a:hover{opacity:1}.select-row{display:flex;gap:var(--sp-4)}.select-row select{flex:1;height:var(--input-h);padding:0 var(--input-px);font-family:var(--font);font-size:var(--input-font);border:var(--border-w) solid var(--border);border-radius:var(--input-r);background:var(--bg-input);color:var(--text);-webkit-appearance:none}.select-arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='currentColor'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-6) center;padding-right:30px!important}.select-compact{flex:0 1 auto;min-width:0;max-width:140px}.select-compact-sm{flex:0 1 auto;min-width:0;max-width:130px}select,select.input{-webkit-appearance:none;appearance:none}textarea{resize:vertical}.wo-row{display:grid;grid-template-columns:1fr 52px 1fr 28px;gap:var(--sp-3);margin-bottom:var(--sp-4);align-items:center}.wo-row .input{flex:1}.wo-qty{text-align:center}.wo-del{color:var(--text-t);font-size:1.2rem;cursor:pointer;padding:0 var(--sp-3);-webkit-tap-highlight-color:transparent;opacity:.5}.wo-del:hover{opacity:1;color:var(--danger)}.income-row{gap:var(--sp-4)}.sec{background:var(--bg-card);border:var(--border-w) solid var(--border);border-radius:var(--r);margin-bottom:var(--sp-5);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--tr-slow)}.sec.open{box-shadow:var(--shadow-md)}.sec-hdr{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-8) var(--sp-8);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.sec-hdr h3{font-size:var(--fs-input);font-weight:var(--fw-semi);letter-spacing:-.01em}.chevron{transition:transform var(--tr-slower);color:var(--text-t);display:inline-flex;align-items:center}.sec.open .chevron{transform:rotate(180deg)}.sec-body{display:none;padding:0 var(--sp-8) var(--sp-8)}.sec.open .sec-body{display:block}.chevron-icon{width:var(--chevron-w);height:var(--chevron-h)}.stock-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:var(--border-w-thin) solid var(--border)}.stock-row:last-child{border-bottom:none}.stock-name{flex:1;font-size:.88rem}.stock-btns{display:flex;gap:var(--sp-1)}.stock-btn{width:38px;height:38px;border:var(--border-w) solid var(--border);border-radius:var(--r-sm);background:var(--bg-el);cursor:pointer;font-size:var(--fs-xs);font-weight:var(--fw-semi);display:flex;align-items:center;justify-content:center;transition:all var(--tr-base);-webkit-tap-highlight-color:transparent;color:var(--text-t)}.stock-btn:active{transform:scale(.92)}.stock-btn.active-ok{background:var(--success);color:var(--white);border-color:var(--success)}.stock-btn.active-low{background:var(--warning);color:var(--white);border-color:var(--warning)}.stock-btn.active-almost{background:var(--status-almost);color:var(--white);border-color:var(--status-almost)}.stock-btn.active-empty{background:var(--danger);color:var(--white);border-color:var(--danger)}.profile-user-card{text-align:center}.profile-avatar-centered{margin:0 auto var(--sp-3);width:96px;height:96px;font-size:var(--fs-xl)}.profile-avatar{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:50%;background:var(--accent);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--fs-large);font-weight:var(--fw-bold);flex-shrink:0;position:relative;cursor:pointer;overflow:hidden}.profile-name{font-size:var(--fs-heading);font-weight:var(--fw-semi)}.profile-login{font-size:var(--fs-sm);color:var(--text-t);margin-top:1px}.profile-role{font-size:var(--fs-body);color:var(--text-s);margin-top:2px}.profile-link{font-size:var(--fs-sm);color:var(--accent);cursor:pointer;margin-top:var(--sp-3);display:inline-block;-webkit-tap-highlight-color:transparent}.profile-link:hover{text-decoration:underline}.profile-link-inline{font-size:var(--fs-caption);color:var(--accent);cursor:pointer;margin-left:var(--sp-3);font-weight:var(--fw-normal);-webkit-tap-highlight-color:transparent}.profile-link-inline:hover{text-decoration:underline}.profile-theme{display:flex;gap:var(--sp-5);margin-top:var(--sp-5);align-items:center;flex-wrap:wrap}.profile-theme-label{color:var(--text-s);font-size:var(--fs-body)}.theme-modes{display:flex;gap:var(--sp-3)}.theme-btn{font-size:var(--fs-caption);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);cursor:pointer;background:var(--bg-input);color:var(--text-t);-webkit-tap-highlight-color:transparent;transition:all var(--tr-base)}.theme-btn.active{background:var(--accent-bg);color:var(--accent)}.theme-btn:hover{color:var(--text-s)}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-overlay{position:absolute;inset:0;background:#0006;color:var(--white);display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity var(--tr-base);font-size:var(--fs-xl)}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar-delete{display:block;text-align:center;font-size:var(--fs-xs);color:var(--text-t);cursor:pointer;margin-top:var(--sp-2)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-modal);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));display:flex;align-items:flex-end;justify-content:center;z-index:var(--modal-z);padding:var(--sp-8)}.modal{background:var(--bg-card);border-radius:var(--r) var(--r) 0 0;padding:var(--sp-11) var(--sp-10);padding-bottom:max(var(--sp-10),env(safe-area-inset-bottom));max-width:var(--modal-max-w);width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}@media(min-width:520px){.modal-overlay{align-items:center}.modal{border-radius:var(--r)}}.modal h3{font-size:var(--fs-heading);font-weight:var(--fw-bold);margin-bottom:var(--sp-8);letter-spacing:-.02em}.modal-btns{display:flex;gap:var(--sp-4);margin-top:var(--sp-9)}.modal-btns .btn{flex:1}.modal-warning{background:var(--warning-bg);color:var(--warning);padding:var(--sp-5) var(--sp-7);border-radius:var(--r-sm);font-size:var(--fs-body);font-weight:var(--fw-medium);margin-bottom:var(--sp-7)}.summary{font-family:var(--font);font-size:var(--fs-input);white-space:pre-wrap;color:var(--text-s)}.toast-overlay{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:var(--toast-z);transition:background var(--tr-slowest);pointer-events:none}.toast-overlay.show{background:var(--overlay-toast);pointer-events:auto}.toast{background:var(--bg-card);color:var(--text);padding:var(--sp-10) var(--sp-12);border-radius:var(--r);font-size:var(--fs-title);font-weight:var(--fw-semi);opacity:0;transform:scale(.9);transition:opacity var(--tr-slowest),transform var(--tr-slowest);box-shadow:var(--shadow-lg)}.toast-overlay.show .toast{opacity:1;transform:scale(1)}.login{max-width:360px;margin:15vh auto 0;background:var(--bg-card);border:var(--border-w) solid var(--border);border-radius:var(--r);padding:var(--sp-12);box-shadow:var(--shadow-sm)}.login h2{font-size:var(--fs-heading);font-weight:var(--fw-bold);margin-bottom:var(--sp-3)}.login-sub{font-size:var(--fs-body);color:var(--text-s);margin-bottom:var(--sp-9)}.login .input{margin-bottom:var(--sp-4)}.login .btn-submit{margin-top:var(--sp-4)}.pending-draft{display:flex;justify-content:space-between;align-items:center;background:var(--warning-bg);border-color:var(--warning);font-size:var(--fs-body);color:var(--text)}.pending-actions{display:flex;gap:var(--sp-5)}.pending-expiry{font-size:var(--fs-caption);color:var(--text-t);margin-top:var(--sp-2)}.textarea-row{display:flex;align-items:start;gap:var(--sp-4);margin-bottom:var(--sp-8)}.textarea-del{margin-top:var(--sp-5)}.textarea-wrap{position:relative;flex:1}.textarea-grow{resize:vertical;min-height:var(--input-h);width:100%}.textarea-focused{padding-bottom:var(--sp-11)}.char-count{font-size:var(--fs-xs);color:var(--text-t);position:absolute;bottom:var(--sp-5);right:var(--sp-8);background:var(--bg-input);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);opacity:.85}.char-count.over{color:var(--danger)}.draft-preview{background:var(--bg-draft)}.draft-old{opacity:.7}.draft-old:hover{opacity:1}.draft-preview-hdr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-4);padding-bottom:var(--sp-5);border-bottom:var(--border-w-thin) solid var(--border)}.draft-section{padding:var(--sp-4) 0;border-bottom:var(--border-w-thin) solid var(--border)}.draft-section:last-child{border-bottom:none;padding-bottom:0}.draft-section-title{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text);margin-bottom:var(--sp-2)}.draft-icon{font-size:var(--fs-sm);flex-shrink:0}.draft-line{font-size:.83rem;color:var(--text-s);line-height:1.4;padding:1px 0 1px 22px}.btn-photo{width:var(--input-h);height:var(--input-h);border:var(--border-w) solid var(--border);border-radius:var(--input-r);background:var(--bg-el);font-size:var(--fs-heading);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:all var(--tr-base)}.btn-photo:hover{background:var(--accent-bg);border-color:var(--accent-soft)}.btn-photo:active{background:var(--accent-bg);border-color:var(--accent-soft);transform:scale(.95)}.btn-photo:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-photo.photo-attached{background:var(--success-bg);border-color:var(--success);color:var(--success)}.btn-photo-large{width:100%;padding:var(--sp-7);border:var(--border-w) dashed var(--text-t);border-radius:var(--r-sm);background:var(--bg-el);font-family:var(--font);font-size:var(--fs-input);font-weight:var(--fw-medium);color:var(--text-s);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all var(--tr-base);margin-bottom:var(--sp-8)}.btn-photo-large:hover{border-color:var(--accent-soft);color:var(--accent)}.btn-photo-large:active{background:var(--accent-bg);border-color:var(--accent-soft);color:var(--accent)}.btn-photo-large:disabled{opacity:.4;cursor:not-allowed;border-style:dashed}.photo-static{cursor:default}.photo-del-close{margin-left:calc(var(--sp-2) * -1)}.photo-sub{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-s);margin:var(--sp-6) 0 var(--sp-3)}.photo-slot{margin-bottom:var(--sp-2)}.photo-preview{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-7);background:var(--bg-el);border-radius:var(--r-sm);margin-bottom:var(--sp-3)}.photo-name{font-size:var(--fs-body);color:var(--text-s)}.gallery-thumbs-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.gallery-mini{width:var(--gallery-thumb);height:var(--gallery-thumb);overflow:hidden;display:inline-block;border-radius:var(--gallery-thumb-r)}.gallery-mini img{width:100%;height:100%;object-fit:cover;display:block}.gallery-overlay{position:fixed;inset:-1px;z-index:var(--gallery-z);background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(1px,env(safe-area-inset-top)) max(1px,env(safe-area-inset-right)) max(1px,env(safe-area-inset-bottom)) max(1px,env(safe-area-inset-left))}.gallery-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:310}.gallery-counter{color:#fff9;font-size:var(--fs-body);margin-bottom:8px;margin-top:max(8px,env(safe-area-inset-top))}.gallery-label{color:#ffffff80;font-size:var(--fs-caption);margin-bottom:12px}.gallery-main{display:flex;align-items:center;gap:var(--sp-6);width:100%;max-width:800px;flex:1;min-height:0}.gallery-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;max-height:70vh}.gallery-img{max-width:100%;max-height:70vh;object-fit:contain;-webkit-user-select:none;user-select:none}.gallery-nav{background:#ffffff1a;border:none;color:#fff;font-size:2rem;padding:12px 16px;cursor:pointer;opacity:.6}.gallery-prev{order:-1}.gallery-thumbs{display:flex;gap:var(--sp-4);margin-top:var(--sp-8);overflow-x:auto;max-width:100%}.gallery-thumb{width:60px;height:60px;overflow:hidden;cursor:pointer;opacity:.5;border-radius:var(--gallery-thumb-r)}.gallery-thumb.active{border-color:#fff;opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.validation-list{list-style:none;padding:0;margin:0}.validation-list li{font-size:var(--fs-body);color:var(--danger);padding:var(--sp-3) 0;border-bottom:var(--border-w-thin) solid var(--border)}.validation-list li:last-child{border-bottom:none}.history-card{margin-bottom:0}.expand-btn-inline{cursor:pointer;color:var(--text-t);margin-left:var(--sp-3);-webkit-tap-highlight-color:transparent;vertical-align:middle;display:inline}.expand-btn-inline svg{transition:transform var(--tr-base);vertical-align:middle}.expand-btn-inline .expand-open{transform:rotate(180deg)}.history-hdr{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--sp-5);margin-bottom:var(--sp-3);border-bottom:var(--border-w-thin) solid var(--border)}.history-date{font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:-.02em}.history-date-real{font-size:var(--fs-caption);font-weight:var(--fw-normal);color:var(--text-t);margin-left:var(--sp-3)}.history-name{font-size:var(--fs-body);color:var(--text-s)}.history-section{padding:var(--sp-3) 0;border-bottom:var(--border-w-thin) solid var(--border)}.history-section:last-child{border-bottom:none;padding-bottom:0}.history-section-title{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text);margin-bottom:var(--sp-1)}.history-icon{font-size:var(--fs-sm);flex-shrink:0}.history-line{font-size:.83rem;color:var(--text-s);line-height:1.4;padding:1px 0 1px 22px}.history-actions{display:flex;align-items:center;gap:var(--sp-4)}.action-menu{position:absolute;z-index:10}.action-menu-top-right{top:var(--sp-6);right:var(--sp-6)}.action-menu-top-left{top:var(--sp-6);left:var(--sp-6)}.action-menu-bottom-right{bottom:var(--sp-6);right:var(--sp-6)}.action-menu-bottom-left{bottom:var(--sp-6);left:var(--sp-6)}.action-menu-btn{width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-s);font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--tr-base),color var(--tr-base);-webkit-tap-highlight-color:transparent}.action-menu-btn:hover,.action-menu-btn.active{background:var(--bg-el);color:var(--text)}.action-menu-popover{position:absolute;min-width:220px;background:var(--bg-card);border:var(--border-w) solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);overflow:hidden;animation:action-menu-in var(--tr-slow) ease-out}.action-menu-popover-top-right{top:calc(100% + 6px);right:0;transform-origin:top right}.action-menu-popover-top-left{top:calc(100% + 6px);left:0;transform-origin:top left}.action-menu-popover-bottom-right{bottom:calc(100% + 6px);right:0;transform-origin:bottom right}.action-menu-popover-bottom-left{bottom:calc(100% + 6px);left:0;transform-origin:bottom left}@keyframes action-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.action-menu-item{display:flex;align-items:center;gap:var(--sp-6);width:100%;padding:14px var(--sp-8);background:none;border:none;cursor:pointer;font-family:var(--font);font-size:var(--fs-body);color:var(--text);text-align:left;-webkit-tap-highlight-color:transparent;transition:background var(--tr-base)}.action-menu-item:hover{background:var(--bg-el)}.action-menu-item+.action-menu-item{border-top:var(--border-w-thin) solid var(--border)}.action-menu-item-danger{color:var(--danger)}.action-menu-icon{width:20px;text-align:center;opacity:.8}.filter-bar{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6) 0 var(--sp-8)}.filter-hdr{display:flex;align-items:center;gap:var(--sp-5)}.filter-title{font-size:var(--fs-caption);font-weight:var(--fw-semi);color:var(--text-t);text-transform:uppercase;letter-spacing:.03em}.filter-more{background:none;border:none;padding:0;margin-left:auto;font-family:var(--font);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent}.filter-reset{font-size:var(--fs-heading);color:var(--text-t);cursor:pointer;-webkit-tap-highlight-color:transparent}.filter-reset:hover{color:var(--danger)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);overflow:hidden;max-height:var(--input-h);transition:max-height var(--tr-slowest);align-items:center}.filter-row.expanded{max-height:500px}.filter-pill{flex-shrink:0;height:var(--input-h);padding:0 var(--input-px);border:var(--border-w) solid var(--border);border-radius:var(--input-r);background:var(--bg-input);font-family:var(--font);font-size:var(--input-font);font-weight:var(--fw-medium);color:var(--text-s);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;transition:all var(--tr-base);white-space:nowrap;display:inline-flex;align-items:center}.filter-pill:hover{border-color:var(--accent-soft);color:var(--accent)}.filter-pill.active{background:var(--accent);color:var(--white);border-color:var(--accent)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-6) 0;border-bottom:var(--border-w-thin) solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent}.setting-row:last-child{border-bottom:none}.setting-sub{padding-left:var(--sp-9)}.setting-sub .setting-label{font-size:var(--fs-caption);color:var(--text-s)}.setting-label{font-size:var(--fs-input);font-weight:var(--fw-medium)}.setting-toggle{font-size:var(--fs-caption);font-weight:var(--fw-semi);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);background:var(--bg-el);color:var(--text-t);transition:all var(--tr-base)}.setting-toggle.on{background:var(--success-bg);color:var(--success)}.user-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-6) 0;border-bottom:var(--border-w-thin) solid var(--border);gap:var(--sp-5)}.user-row:last-child{border-bottom:none}.user-info{min-width:0}.user-name{font-size:var(--fs-input);font-weight:var(--fw-semi);display:block}.user-meta{font-size:var(--fs-caption);color:var(--text-t);display:block;margin-top:1px}.user-links{display:flex;gap:var(--sp-4);margin-top:var(--sp-2)}.user-link{font-size:var(--fs-caption);color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent}.user-link:hover{text-decoration:underline}.user-actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.user-badge{font-size:var(--fs-caption);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);cursor:pointer;-webkit-tap-highlight-color:transparent}.user-badge.active{background:var(--success-bg);color:var(--success)}.user-badge.inactive{background:var(--danger-bg);color:var(--danger)}.user-badge.badge-admin{background:var(--accent-bg);color:var(--accent)}.user-badge.badge-barista{background:var(--bg-input);color:var(--text-t)}.user-action-del{font-size:var(--fs-lg);color:var(--text-t);cursor:pointer;padding:0 var(--sp-3);line-height:1;-webkit-tap-highlight-color:transparent}.user-action-del:hover{color:var(--danger)}.error-row{padding:var(--sp-5) 0;border-bottom:var(--border-w-thin) solid var(--border)}.error-row:last-child{border-bottom:none}.error-meta{display:flex;gap:var(--sp-4);align-items:center;font-size:var(--fs-caption);color:var(--text-t);margin-bottom:var(--sp-2)}.error-source{font-weight:var(--fw-semi);text-transform:uppercase;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--danger-bg);color:var(--danger);font-size:var(--fs-xs)}.error-message{font-size:var(--fs-body);color:var(--text);line-height:1.4;word-break:break-word}.error-url{font-size:var(--fs-caption);color:var(--text-t);margin-top:var(--sp-1);word-break:break-all}.error-user{font-size:var(--fs-caption);color:var(--text-s)}.error-time{font-size:var(--fs-xs);color:var(--text-t)}.accordion-hdr{cursor:pointer;border-bottom:none;margin-bottom:0;padding-bottom:0}.accordion-body{padding-top:var(--sp-7)}.hint-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--text-s);background:var(--bg-el);border-radius:50%;cursor:pointer}@media(max-width:500px){.row{height:auto;min-height:var(--row-h);flex-wrap:wrap;padding:var(--sp-4) 0}.row .input{flex:1 1 100%;min-width:0}.toggle-block{margin-left:0;margin-top:var(--sp-2)}.wo-row{grid-template-columns:1fr;gap:var(--sp-3)}.income-row{height:auto;min-height:var(--row-h);flex-wrap:wrap;padding:var(--sp-4) 0;gap:var(--sp-3)}.income-row .input{min-width:80px}.income-row select{max-width:none!important}.page-grid-col{grid-template-columns:1fr}header h1{font-size:var(--fs-large)}}@media(max-width:400px){.sec-hdr{padding:var(--sp-7) var(--sp-8)}.sec-body{padding:0 var(--sp-8) var(--sp-8)}}