@font-face{font-family:Castio;src:url(/fonts/castio-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Castio;src:url(/fonts/castio-italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}:root{color-scheme:light;--brand: #770000;--brand-hover: #5E0000;--on-brand: #FBF6EE;--brand-tint: #F5E8E4;--brand-line: #E2C6BF;--cream: #F2EADC;--cream-deep: #E7DBC6;--bg: #FAF6EF;--surface: #FFFFFF;--surface-2: #FCF9F4;--ink: #2A1C1A;--ink-2: #5C4945;--muted: #8A7770;--line: #E9E0D3;--line-strong: #D6C8B4;--danger: #A3201C;--danger-tint: #FBECEA;--warn: #8C4A12;--warn-tint: #F8EDDD;--ok: #2F6A45;--ok-tint: #E6F1E9;--danger-hover: #861915;--danger-line: #EDC3BF;--warn-line: #E9CFAA;--placeholder: #B7A89F;--white: #FFFFFF;--kakao: #FEE500;--kakao-hover: #F4DC00;--kakao-ink: #191600;--apple: #000000;--apple-hover: #222222;--loc-1: #770000;--loc-2: #3F5E4A;--loc-3: #5B4A78;--loc-4: #2F5866;--loc-5: #8A5A2B;--loc-6: #4A4A4A;--loc-7: #7A3B5C;--loc-8: #56602F;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-display: "Castio", "Times New Roman", serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--lh: 1.5;--lh-tight: 1.25;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--gutter: 1rem;--page-max: 46rem;--page-wide: 80rem;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--border: 1px solid var(--line);--shadow-card: 0 1px 2px rgba(60, 25, 15, .04);--shadow-pop: 0 18px 48px rgba(60, 25, 15, .2), 0 2px 8px rgba(60, 25, 15, .08);--shadow-bar: 0 -6px 24px rgba(60, 25, 15, .08);--tap: 2.75rem;--tap-lg: 3.25rem;--ease: cubic-bezier(.2, .8, .2, 1);--dur: .18s}@media (min-width: 768px){:root{--gutter: 1.5rem}}*,*:before,*:after{box-sizing:border-box}@supports (font: -apple-system-body){html{font:-apple-system-body}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;background:var(--bg)}body{font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;min-height:100dvh;overflow-wrap:anywhere;word-break:keep-all}body.noscroll{overflow:hidden}#app{min-height:100dvh}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}input{text-overflow:ellipsis}a{color:inherit}h1,h2,h3,p,ul{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.ellipsis{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}span.ellipsis{display:inline-block;vertical-align:bottom}.clamp2,.clamp4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-width:0;overflow-wrap:anywhere}.clamp2{-webkit-line-clamp:2}.clamp4{-webkit-line-clamp:4}.break{overflow-wrap:anywhere;word-break:break-all}.prewrap{white-space:pre-wrap}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.center{text-align:center;justify-content:center}.spacer{flex:1}.count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;margin-left:.25rem;border-radius:var(--radius-pill);background:var(--cream);color:var(--ink-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);vertical-align:middle}.eyebrow{display:block;font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);color:var(--brand);line-height:1.1;letter-spacing:.01em}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-5) var(--gutter) var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-4)}.page-wide{max-width:var(--page-wide)}.page>*{min-width:0}.page.has-bar{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3)}.page-head-main{min-width:0}.page-head h1{font-size:var(--fs-2xl);font-weight:var(--fw-heavy);letter-spacing:-.02em;line-height:var(--lh-tight)}.page-head p{margin-top:var(--sp-1);color:var(--ink-2);font-size:var(--fs-md)}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--gutter)}.center-screen .empty{max-width:28rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap}.section-head h2{font-size:var(--fs-lg);font-weight:var(--fw-bold);min-width:0}.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--gutter)}.splash-logo{width:min(12rem,60vw)}.splash-intro{background:var(--brand);color:var(--on-brand)}html.splashing,html.splashing body{background:var(--brand)}.splash-mark{display:block;width:min(13rem,62vw);aspect-ratio:2975 / 714;background:var(--on-brand);-webkit-mask:url(/logo.svg) center / contain no-repeat;mask:url(/logo.svg) center / contain no-repeat;animation:fade .6s var(--ease) both}.splash-intro .loading{color:var(--on-brand);opacity:.85}.splash-intro .spinner{border-color:color-mix(in srgb,var(--on-brand) 30%,transparent);border-top-color:var(--on-brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--tap);padding:.5rem 1rem;max-width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius);font-weight:var(--fw-semibold);font-size:var(--fs-md);text-decoration:none;line-height:1.25;text-align:center;transition:background var(--dur) var(--ease),border-color var(--dur),transform 80ms;white-space:normal}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-2)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--cream);border-color:transparent}.btn-ghost-danger{background:transparent;border-color:var(--line);color:var(--danger)}.btn-ghost-danger:hover:not(:disabled){background:var(--danger-tint);border-color:var(--danger)}.btn-sm{min-height:2.25rem;padding:.3rem .75rem;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn-xs{min-height:1.75rem;padding:.1rem .5rem;font-size:var(--fs-xs);border-radius:var(--radius-sm);vertical-align:middle}.btn-lg{min-height:var(--tap-lg);font-size:var(--fs-base)}.btn-block{display:flex;width:100%}.btn-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.btn-row.center{justify-content:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);flex:none;border:0;background:transparent;border-radius:var(--radius);color:var(--ink-2)}.icon-btn:hover:not(:disabled){background:var(--cream);color:var(--ink)}.icon-btn:disabled{opacity:.35}.link{border:0;background:none;padding:.4rem 0;color:var(--brand);font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:3px;text-align:left;min-height:2rem}.link-strong{text-decoration:none}.back-link{display:inline-flex;align-items:center;gap:.25rem;border:0;background:none;padding:.4rem 0;color:var(--ink-2);font-weight:var(--fw-semibold);font-size:var(--fs-sm);min-height:var(--tap);align-self:flex-start}.chip-btn{display:inline-block;min-height:2.25rem;padding:.25rem .75rem;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.75rem;vertical-align:middle}.chip-btn.on{background:var(--brand-tint);border-color:var(--brand);color:var(--brand);font-weight:var(--fw-bold)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.form{display:flex;flex-direction:column;gap:var(--sp-4)}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1}.field-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink-2)}.field-hint{font-size:var(--fs-xs);color:var(--muted)}.field-error{font-size:var(--fs-xs);color:var(--danger);font-weight:var(--fw-semibold)}.field input,.field select,.field textarea,.inline-form input,.inline-form select,.toolbar-row select,.brand-input input{width:100%;min-width:0;min-height:var(--tap);padding:.55rem .8rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-size:max(16px,var(--fs-base));line-height:1.35}.field textarea{resize:vertical}input[type=date],input[type=month],input[type=time],input[type=datetime-local]{-webkit-appearance:none;appearance:none;display:block;min-width:0;max-width:100%}input::-webkit-date-and-time-value{text-align:left;min-height:1.35em}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}input::placeholder,textarea::placeholder{color:var(--placeholder)}select{appearance:none;-webkit-appearance:none;padding-right:2.2rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235C4945' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;text-overflow:ellipsis}.field-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.field-row>.field{flex:1 1 9rem}.inline-form{display:flex;gap:var(--sp-2);align-items:stretch;flex-wrap:wrap}.inline-form>input,.inline-form>select{flex:1 1 10rem;width:auto}.check{display:flex;align-items:center;gap:.6rem;min-height:var(--tap);font-size:var(--fs-md);cursor:pointer}.check input{width:1.25rem;height:1.25rem;accent-color:var(--brand);flex:none}.err{color:var(--danger);font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:var(--danger-tint);padding:.6rem .8rem;border-radius:var(--radius-sm)}.hint{font-size:var(--fs-sm);color:var(--muted);line-height:1.5}.num{width:5.25rem;flex:none;min-height:var(--tap-lg);text-align:center;font-size:max(18px,var(--fs-lg));font-weight:var(--fw-bold);border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums;padding:.3rem}.field .num{width:100%}.num:focus{border-color:var(--brand)}.num-warn{border-color:var(--warn);background:var(--warn-tint)}.code-input{font-size:max(18px,var(--fs-lg))!important;letter-spacing:.12em;font-weight:var(--fw-bold);text-transform:uppercase}.calc{font-size:var(--fs-md);background:var(--surface-2);border:1px dashed var(--line-strong);padding:.6rem .8rem;border-radius:var(--radius-sm)}.calc-warn{color:var(--warn);border-color:var(--warn);background:var(--warn-tint)}.search{position:relative;display:flex;align-items:center;min-width:0;flex:none}.search .icon{position:absolute;left:.8rem;color:var(--muted);pointer-events:none}.search input{width:100%;min-height:var(--tap);padding:.5rem 2.6rem .5rem 2.5rem;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);font-size:max(16px,var(--fs-base))}.search input::-webkit-search-cancel-button{display:none}.search-x{position:absolute;right:.3rem;width:2.25rem;height:2.25rem;border:0;background:none;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:50%}.toolbar{display:flex;flex-direction:column;gap:var(--sp-2)}.toolbar-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.toolbar-row select{width:auto;flex:1 1 9rem}.toolbar-row .btn{flex:1 1 auto}@media (min-width: 768px){.toolbar{flex-direction:row;align-items:center;flex-wrap:wrap}.toolbar-row{flex:2 1 28rem}.toolbar-row .btn{flex:0 0 auto}}.panel{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:var(--shadow-card);min-width:0}.panel>h2{font-size:var(--fs-lg);font-weight:var(--fw-bold)}@media (min-width: 768px){.panel{padding:var(--sp-6)}}.subpanel{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3);background:var(--surface-2)}.rows{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.row{display:flex;align-items:center;gap:var(--sp-3);padding:.75rem var(--sp-3);background:var(--surface);border:var(--border);border-radius:var(--radius);min-width:0;text-align:left;width:100%;flex-wrap:wrap;row-gap:var(--sp-2)}.row-btn{cursor:pointer;transition:border-color var(--dur),background var(--dur)}.row-btn:hover{border-color:var(--line-strong);background:var(--surface-2)}.row-active{border-color:var(--brand);background:var(--brand-tint)}.row-main{flex:1 1 6rem;min-width:0;display:flex;flex-direction:column;gap:.15rem}.row-title{font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:1.35;min-width:0}.row-sub{font-size:var(--fs-sm);color:var(--ink-2);display:block;min-width:0}.row-sub>.ellipsis{max-width:100%;display:inline-block;vertical-align:bottom}.row-end{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex:none;max-width:100%}.row-num{font-size:var(--fs-xl);font-weight:var(--fw-heavy);font-variant-numeric:tabular-nums;text-align:right;line-height:1.1;white-space:nowrap}.row-num small{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--muted);margin-left:.1rem;display:inline}.row-num.neg{color:var(--danger)}.row-num.pos{color:var(--ok)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);color:var(--ink-2);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty strong{color:var(--ink);font-size:var(--fs-base)}.empty p{font-size:var(--fs-sm);max-width:28rem}.empty .btn{margin-top:var(--sp-2)}.empty-icon{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--cream);color:var(--brand);display:flex;align-items:center;justify-content:center}.problem{border-color:var(--danger);background:var(--danger-tint)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);color:var(--ink-2);font-size:var(--fs-sm)}.spinner{width:1.25rem;height:1.25rem;border:2.5px solid var(--cream-deep);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{display:flex;flex-direction:column;gap:.2rem;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--cream);border:1px solid var(--cream-deep);font-size:var(--fs-sm);color:var(--ink-2);text-align:left}.notice strong{color:var(--ink);font-size:var(--fs-md)}.notice-warn{background:var(--warn-tint);border-color:var(--warn-line)}.notice-warn strong{color:var(--warn)}.notice-danger{background:var(--danger-tint);border-color:var(--danger-line)}.notice-danger strong{color:var(--danger)}.notice-link{cursor:pointer;width:100%;font:inherit}.notice-link:hover{border-color:var(--warn)}.warn-box{background:var(--warn-tint);border:1px solid var(--warn-line);padding:var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-top:var(--sp-2)}.warn-box ul{padding-left:1.1rem;margin-top:.3rem}.warn-text{color:var(--warn);font-weight:var(--fw-semibold)}.pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap;line-height:1.4;flex:none}.pill-red{background:var(--danger-tint);color:var(--danger)}.pill-amber{background:var(--warn-tint);color:var(--warn)}.pill-done{background:var(--ok-tint);color:var(--ok)}.pill-gray{background:var(--cream);color:var(--ink-2)}.biz-badge{gap:.25rem}.tag{display:inline-flex;align-items:center;padding:.05rem .45rem;border-radius:6px;background:var(--cream);color:var(--ink-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tag-min{background:var(--warn-tint);color:var(--warn);margin-left:.3rem}.thumb{flex:none;border-radius:var(--radius-sm);object-fit:cover;background:var(--cream);border:1px solid var(--line)}.thumb-zoom{cursor:zoom-in}.thumb-empty{display:inline-flex;align-items:center;justify-content:center;color:var(--brand);font-weight:var(--fw-heavy);background:var(--cream)}.photo-edit{display:flex;gap:var(--sp-3);align-items:center;padding-bottom:var(--sp-3);border-bottom:var(--border)}.photo-edit-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.photo-edit-btns{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-btn.is-busy{opacity:.5}.photo-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1e0c0abf;display:flex;align-items:center;justify-content:center;padding:var(--gutter)}.photo-box{margin:0;background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-3);max-width:min(30rem,100%);width:100%;display:flex;flex-direction:column;gap:var(--sp-3)}.photo-box img{width:100%;max-height:65dvh;object-fit:contain;border-radius:var(--radius);background:var(--cream)}.photo-box figcaption{font-weight:var(--fw-semibold);text-align:center}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#280f0a73;display:flex;align-items:flex-end;justify-content:center;animation:fade .16s var(--ease)}.modal{background:var(--surface);width:100%;max-height:calc(100dvh - 2.5rem);display:flex;flex-direction:column;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-pop);animation:up .22s var(--ease);min-width:0}.modal-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2) var(--sp-2) var(--sp-5);border-bottom:var(--border)}.modal-head h2{flex:1;min-width:0;font-size:var(--fs-lg);font-weight:var(--fw-bold);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-body{padding:var(--sp-4) var(--sp-5);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--sp-4);min-height:0}.modal-foot{display:flex;gap:var(--sp-2);justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:var(--sp-3) var(--sp-5) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:var(--border)}.modal-foot .btn{flex:1 1 auto}.modal-foot .btn-ghost-danger{flex:0 1 auto}@media (min-width: 640px){.modal-back{align-items:center;padding:var(--sp-6)}.modal{max-width:34rem;border-radius:var(--radius-lg);max-height:calc(100dvh - 3rem)}.modal-wide{max-width:52rem}.modal-small{max-width:26rem}.modal-foot .btn{flex:0 0 auto}.modal-foot{padding-bottom:var(--sp-3)}}.modal-line{font-size:var(--fs-sm);color:var(--ink-2);display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.ask-body p+p,.ask-body p+ul,.ask-body ul+p{margin-top:var(--sp-2)}.ask-list{list-style:none;padding:0;margin-top:var(--sp-2);display:flex;flex-direction:column;gap:.3rem;font-size:var(--fs-sm)}.ask-list li{display:flex;gap:var(--sp-2);justify-content:space-between;align-items:baseline;min-width:0;padding:.35rem .6rem;background:var(--surface-2);border-radius:var(--radius-sm)}.ask-list li>.ellipsis{flex:1}.ask-list li>b{flex:none}.ask-list.plain li{display:list-item;list-style:disc inside;background:none;padding:.1rem 0}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(24px);opacity:0}}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--toast-bottom, 1.25rem) + env(safe-area-inset-bottom) + var(--vv-bottom, 0px));z-index:100;display:flex;flex-direction:column;gap:var(--sp-2);width:min(26rem,calc(100% - 2 * var(--gutter)));pointer-events:none}.toast{pointer-events:auto;background:var(--ink);color:var(--white);padding:.8rem 1rem;border-radius:var(--radius);font-size:var(--fs-md);box-shadow:var(--shadow-pop);animation:up .2s var(--ease);display:flex;flex-direction:column;gap:.1rem}.toast-err{background:var(--danger)}.toast-title{font-size:var(--fs-xs);opacity:.85}body:has(.action-bar){--toast-bottom: 5.5rem}body:has(.tabbar){--toast-bottom: calc(var(--tabbar-h) + var(--sp-4))}.action-bar{position:fixed;left:0;right:0;bottom:var(--vv-bottom, 0px);z-index:40;background:var(--surface);border-top:var(--border);box-shadow:var(--shadow-bar);padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.action-bar .bar-text{flex:1 1 10rem;min-width:0;font-size:var(--fs-md);color:var(--ink-2)}.action-bar .bar-text strong{color:var(--ink)}.action-btns{display:flex;gap:var(--sp-2);flex:1 1 auto;justify-content:flex-end}.action-btns .btn-primary{flex:1 1 auto;max-width:16rem}.action-bar>.btn-primary{flex:1 1 10rem;max-width:20rem}.auth{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--gutter);gap:var(--sp-4);background:radial-gradient(ellipse at top,var(--cream) 0%,var(--bg) 60%)}.auth-card{width:100%;max-width:26rem;background:var(--surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--shadow-card)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0 var(--sp-2)}.auth-logo{width:min(10rem,55%)}.auth-tag{font-size:var(--fs-sm);color:var(--ink-2);letter-spacing:.02em}.auth-title{font-size:var(--fs-xl);font-weight:var(--fw-heavy);letter-spacing:-.01em}.auth-sub{color:var(--ink-2);font-size:var(--fs-md)}.auth-links{display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.auth-foot{max-width:26rem;text-align:center;font-size:var(--fs-sm);color:var(--muted)}.auth-out{margin-top:calc(-1 * var(--sp-2))}.admin-auth{background:var(--brand)}.admin-auth .auth-card{border-color:var(--brand-hover);box-shadow:var(--shadow-pop)}.admin-auth .auth-foot{color:var(--on-brand)}.admin-badge{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.24em;color:var(--brand);border:1px solid var(--brand-line);background:var(--brand-tint);border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3)}.social{display:flex;flex-direction:column;gap:var(--sp-2)}.social .btn{min-height:var(--tap-lg);border-radius:var(--radius)}.social-kakao{background:var(--kakao);border-color:var(--kakao);color:var(--kakao-ink)}.social-kakao:hover:not(:disabled){background:var(--kakao-hover)!important;border-color:var(--kakao-hover)!important}.social-apple{background:var(--apple);border-color:var(--apple);color:var(--white)}.social-apple:hover:not(:disabled){background:var(--apple-hover)!important;border-color:var(--apple-hover)!important}.or{display:flex;align-items:center;gap:var(--sp-3);color:var(--muted);font-size:var(--fs-xs);margin:var(--sp-2) 0 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.sent{display:flex;flex-direction:column;gap:var(--sp-3);align-items:stretch;text-align:center}.sent-icon{align-self:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--brand-tint);color:var(--brand);display:flex;align-items:center;justify-content:center}.role-pick{display:flex;flex-direction:column;gap:var(--sp-3)}.role-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:left;min-height:5rem;transition:border-color var(--dur),background var(--dur);flex-wrap:wrap}.role-card:hover{border-color:var(--brand);background:var(--brand-tint)}.role-icon{flex:none;width:3rem;height:3rem;border-radius:var(--radius);background:var(--cream);color:var(--brand);display:flex;align-items:center;justify-content:center}.role-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;flex-basis:6rem}.role-main strong{font-size:var(--fs-base)}.role-main small{color:var(--ink-2);font-size:var(--fs-sm)}:root{--tabbar-h: 4rem;--tabbar-gap: max(.5rem, calc(env(safe-area-inset-bottom) - .6rem) )}.main-shell{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--sp-4));overflow-x:clip}.main-body{animation:slide-in-fwd .26s var(--ease) both}.tabbar{position:fixed;z-index:50;left:50%;transform:translate(-50%);bottom:var(--tabbar-gap);width:min(calc(100% - 1.5rem),30rem);min-height:var(--tabbar-h);padding:.3rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.15rem;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid color-mix(in srgb,var(--white) 75%,var(--line));border-radius:var(--radius-pill);box-shadow:var(--shadow-pop),inset 0 1px color-mix(in srgb,var(--white) 80%,transparent)}.tabbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;min-height:3.35rem;padding:.35rem .25rem;border-radius:var(--radius-pill);text-decoration:none;text-align:center;line-height:1.2;color:var(--ink);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);transition:background .16s var(--ease),color .16s var(--ease)}.tabbar-btn span{max-width:100%;overflow:hidden;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tabbar-btn.on{color:var(--brand);background:color-mix(in srgb,var(--ink) 8%,transparent)}.tabbar-btn.on .icon{stroke-width:2.4}.tabbar-btn:active{background:color-mix(in srgb,var(--ink) 12%,transparent)}@media (min-width: 768px){.tabbar-btn{font-size:var(--fs-xs)}}.main-head{display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-2)}.main-hello{font-size:var(--fs-xl);font-weight:var(--fw-heavy);letter-spacing:-.01em;line-height:1.3}.main-hello .eyebrow{margin-bottom:.15rem}.store-list{display:flex;flex-direction:column;gap:var(--sp-2)}.store-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4) var(--sp-3) var(--sp-4) var(--sp-4);background:var(--surface);border:var(--border);border-radius:var(--radius-lg);text-align:left;min-height:4.5rem;box-shadow:var(--shadow-card);transition:border-color var(--dur),transform 80ms;flex-wrap:wrap}.store-item:hover{border-color:var(--brand-line)}.store-item:active{transform:scale(.99)}.store-item.is-off{background:var(--surface-2)}.store-item.is-off .store-item-icon{background:var(--line);color:var(--muted)}.store-item-icon{flex:none;width:2.75rem;height:2.75rem;border-radius:var(--radius);background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:center}.store-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;flex-basis:6rem}.store-item-main strong{font-size:var(--fs-base);line-height:1.3}.store-item-main small{font-size:var(--fs-sm);color:var(--ink-2)}.store-item-go{color:var(--muted);flex:none}.pay-info{display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-md)}.kv{display:flex;flex-direction:column;gap:0;margin:0;border:var(--border);border-radius:var(--radius);overflow:hidden}.kv>div{display:flex;gap:var(--sp-3);padding:.6rem .8rem;border-bottom:var(--border);align-items:center;min-width:0}.kv>div:last-child{border-bottom:0}.kv dt{flex:0 0 5rem;color:var(--muted);font-size:var(--fs-sm)}.kv dd{flex:1;margin:0;font-weight:var(--fw-semibold);min-width:0;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.kv-plain{border:0}.kv-plain>div{padding:.4rem 0}.menu-list{display:flex;flex-direction:column;border:var(--border);border-radius:var(--radius);overflow:hidden}.menu-row{display:flex;align-items:center;gap:var(--sp-3);min-height:3.25rem;padding:.5rem var(--sp-4);border:0;border-bottom:var(--border);background:var(--surface);text-align:left;text-decoration:none;font-weight:var(--fw-medium);color:var(--ink);width:100%;flex-wrap:wrap}.menu-row:last-child{border-bottom:0}.menu-row:hover{background:var(--surface-2)}.menu-row .icon:first-child{color:var(--ink-2);flex:none}.menu-go{margin-left:auto;color:var(--muted);flex:none}.menu-danger,.menu-danger .icon:first-child{color:var(--danger)}.store-shell{min-height:100dvh;overflow-x:clip}.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:var(--border);padding-top:env(safe-area-inset-top)}.top-row{display:flex;align-items:center;gap:var(--sp-1);max-width:var(--page-wide);margin:0 auto;padding:.3rem calc(var(--gutter) - .5rem);min-height:3.5rem}.top-back{display:inline-flex;align-items:center;gap:.1rem;border:0;background:none;min-height:var(--tap);padding:0 .5rem 0 .25rem;border-radius:var(--radius);color:var(--ink-2);font-weight:var(--fw-semibold);font-size:var(--fs-sm);flex:none}.top-back:hover{background:var(--cream)}.top-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.25}.top-title strong{font-size:var(--fs-base);font-weight:var(--fw-bold)}.top-sub{font-size:var(--fs-2xs);color:var(--muted)}.top-sub.warn{color:var(--warn);font-weight:var(--fw-bold)}@media (max-width: 380px){.top-back-text{display:none}}.tabs{position:relative;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;max-width:var(--page-wide);margin:0 auto;padding:0 calc(var(--gutter) - .6rem)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;padding:.7rem .85rem .8rem;text-decoration:none;color:var(--muted);font-weight:var(--fw-semibold);font-size:var(--fs-md);white-space:nowrap;min-height:var(--tap);display:flex;align-items:center}.tab.on{color:var(--brand)}.tab-ink{position:absolute;left:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand);transition:transform .26s var(--ease),width .26s var(--ease)}main{min-width:0}[data-nav=fwd] main>*,[data-nav=fwd] .main-body{animation:slide-in-fwd .26s var(--ease) both}[data-nav=back] main>*,[data-nav=back] .main-body{animation:slide-in-back .26s var(--ease) both}@keyframes slide-in-fwd{0%{transform:translate(18px);opacity:0}}@keyframes slide-in-back{0%{transform:translate(-18px);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}@media (min-width: 900px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:.1rem;min-width:0;container-type:inline-size}.kpi-label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:var(--fw-semibold)}.kpi-value{font-size:min(var(--fs-2xl),calc(100cqi / (var(--len, 6) * .6)));font-weight:var(--fw-heavy);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.15;overflow-wrap:normal;white-space:nowrap}.kpi-value small{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--muted);margin-left:.1rem}.kpi-sub{font-size:var(--fs-xs);color:var(--muted)}.kpi-red{border-color:var(--danger-line);background:var(--danger-tint)}.kpi-red .kpi-value{color:var(--danger)}.kpi-amber{border-color:var(--warn-line);background:var(--warn-tint)}.kpi-amber .kpi-value{color:var(--warn)}.online{display:flex;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;padding:.6rem var(--sp-4);background:var(--surface);border:var(--border);border-radius:var(--radius);font-size:var(--fs-sm);min-width:0}.online-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-2);flex:none}.online-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-tint);flex:none}.online-list{display:flex;flex-wrap:wrap;gap:.3rem .8rem;min-width:0}.online-person{display:inline-flex;align-items:center;gap:.3rem;min-width:0;max-width:100%}.online-person .ellipsis{max-width:10rem}.seen{color:var(--muted)}.seen-on{display:inline-flex;align-items:center;gap:.35rem;color:var(--ok);font-weight:var(--fw-semibold)}.seg{display:flex;gap:.25rem;padding:.25rem;background:var(--cream);border-radius:var(--radius);overflow-x:auto;scrollbar-width:none;min-width:0}.seg::-webkit-scrollbar{display:none}.seg-btn{flex:1 0 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;padding:.3rem .8rem;border:0;background:transparent;border-radius:calc(var(--radius) - 3px);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap}.seg-btn.on{background:var(--surface);color:var(--brand);box-shadow:0 1px 3px #3c190f1f}.seg-badge{font-size:var(--fs-2xs);background:var(--surface);border-radius:var(--radius-pill);padding:0 .4rem;min-width:1.2rem;color:var(--ink-2)}.seg-btn.on .seg-badge{background:var(--brand-tint);color:var(--brand)}.store-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);background:var(--brand);color:var(--on-brand);border-radius:var(--radius-lg);flex-wrap:wrap}.store-banner-main{min-width:0;flex:1 1 10rem;display:flex;flex-direction:column}.banner-name{font-size:var(--fs-lg);font-weight:var(--fw-heavy)}.banner-sub{font-size:var(--fs-sm);opacity:.85}.store-flags{display:flex;gap:.35rem;flex-wrap:wrap}.store-flags span{padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.flag-red{background:var(--danger-tint);color:var(--danger)}.flag-amber{background:var(--warn-tint);color:var(--warn)}.flag-none{background:color-mix(in srgb,var(--on-brand) 18%,transparent);color:var(--on-brand)}.clock{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.clock-on{border-color:color-mix(in srgb,var(--ok) 40%,white);background:color-mix(in srgb,var(--ok-tint) 55%,white)}.clock-state{font-size:var(--fs-md);line-height:1.6}.clock-btn{min-height:3.75rem;border-radius:var(--radius-lg);border:0;font-size:var(--fs-lg);font-weight:var(--fw-heavy);letter-spacing:.02em}.clock-in{background:var(--brand);color:var(--on-brand)}.clock-out{background:var(--ink);color:var(--white)}.clock-btn:disabled{opacity:.5}.clock-log{align-self:center}.shift-note{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.shift-note .field{width:100%}.table-wrap{position:relative;-webkit-overflow-scrolling:touch;background:var(--surface);border:var(--border);border-radius:var(--radius-lg);max-width:100%;max-height:calc(100dvh - 8.5rem);overflow:auto}.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.grid th,.grid td{padding:0;border-bottom:var(--border);text-align:center;vertical-align:middle}.grid thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);padding:.6rem .5rem;font-weight:var(--fw-bold);color:var(--ink-2);font-size:var(--fs-xs);white-space:nowrap}.grid .sticky{position:sticky;left:0;z-index:1;background:var(--surface);text-align:left;border-right:var(--border);width:12rem;min-width:9.5rem;max-width:15rem}.grid thead .sticky{z-index:3;background:var(--surface-2)}.grid tfoot th,.grid tfoot td{background:var(--surface-2);font-weight:var(--fw-bold);padding:.6rem .5rem;border-bottom:0}.loc-th{border-top:3px solid var(--c)!important;color:var(--c)!important}.loc-th.is-off{opacity:.45}.th-loc{max-width:6.5rem;margin:0 auto}.num-th{min-width:3.75rem}.num-td{padding:.5rem .6rem!important;white-space:nowrap;text-align:right!important}.price-cell{color:var(--ink-2)}.total{font-weight:var(--fw-bold)}.cell-name{display:flex;align-items:center;gap:.5rem;width:100%;min-height:3rem;padding:.4rem .6rem;border:0;background:none;text-align:left;font-weight:var(--fw-semibold);min-width:0}.cell-name:hover{background:var(--surface-2)}.cell-name-text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}.cell-name-text small{color:var(--muted);font-weight:var(--fw-medium);font-size:var(--fs-2xs)}.qty-cell button{width:100%;min-width:3.25rem;min-height:3rem;border:0;background:none;font-weight:var(--fw-bold);font-size:var(--fs-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.2rem .4rem;white-space:nowrap}.qty-cell button:hover:not(:disabled){background:var(--brand-tint)}.qty-cell button:disabled{opacity:.4;cursor:not-allowed}.qty-cell.is-stale{background:var(--danger-tint)}.qty-cell.is-stale button{color:var(--danger)}.qty-cell.is-low{background:var(--warn-tint)}.qty-cell.is-low button{color:var(--warn)}.zero{color:var(--line-strong);font-weight:var(--fw-regular)}.zero-used{color:var(--danger)}.date{font-size:var(--fs-2xs);color:var(--muted);font-weight:var(--fw-medium)}.date-cell{font-size:var(--fs-xs);white-space:nowrap;padding:0 .5rem!important;color:var(--ink-2)}.date-cell small{display:block;color:var(--muted)}.status-cell{padding:0 .4rem!important}.status-cell .pill{margin:.1rem}@media (max-width: 767px){.grid .sticky{width:8.5rem;min-width:8.5rem;max-width:8.5rem}.cell-name .thumb{display:none}.qty-cell button{min-width:2.9rem}}.brand-input{display:flex;flex-direction:column;gap:var(--sp-2)}.brand-sugg{display:flex;flex-wrap:wrap;gap:.35rem}.brand-sugg .chip-btn{min-height:2rem;font-size:var(--fs-xs);max-width:12rem}.hidden-note{color:var(--warn)}.check-card{background:var(--surface);border:var(--border);border-radius:var(--radius);overflow:hidden}.check-head{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:.8rem var(--sp-4);border:0;background:none;text-align:left;min-height:3.5rem}.check-head:hover{background:var(--surface-2)}.check-when{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.check-when small{color:var(--ink-2);font-size:var(--fs-sm);overflow-wrap:anywhere}.check-lines{list-style:none;padding:0 var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:.25rem;border-top:var(--border);padding-top:var(--sp-3)}.check-lines li{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm)}.check-lines b{flex:none;font-variant-numeric:tabular-nums}.month-pick{display:flex;align-items:center;gap:var(--sp-1);min-width:0;max-width:100%}.month-pick strong{font-size:var(--fs-lg);min-width:0;text-align:center;white-space:nowrap}.work-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.wage-box{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);flex-wrap:wrap}.work-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.work-sum>div{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:var(--sp-3);display:flex;flex-direction:column;gap:.1rem;min-width:0;container-type:inline-size}.work-sum span{font-size:var(--fs-xs);color:var(--muted)}.work-sum strong{font-size:var(--fs-md);font-weight:var(--fw-heavy);overflow-wrap:anywhere}.day-list{display:flex;flex-direction:column;gap:var(--sp-2)}.day-card{border:var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.day-head{display:flex;align-items:center;gap:var(--sp-2);padding:.6rem var(--sp-3);background:var(--surface-2);flex-wrap:wrap}.day-sum{flex:1;font-size:var(--fs-sm);color:var(--ink-2);display:inline-flex;flex-wrap:wrap;align-items:center;min-width:0}.day-pay{white-space:nowrap}.shift-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem var(--sp-3);width:100%;padding:.6rem var(--sp-3);border:0;border-top:var(--border);background:none;text-align:left;font-size:var(--fs-sm)}.shift-btn:hover{background:var(--brand-tint)}.shift-open{background:var(--ok-tint)}.shift-time{font-weight:var(--fw-bold)}.shift-meta{flex:1 1 100%;color:var(--muted);font-size:var(--fs-xs);display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;min-width:0}.memo-text{display:inline-block;background:var(--cream);color:var(--ink-2);padding:.05rem .45rem;border-radius:6px;font-size:var(--fs-xs);white-space:pre-wrap;max-width:100%;overflow-wrap:anywhere}.log{align-items:flex-start}.log-time{flex:none;width:2.9rem;font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.4;padding-top:.1rem}.log .row-title{display:flex;gap:.4rem;align-items:flex-start}.log .row-num{font-size:var(--fs-lg);display:flex;flex-direction:column;align-items:flex-end}.log .row-num small{font-size:var(--fs-2xs)}.log-loc{max-width:9rem}.log-reverted{opacity:.55}.act{flex:none;font-size:var(--fs-2xs);font-weight:var(--fw-bold);padding:.1rem .4rem;border-radius:5px;background:var(--cream);color:var(--ink-2);margin-top:.15rem}.act-\c0ac\c6a9 {background:var(--brand-tint);color:var(--brand)}.act-\c785\ace0 {background:var(--ok-tint);color:var(--ok)}.act-\b418\b3cc\b9ac\ae30 {background:var(--warn-tint);color:var(--warn)}.undo{align-self:flex-start;margin-top:.3rem;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:.25rem .6rem;min-height:2rem;color:var(--danger)}.switch-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0 0;border-top:var(--border)}.switch-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.switch-main small{color:var(--ink-2);font-size:var(--fs-sm)}.switch{flex:none;width:3.25rem;height:2rem;border-radius:var(--radius-pill);border:0;background:var(--line-strong);position:relative;transition:background var(--dur);padding:0}.switch span{position:absolute;top:.2rem;left:.2rem;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #00000040;transition:transform var(--dur) var(--ease)}.switch.on{background:var(--brand)}.switch.on span{transform:translate(1.25rem)}.code-text{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.08em;font-size:var(--fs-lg)}.big-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(1.6rem,9vw,2.4rem);font-weight:var(--fw-heavy);text-align:center;letter-spacing:.12em;color:var(--brand);background:var(--brand-tint);border-radius:var(--radius);padding:var(--sp-4) var(--sp-2);overflow-wrap:anywhere}.plan-line{font-size:var(--fs-md)}.fold{border:var(--border);border-radius:var(--radius);padding:0 var(--sp-3)}.fold>summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;font-weight:var(--fw-semibold);font-size:var(--fs-md);color:var(--ink-2);list-style:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"+";margin-left:auto;font-size:var(--fs-lg);color:var(--muted)}.fold[open]>summary:after{content:"\2013"}.fold[open]{padding-bottom:var(--sp-3)}.pay-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:var(--fs-sm)}.pay-list li{display:flex;flex-wrap:wrap;gap:.2rem var(--sp-3);padding:.4rem 0;border-bottom:var(--border)}.pay-list li:last-child{border-bottom:0}.rule{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:.5rem 0;border-bottom:var(--border);flex-wrap:wrap}.rule:last-child{border-bottom:0}.rule-label{flex:1 1 12rem;min-width:0;font-size:var(--fs-md);font-weight:var(--fw-medium);display:flex;flex-direction:column}.rule-label small{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-regular)}.rule-input{display:flex;align-items:center;gap:.4rem;flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto}.rule .num{width:5.5rem;min-width:0;flex:0 1 5.5rem}.unit{font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap}.main-shell.is-chat{padding-bottom:0}.chat-page{display:flex;flex-direction:column;height:calc(100dvh - var(--tabbar-h) - var(--tabbar-gap) - var(--sp-2));max-width:var(--page-max);margin:0 auto}.chat-page>.empty{margin:var(--sp-4) var(--gutter)}@media (min-width: 768px){.chat-page{height:calc(100dvh - 6.5rem)}}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--gutter) var(--sp-2);border-bottom:var(--border)}.chat-head-main{min-width:0}.chat-head h1{font-size:var(--fs-lg);font-weight:var(--fw-heavy)}.chat-first{padding-top:var(--sp-4);overflow-y:auto}.chat-room{flex:1;min-height:0;display:flex;flex-direction:column}.chat-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-3) var(--gutter);display:flex;flex-direction:column;gap:var(--sp-2)}.chat-more{display:flex;justify-content:center}.chat-day{display:flex;justify-content:center;margin:var(--sp-2) 0}.chat-day span{font-size:var(--fs-2xs);color:var(--muted);background:var(--cream);padding:.15rem .7rem;border-radius:var(--radius-pill)}.msg{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;max-width:100%}.msg-mine{align-items:flex-end}.msg-name{font-size:var(--fs-xs);color:var(--ink-2);font-weight:var(--fw-semibold);padding-left:.3rem;max-width:80%}.msg-line{display:flex;align-items:flex-end;gap:.35rem;max-width:100%;min-width:0}.msg-mine .msg-line{flex-direction:row-reverse}.msg-bubble{background:var(--surface);border:var(--border);padding:.55rem .8rem;border-radius:1rem 1rem 1rem .3rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:var(--fs-md);max-width:min(78vw,32rem);min-width:0}.msg-mine .msg-bubble{background:var(--brand);border-color:var(--brand);color:var(--on-brand);border-radius:1rem 1rem .3rem}.msg-deleted{color:var(--muted);font-style:italic;background:var(--surface-2)}.msg-time{font-size:var(--fs-2xs);color:var(--muted);white-space:nowrap;flex:none}.msg-act{flex:none;width:2rem;height:2rem;border:0;background:none;color:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center}.msg-act:hover{background:var(--cream)}.composer{display:flex;gap:var(--sp-2);align-items:flex-end;padding:var(--sp-2) var(--gutter);border-top:var(--border);background:var(--surface)}.composer textarea{flex:1;min-width:0;resize:none;min-height:var(--tap);max-height:9rem;padding:.6rem .9rem;border:1px solid var(--line-strong);border-radius:1.4rem;background:var(--surface);font-size:max(16px,var(--fs-base));line-height:1.4}.composer-send{width:var(--tap);height:var(--tap);padding:0;border-radius:50%;flex:none}.rules{padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem;font-size:var(--fs-sm);color:var(--ink-2)}.quote{margin:0;padding:var(--sp-3);background:var(--surface-2);border-left:3px solid var(--line-strong);border-radius:var(--radius-sm);white-space:pre-wrap;font-size:var(--fs-sm)}.reason-pick{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.menu{position:relative}.menu>summary{list-style:none;width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center;border-radius:var(--radius);cursor:pointer;color:var(--ink-2)}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover{background:var(--cream)}.menu-pop{position:absolute;right:0;top:calc(100% + .25rem);z-index:60;min-width:min(12rem,calc(100vw - 2rem));background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:.3rem;display:flex;flex-direction:column;max-width:calc(100vw - 2rem)}.menu-pop button{text-align:left;border:0;background:none;min-height:var(--tap);padding:.5rem .8rem;border-radius:var(--radius-sm);font-weight:var(--fw-medium)}.menu-pop button:hover{background:var(--surface-2)}.admin{min-height:100dvh;overflow-x:clip}.admin-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-2) var(--gutter);background:var(--surface);border-bottom:var(--border)}.admin-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);color:var(--ink-2);flex:none}.admin-brand img{width:5.5rem}.admin-tabs{display:flex;gap:.25rem;flex:1 1 auto;overflow-x:auto;scrollbar-width:none;order:3;width:100%}@media (min-width: 768px){.admin-tabs{order:0;width:auto}}.admin-tab{padding:.55rem .9rem;border-radius:var(--radius-pill);text-decoration:none;font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap;min-height:var(--tap);display:flex;align-items:center}.admin-tab.on{background:var(--brand);color:var(--on-brand)}.admin-top>.btn{margin-left:auto}.owner-card{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.owner-head{display:flex;align-items:flex-start;gap:var(--sp-3)}.owner-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.owner-main small{font-size:var(--fs-sm);color:var(--ink-2)}.owner-stores{display:flex;flex-direction:column;gap:.35rem}.owner-store{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem var(--sp-3);align-items:center;padding:.5rem .7rem;background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.owner-store .muted{grid-column:1;font-weight:var(--fw-regular)}.owner-store .pill{grid-column:2;grid-row:1 / span 2}.report{background:var(--surface);border:var(--border);border-left:3px solid var(--danger);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.report-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-2);min-width:0}.store-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .4rem;margin-top:.15rem}.fit{white-space:nowrap;overflow-wrap:normal;font-size:min(var(--fit-max, var(--fs-md)),calc(100cqi / (var(--len, 6) * .62)))}.toolbar>.search{flex:none}@media (min-width: 768px){.toolbar>.search{flex:1 1 14rem}}.row-sub .pill,.row-sub .tag{margin-left:.25rem;vertical-align:1px}.has-bar{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}.modal-body>*,.page>*,.panel>*,.chat-page>*{flex-shrink:0}.chat-page>.chat-room{flex-shrink:1}.row>.num,.row>.row-end,.row>.btn,.row>.btn-row,.row>.pill{margin-left:auto}.doc{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-6) var(--gutter) var(--sp-12);color:var(--ink);line-height:1.7;font-size:var(--fs-md)}.doc h1{font-size:var(--fs-2xl);font-weight:var(--fw-heavy);margin:var(--sp-4) 0 var(--sp-1)}.doc h2{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:var(--sp-8) 0 var(--sp-2)}.doc p{margin:var(--sp-2) 0;overflow-wrap:anywhere}.doc ul{padding-left:1.2rem;margin:var(--sp-2) 0;display:flex;flex-direction:column;gap:var(--sp-1);overflow-wrap:anywhere}.doc-back{color:var(--brand);font-weight:var(--fw-semibold);text-decoration:none;display:inline-flex;min-height:var(--tap);align-items:center}.doc-meta{color:var(--muted);font-size:var(--fs-sm)}.doc-table{width:100%;border-collapse:collapse;margin:var(--sp-2) 0;font-size:var(--fs-sm);table-layout:fixed}.doc-table th,.doc-table td{border:var(--border);padding:var(--sp-2);text-align:left;vertical-align:top;overflow-wrap:anywhere}.doc-table th{background:var(--surface-2);font-weight:var(--fw-semibold)}.doc-table th:first-child{width:34%}.consent{border:var(--border);border-radius:var(--radius);padding:var(--sp-1) var(--sp-3);background:var(--surface-2);display:flex;flex-direction:column}.consent-all{border-bottom:var(--border)}.consent-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.consent-row .check{flex:1 1 auto;min-width:0;font-size:var(--fs-sm)}.consent-row .link{flex:none;font-size:var(--fs-sm)}.doc-links{display:flex;gap:var(--sp-2);justify-content:center;font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap}.doc-links a,.doc-link{color:var(--ink-2);text-decoration:none;border:0;background:none;padding:.25rem 0;font:inherit}.doc-frame{display:block;width:100%;height:min(70dvh,40rem);border:0;border-radius:var(--radius);background:var(--bg)}.remember{align-items:flex-start}.remember input{margin-top:.15rem}.remember span{display:flex;flex-direction:column;gap:.1rem;min-width:0}.remember small{color:var(--muted);font-size:var(--fs-xs)}.leave-row{display:flex;justify-content:center}.link-muted{color:var(--muted);font-weight:var(--fw-medium)}.doc-pick{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.doc-thumb{width:5.5rem;height:4rem;object-fit:cover;border-radius:var(--radius-sm);border:var(--border);background:var(--surface-2)}.doc-file{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--ink-2);min-width:0}.doc-pick .btn{cursor:pointer}.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}.biz-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);margin-top:var(--sp-1)}.biz-doc-img{width:100%;height:auto;max-height:70vh;object-fit:contain;border:var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.new-thumb{width:96px;height:96px}.stock-list{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);overflow:hidden}.stock-row{display:flex;align-items:stretch;border-bottom:var(--border)}.stock-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:0;background:none;text-align:left}.stock-main:hover{background:var(--surface-2)}.stock-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1;line-height:1.3}.stock-name{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.stock-text small{color:var(--muted);font-size:var(--fs-xs)}.stock-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .6rem;color:var(--ink-2)!important}.stock-qty{flex:none;width:min(4.5rem,28%);border:0;border-left:var(--border);background:none;font-weight:var(--fw-bold);font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.stock-qty:hover{background:var(--brand-tint)}.stock-row.is-stale .stock-qty{background:var(--danger-tint);color:var(--danger)}.stock-row.is-low .stock-qty{background:var(--warn-tint);color:var(--warn)}.stock-total{padding:var(--sp-3);background:var(--surface-2);font-weight:var(--fw-bold);font-size:var(--fs-sm);text-align:right}.row-split{padding:0;gap:0;align-items:stretch;flex-wrap:nowrap}.row-split-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-3);padding:.75rem var(--sp-3);border:0;background:none;text-align:left;border-radius:var(--radius) 0 0 var(--radius)}.row-split-main:hover{background:var(--surface-2)}.row-split-num{flex:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.3rem;min-width:4.75rem;max-width:45%;padding:.5rem var(--sp-3);border:0;border-left:var(--border);background:none;border-radius:0 var(--radius) var(--radius) 0}.row-split-num:hover{background:var(--brand-tint)}.period-pick{justify-content:center}.period-pick strong{flex:1 1 auto;text-align:center;white-space:normal;word-break:keep-all}.nw{white-space:nowrap}.sales-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--sp-2)}.sales-actions .btn{width:100%}.money dt{flex:0 0 auto;min-width:4.5rem}.money dd{justify-content:flex-end;text-align:right;font-variant-numeric:tabular-nums}.money dd small{font-weight:var(--fw-regular);font-size:var(--fs-xs);flex-basis:100%;text-align:right}.money-total{background:var(--surface-2)}.money-total dt{color:var(--ink);font-weight:var(--fw-bold)}.money-total dd{font-size:var(--fs-lg);font-weight:var(--fw-heavy);color:var(--brand)}.money-total.neg dd,.neg{color:var(--danger)}.sales-num{flex:none;font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);white-space:nowrap}.sales-store-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.sales-store-head .row-title{flex:1 1 8rem}.bar{display:block;height:.4rem;border-radius:var(--radius-pill);background:var(--cream);overflow:hidden;margin:.2rem 0}.bar>span{display:block;height:100%;background:var(--brand);border-radius:inherit}.sales-day{flex-wrap:nowrap;gap:var(--sp-2)}.sales-day .menu-go{margin-left:0}.money-set{border:var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3) var(--sp-3);margin:0;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.money-set legend{padding:0 var(--sp-1);font-weight:var(--fw-bold);font-size:var(--fs-md);max-width:100%}.money-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:var(--sp-2)}.money-grid .num{width:100%;text-align:right}.money-sum{font-size:var(--fs-sm);color:var(--ink-2);text-align:right}.sales-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}@media (min-width: 900px){.sales-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.claw-pick{display:flex;flex-wrap:wrap;gap:.4rem}.claw-pick .chip-btn{font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:.25rem .7rem}.stock-tools .toolbar-row select{flex-basis:7rem}