@font-face{font-family:OrderSheet;src:url(/fonts/Pretendard-order.woff2)format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-order.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:DisplayTitle;src:url(/fonts/DoHyeon-title.woff2)format("woff2");font-weight:400 900;font-display:swap}:root{--violet:#ad1aac;--violet-strong:#8f1590;--violet-soft:#f7e9f7;--yellow:#ffcd00;--yellow-soft:#fff7d6;--red:#e4002b;--ink:#2d2926;--gray-700:#4e5968;--muted:#8b95a1;--line:#e6e8eb;--field:#f2f4f6;--bg:#f2f4f6;--surface:#fff;--accent:var(--violet);--accent-text:#fff;--radius:16px;--shadow:0 2px 8px #2d29260f;--shadow-strong:0 4px 16px #2d29261a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:16px/1.5 Pretendard,-apple-system,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}#root{background:var(--bg);flex-direction:column;max-width:520px;min-height:100svh;margin:0 auto;display:flex;overflow-x:clip}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0 0 14px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select{font-family:inherit}.login-page{padding-top:calc(32px + env(safe-area-inset-top));padding-right:max(24px, env(safe-area-inset-right));padding-bottom:calc(32px + env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));background:var(--bg);flex-direction:column;flex:1;justify-content:center;display:flex}.login-page h1{text-align:center;letter-spacing:-.01em;margin-bottom:30px;font-family:DisplayTitle,Pretendard,sans-serif;font-size:34px;font-weight:400}.login-page h1 .brand-dot{color:var(--violet)}.mode-toggle{background:var(--field);border-radius:14px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.mode-toggle button{color:var(--muted);background:0 0;border:none;border-radius:11px;flex:1;padding:11px;font-weight:600;transition:all .15s}.mode-toggle button.active{background:var(--surface);color:var(--violet);box-shadow:var(--shadow)}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label{color:var(--gray-700);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.login-form input{font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;padding:15px 16px;font-size:16px;transition:border-color .15s}.login-form input:focus{border-color:var(--violet);outline:none}.login-form button[type=submit]{background:var(--violet);color:#fff;border:none;border-radius:14px;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:background .15s,transform 50ms}.login-form button[type=submit]:active{background:var(--violet-strong);transform:scale(.99)}.login-form button[type=submit]:disabled{opacity:.5}.error-text{color:var(--red);font-size:14px;font-weight:500}.page-loading{text-align:center;color:var(--muted);padding:24px}.app-shell{flex-direction:column;flex:1;min-height:100svh;display:flex}.app-header{padding-top:calc(16px + env(safe-area-inset-top));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:16px;padding-left:max(20px, env(safe-area-inset-left));background:var(--surface);z-index:20;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header span{letter-spacing:0;font-family:DisplayTitle,Pretendard,sans-serif;font-size:20px;font-weight:400}.app-header span:before{content:"";background:var(--violet);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.app-header button{background:var(--field);color:var(--gray-700);border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600}.app-header button:active{background:var(--line)}.app-content{padding-top:20px;padding-right:max(16px, env(safe-area-inset-right));padding-bottom:24px;padding-left:max(16px, env(safe-area-inset-left));flex:1}.app-nav{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:20;display:flex;position:sticky;bottom:0}.app-nav a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.app-nav a svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.app-nav a.active{color:var(--violet)}.page-stub{text-align:center;color:var(--muted);padding:40px 16px}.app-content h2{letter-spacing:0;font-family:DisplayTitle,Pretendard,sans-serif;font-size:24px;font-weight:400}.section-sub,.preview-hint{color:var(--muted);margin:-6px 0 18px;font-size:14px;line-height:1.5}.add-row{gap:8px;margin:4px 0 18px;display:flex}.add-row input{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:12px;flex:1;padding:13px 14px;font-size:15px}.add-row input:focus{border-color:var(--violet);outline:none}.add-row button{background:var(--violet);color:#fff;border:none;border-radius:12px;padding:0 18px;font-weight:700}.add-row button:active{background:var(--violet-strong)}.category-block{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:10px;overflow:hidden}.category-block.inactive,.item-row.inactive{opacity:.45}.category-header,.item-row{align-items:center;gap:8px;padding:13px 14px;display:flex}.category-header{background:var(--surface)}.category-name{font-size:15px;font-weight:700}.item-row{border-top:1px solid var(--line);font-size:14px}.move-btn{background:var(--field);color:var(--gray-700);border:none;border-radius:8px;width:26px;height:26px;padding:0;font-size:10px;line-height:1}.move-btn:disabled{opacity:.3}.category-name,.item-name{cursor:text;flex:1}.expand-btn{background:var(--violet-soft);color:var(--violet);border:none;border-radius:9px;padding:6px 11px;font-size:12px;font-weight:600}.active-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.active-toggle input{accent-color:var(--violet);width:16px;height:16px}.item-list{padding:4px 12px 12px 28px}.order-entry{padding-bottom:150px}.date-row{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.date-row label{color:var(--gray-700);font-size:14px;font-weight:600}.date-row input{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;margin-left:auto;padding:8px 10px}.existing-note{color:var(--violet);background:var(--violet-soft);border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:500}.entry-category{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-bottom:14px;padding:6px 14px 8px}.entry-category-header{color:var(--ink);align-items:center;gap:8px;padding:10px 0 8px;font-size:16px;font-weight:800;display:flex}.entry-category-header:before{content:"";background:var(--violet);border-radius:2px;width:4px;height:15px}.entry-col-labels{align-items:center;gap:8px;padding:0 0 4px;display:flex}.entry-col-label{text-align:center;width:60px;color:var(--muted);font-size:11px;font-weight:600}.entry-item{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.entry-item-name{flex:1;font-size:14px}.qty-input{border:1.5px solid var(--line);background:var(--surface);width:60px;color:var(--ink);font:inherit;text-align:center;border-radius:10px;padding:10px 6px;font-size:16px;transition:border-color .15s}.qty-input:focus{border-color:var(--violet);background:var(--violet-soft);outline:none}.submit-bar{bottom:calc(62px + env(safe-area-inset-bottom));width:100%;max-width:520px;padding:8px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));z-index:15;pointer-events:none;background:0 0;position:fixed;left:50%;transform:translate(-50%)}.submit-bar>*{pointer-events:auto}.submit-message{text-align:center;color:var(--muted);margin-bottom:8px;font-size:13px}.submit-bar button{background:var(--violet);color:#fff;width:100%;box-shadow:var(--shadow-strong);border:none;border-radius:15px;padding:17px;font-size:16px;font-weight:700;transition:background .15s,transform 50ms}.submit-bar button:active{background:var(--violet-strong);transform:scale(.99)}.submit-bar button:disabled{opacity:.5}.preview-page h2{font-size:22px;font-weight:800}.sheet-scroll{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;overflow-x:auto}.sheet-capture-holder{opacity:0;pointer-events:none;z-index:-1;width:max-content;position:fixed;top:0;left:-10000px}.sheet{color:#000;background:#fff;width:max-content;padding:10px;font-family:OrderSheet,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:9.5px;line-height:1.15}.sheet-table{border-collapse:collapse;table-layout:auto;width:auto}.sheet-table th,.sheet-table td{white-space:nowrap;border:1px solid #000;height:15px;padding:1px 4px}.sheet-table th.c-qty,.sheet-table td.c-qty{min-width:26px}.title-row th{background:#c6cbe7;padding:4px 8px}.title-inner{justify-content:center;align-items:center;display:flex;position:relative}.title-text{font-size:15px;font-weight:800}.title-meta{font-size:11px;font-weight:700;position:absolute;right:0}.head-row th{text-align:center;background:#f2b9be;font-weight:700}.cat-cell{text-align:center;background:#c6cbe7;font-weight:800}.sheet-table td.c-name{text-align:left}.sheet-table td.c-qty{text-align:center;font-weight:700}.preview-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.preview-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:16px;font-size:15px;font-weight:700}.preview-actions button.primary{background:var(--violet);color:#fff;box-shadow:var(--shadow);border:none}.preview-actions button.primary:active{background:var(--violet-strong)}.preview-actions button.ghost{color:var(--muted);background:0 0;border:none}.preview-actions button.danger-outline{color:var(--red);background:#fdecef;border:none}.preview-actions button.danger-outline:active{background:#fbd5db}.preview-actions button:disabled{opacity:.5}.modal-overlay{z-index:1100;padding:max(24px, env(safe-area-inset-left));background:#18161480;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);width:100%;max-width:360px;box-shadow:var(--shadow-strong);border-radius:18px;padding:24px 20px 20px}.modal-card h3{margin:0 0 10px;font-size:18px;font-weight:800}.modal-desc{color:var(--gray-700);margin:0 0 16px;font-size:14px;line-height:1.6}.modal-input{width:100%;font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;margin-bottom:8px;padding:15px 16px;font-size:16px}.modal-input:focus{border-color:var(--violet);outline:none}.modal-actions{gap:10px;margin-top:12px;display:flex}.modal-actions button{border:none;border-radius:13px;flex:1;padding:15px;font-size:15px;font-weight:700}.modal-actions button.ghost{background:var(--field);color:var(--gray-700)}.modal-actions button.danger{background:var(--red);color:#fff}.modal-actions button:disabled{opacity:.5}.img-overlay{z-index:1000;padding:calc(18px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:#181614e6;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;inset:0;overflow:auto}.img-overlay-hint{color:#fff;text-align:center;margin-top:8px;font-size:14px;line-height:1.6}.img-overlay img{border-radius:8px;max-width:100%;height:auto}.img-overlay-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.img-overlay-actions button{background:var(--violet);color:#fff;border:none;border-radius:13px;padding:14px 20px;font-size:14px;font-weight:700}.img-overlay-actions button.ghost{color:var(--ink);background:#fff}.history-page h2,.hq-submissions h2{font-size:22px;font-weight:800}.empty-note{color:var(--muted);text-align:center;padding:24px 0;font-size:14px}.date-list{flex-direction:column;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.date-list button{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:left;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:16px;transition:border-color .15s;display:flex}.date-list button.selected{border-color:var(--violet);background:var(--violet-soft)}.date-main{font-size:16px;font-weight:700}.date-sub{color:var(--muted);font-size:13px}.field{margin-bottom:16px}.field label{color:var(--gray-700);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.field select,.field input{width:100%;font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;padding:15px 16px;font-size:16px;transition:border-color .15s}.field select:focus,.field input:focus{border-color:var(--violet);outline:none}.monthly-page h2{font-size:22px;font-weight:800}.monthly-table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:14px;margin-top:8px;overflow:hidden}.monthly-table th,.monthly-table td{border-bottom:1px solid var(--line);padding:11px 12px;font-size:14px}.monthly-table thead th{background:var(--field);color:var(--gray-700);font-weight:700}.monthly-table th.m-qty,.monthly-table td.m-qty{text-align:center;width:84px}.monthly-table tr.m-cat td{background:var(--violet-soft);color:var(--violet);font-weight:800}.monthly-table td.m-qty{font-weight:700}.monthly-table tr:last-child td{border-bottom:none}.stores-page h2{font-size:22px;font-weight:800}.stores-page h3{margin:20px 0 12px;font-size:16px;font-weight:700}.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:18px}.ok-text{color:var(--violet);margin:6px 0;font-size:13px;font-weight:600}.stores-page button.primary{background:var(--violet);color:#fff;border:none;border-radius:14px;width:100%;margin-top:6px;padding:16px;font-size:15px;font-weight:700}.stores-page button.primary:active{background:var(--violet-strong)}.stores-page button.primary:disabled{opacity:.5}.store-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.store-list li{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.store-list li.inactive{opacity:.55}.store-name{font-size:15px;font-weight:700}.store-code{color:var(--muted);font-size:12px;font-weight:500}.badge-off{background:var(--field);color:var(--muted);border-radius:6px;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.store-actions{gap:8px;display:flex}.store-actions button{background:var(--field);color:var(--gray-700);border:none;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600}.store-actions button:active{background:var(--line)}.store-actions button.danger{color:var(--red);background:#fdecef}.store-actions button.danger:active{background:#fbd5db}