:root{--page: #f4f6f3;--paper: #fff;--ink: #111;--muted: #667064;--line: #d7ded4;--soft-line: #e6ebe3;--fill: #eef2ea;--fill-dark: #dfe8d8;--accent: #2f6f4e;--accent-strong: #22583c;--accent-soft: #e2f2e8;--warn: #b45f32;--warm: #f7d37a;--focus: #2f6f4e;color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--page);color:var(--ink);overflow-x:hidden}button,input,select,textarea{border-radius:6px}button,input,select{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{width:100%;min-height:100vh;margin:0;padding:0}.screen{display:none;width:100%;min-height:100vh;margin:0;background:var(--paper)}.screen.is-active{display:block}.login-screen{display:none;min-height:100vh;place-items:center;padding:24px}.login-screen.is-active{display:grid}.login-box{display:grid;grid-template-columns:72px 1fr 140px;gap:8px 16px;width:min(100%,540px);transform:translateY(-12px);padding:34px;border:1px solid var(--line);background:var(--paper);box-shadow:0 14px 40px #1b2d1f1a}.login-box h1{grid-column:1 / -1;margin:0 0 32px;text-align:center;font-size:24px}.form-message{grid-column:1 / -1;min-height:20px;margin:0 0 8px;color:var(--muted);white-space:pre-line;text-align:center}.login-row{display:contents}.login-row label{align-self:center;font-size:13px}.login-row input{height:36px;border:1px solid var(--line);background:#fafcf9;padding:0 10px}.login-row button{grid-row:3 / span 2;grid-column:3;height:80px;background:var(--accent);color:#fff;font-size:16px;font-weight:700}.mall-header{display:grid;grid-template-columns:120px 1fr 92px 92px 92px;align-items:center;min-height:52px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;box-shadow:0 4px 18px #1f2d220f}.quick-link,.cart-link{display:grid;justify-items:center;gap:2px;font-size:12px;line-height:1}[data-user-email]{cursor:pointer}.quick-link button,.cart-link button{display:grid;width:28px;height:28px;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-size:18px;line-height:1}.site-title{text-align:center;font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:0}.mall-nav{display:grid;grid-template-columns:190px minmax(180px,1fr);align-items:center;height:34px;position:sticky;top:52px;z-index:19;border-bottom:1px solid var(--line);background:var(--paper)}.search-box{display:grid;grid-template-columns:1fr 36px;align-items:center;height:100%}.category-menu{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;height:100%;border-right:1px solid var(--soft-line);background:#fbfcfa}.category-menu span{text-align:center;font-size:16px}.category-trigger{width:100%;height:100%;border:0;background:transparent;cursor:pointer;text-align:center;font-weight:700}.category-flyout{position:absolute;top:calc(100% + 1px);left:0;z-index:30;display:none;min-width:220px;padding:8px;border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 28px #18271c24}.category-menu:hover .category-flyout,.category-menu:focus-within .category-flyout{display:grid}.category-flyout button{min-height:36px;padding:0 12px;text-align:left;font-weight:600}.category-flyout button:hover{background:var(--accent-soft);color:var(--accent-strong)}.search-box input{width:100%;height:26px;border:1px solid var(--line);background:#fafcf9;padding:0 10px}.search-box button{display:grid;height:26px;place-items:center;color:var(--accent-strong);text-align:center;font-size:20px}.banner{display:grid;min-height:250px;place-items:center;background:linear-gradient(135deg,#2f6f4eeb,#22583cd1),repeating-linear-gradient(45deg,rgba(247,211,122,.16) 0 18px,transparent 18px 36px);color:#fff;text-align:center}.banner div{display:grid;gap:10px}.banner strong{font-size:clamp(26px,4vw,46px)}.banner span{font-size:clamp(14px,2vw,19px)}.product-section{padding:32px clamp(18px,4vw,64px) 60px}.product-section h2{margin:0 0 34px;text-align:center;font-size:22px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:44px 70px}.compact-grid{gap:42px 92px}.product-card{min-width:0;padding:10px;border:1px solid var(--soft-line);background:var(--paper);box-shadow:0 8px 22px #1f2d220f}.product-card-main{display:block;width:100%;text-align:left}.product-card-cart{width:100%;min-height:36px;margin-top:10px;background:var(--accent);color:#fff;text-align:center;font-weight:700}.product-image{display:grid;width:100%;aspect-ratio:1 / .9;place-items:center;border:1px solid var(--soft-line);background:linear-gradient(135deg,#f7f4eb,#eaf2ea);color:#445044;text-align:center;line-height:1.35}.product-image.img,.product-image img,.product-image.large img{display:block;width:100%;height:100%;object-fit:cover}.product-image.large{width:min(100%,430px);aspect-ratio:1.35 / 1;font-size:30px}.product-name,.product-price{display:block;margin-top:8px;font-size:13px}.product-name{font-weight:700}.product-price{margin-top:3px;color:var(--accent-strong);font-weight:700}.detail-layout{display:grid;grid-template-columns:minmax(260px,460px) 1fr;gap:54px;padding:28px clamp(18px,4vw,64px)}.detail-info{padding-top:22px;font-size:17px}.detail-info h2{margin:0 0 10px;font-size:24px}.quantity-control{display:flex;align-items:center;gap:16px;margin:24px 0}.quantity-control input{width:50px;height:34px;border:1px solid var(--soft-line);background:#fff;text-align:center}.quantity-stepper{display:inline-grid;grid-template-columns:34px 52px 34px;align-items:center;overflow:hidden;border:1px solid var(--line);background:#fff}.quantity-stepper button{display:grid;width:34px;height:34px;place-items:center;background:var(--fill);color:var(--accent-strong);font-size:16px;font-weight:700}.quantity-stepper input{width:52px;height:34px;border:0;border-right:1px solid var(--soft-line);border-left:1px solid var(--soft-line);border-radius:0;background:#fff;text-align:center}.detail-actions{display:flex;gap:18px;margin-top:26px}.detail-actions button{min-width:130px;height:58px;background:var(--accent);color:#fff;font-size:18px;font-weight:700}.detail-actions button:first-child{background:var(--accent-soft);color:var(--accent-strong)}.cart-layout{display:grid;gap:18px;padding:28px clamp(18px,4vw,64px) 56px}.cart-layout h2{margin:0 0 10px;text-align:center;font-size:22px}.cart-list{display:grid;gap:10px}.cart-empty{display:grid;min-height:180px;place-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.cart-item{display:grid;grid-template-columns:92px 1fr 152px 120px 44px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item .product-image{aspect-ratio:1 / .8;font-size:12px}.cart-item h3{margin:0 0 6px;font-size:16px}.cart-item p{margin:0;color:var(--muted);font-size:13px}.cart-quantity{display:flex;align-items:center;gap:8px}.cart-quantity input{width:52px;height:32px;border:0;background:#fff;text-align:center}.cart-price{text-align:right;font-weight:700}.cart-remove{display:grid;width:34px;height:34px;place-items:center;background:#f7ece7;color:var(--warn)}.cart-summary{display:flex;justify-content:space-between;gap:24px;padding-top:10px;font-size:18px}.cart-actions{display:flex;justify-content:flex-end;gap:12px}.cart-actions button{min-width:130px;height:46px;background:var(--accent);color:#fff;font-weight:700}.cart-actions button:first-child{background:var(--accent-soft);color:var(--accent-strong)}.admin-screen{min-height:560px}.admin-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px clamp(16px,3vw,32px);border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 4px 18px #1f2d220f;text-align:center;font-size:22px;font-weight:700}.admin-title span{justify-self:center}.admin-title button{min-width:74px;height:32px;background:var(--accent-soft);color:var(--accent-strong);font-size:13px}.admin-tabs{display:grid;grid-template-columns:repeat(4,1fr);height:34px;border-bottom:1px solid var(--line);background:var(--paper)}.admin-tabs button{border-right:1px solid var(--soft-line);font-size:14px}.admin-tabs button.is-selected{background:var(--accent);color:#fff;font-weight:700}.admin-panel{display:none;padding:18px 20px 34px}.admin-panel.is-active{display:block}.admin-toolbar{display:flex;align-items:center;gap:12px;margin:2px 0 14px;font-size:13px}.admin-toolbar button{min-height:34px;padding:0 14px;background:var(--accent);color:#fff;font-weight:700}.admin-filter-grid{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr)) 58px 58px;gap:6px;margin-bottom:10px;padding:8px;border:1px solid var(--line);background:#fbfcfa}.admin-filter-grid-users{grid-template-columns:minmax(118px,1.1fr) minmax(72px,.7fr) minmax(74px,.8fr) minmax(92px,.9fr) minmax(116px,1fr) minmax(86px,.8fr) minmax(76px,.7fr) minmax(124px,1.2fr) 58px 58px}.admin-filter-grid label{display:grid;gap:3px;color:var(--muted);font-size:11px}.admin-filter-grid input,.admin-filter-grid select{min-height:28px;border:1px solid var(--line);background:#fff;padding:3px 6px;font-size:12px}.admin-filter-grid button{align-self:end;min-height:28px;padding:0 8px;font-weight:700}.admin-filter-grid button[data-apply-order-filters],.admin-filter-grid button[data-apply-product-filters],.admin-filter-grid button[data-apply-user-filters]{background:var(--accent);color:#fff}.admin-filter-grid button[data-clear-order-filters],.admin-filter-grid button[data-clear-product-filters],.admin-filter-grid button[data-clear-user-filters]{background:#f3eee5;color:#75512c}.admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;padding:16px;border:1px solid var(--line);background:#f8f8f8}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#0000006b}.modal[hidden]{display:none}.modal-panel{position:relative;width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 50px #141e1838}.modal-panel h2{margin:0;padding:16px 52px 14px 18px;border-bottom:1px solid var(--line);font-size:20px}.modal-close{position:absolute;top:10px;right:10px;display:grid;width:34px;height:34px;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-size:22px}.modal-form{margin-bottom:0;border-bottom:0}.modal-subpanel{padding:0 18px 18px}.modal-subpanel h3{margin:8px 0 10px;font-size:15px}.modal-subpanel select{min-height:30px;border:1px solid var(--soft-line);background:var(--paper);padding:4px 8px}.admin-form label{display:grid;gap:6px;font-size:13px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:34px;border:1px solid var(--soft-line);background:#fff;padding:6px 8px}.admin-form input[type=file]{padding:5px}.field-with-button{display:grid;grid-template-columns:1fr auto;gap:6px}.field-with-button button{min-height:34px;padding:0 12px;background:var(--fill)}.product-image-editor{display:grid;grid-template-columns:96px auto;align-items:center;justify-content:start;gap:12px;padding:10px;border:1px solid var(--soft-line);background:#fbfcfa}.product-image-editor[hidden]{display:none}.product-image-editor span{display:grid;width:96px;aspect-ratio:1 / .72;place-items:center;overflow:hidden;background:var(--fill)}.product-image-editor img{width:100%;height:100%;object-fit:cover}.product-image-editor button{min-height:34px;padding:0 12px;background:#f7ece7;color:var(--warn);font-weight:700}.admin-form textarea{resize:vertical}.admin-form .wide{grid-column:span 3}.admin-form-actions{display:flex;align-items:end;gap:8px}.admin-form-actions button,td button{min-height:30px;padding:0 10px;background:var(--fill);color:var(--ink);font-weight:700}.admin-form-actions button[type=submit],td button[data-save-order]{background:var(--accent);color:#fff}.admin-form-actions button[type=button]{background:#f3eee5;color:#75512c}.profile-layout{width:min(960px,calc(100% - 32px));margin:0 auto;padding:34px 0 56px}.profile-layout h2{margin:0 0 18px;font-size:22px}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border:1px solid var(--line);background:#fbfcfa}.profile-form label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.profile-form input{min-height:36px;border:1px solid var(--soft-line);background:#fff;padding:7px 9px;color:var(--ink)}.profile-form input[readonly]{background:var(--fill)}.profile-form .wide{grid-column:1 / -1}.profile-form-actions{display:flex;justify-content:flex-end;gap:8px}.profile-form-actions button{min-height:34px;padding:0 16px;font-weight:700}.profile-form-actions button[type=submit]{background:var(--accent);color:#fff}.profile-form-actions button[type=button]{background:#f3eee5;color:#75512c}td button[data-edit-product],td button[data-edit-category]{background:var(--accent-soft);color:var(--accent-strong)}td button[data-delete-category]{background:#f7ece7;color:var(--warn)}.table-wrap{overflow-x:auto}.toast{position:fixed;left:50%;bottom:26px;z-index:70;min-width:220px;max-width:calc(100vw - 32px);transform:translate(-50%);padding:14px 18px;background:#111;color:#fff;text-align:center;box-shadow:0 8px 24px #00000038}.toast[hidden]{display:none}table{width:100%;border-collapse:collapse;white-space:nowrap;border:1px solid var(--line);background:var(--paper);font-size:12px}th,td{height:26px;border-bottom:1px solid var(--soft-line);padding:5px 8px;text-align:center}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f5f5f5}th{background:#f6f9f4;font-weight:700}th button[data-sort-orders],th button[data-sort-products]{width:100%;min-height:24px;font-weight:700}th button.is-active-sort{color:var(--accent)}.filter{margin-left:4px;font-size:11px}.check{display:inline-grid;width:14px;height:14px;place-items:center;border:1px solid var(--line);line-height:1}.category-admin{display:grid;grid-template-columns:1fr 430px;gap:42px}.category-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start;padding-top:28px;font-size:13px}.category-form label{display:grid;gap:8px}.category-form input,.category-form select{height:30px;border:0;border-bottom:1px solid var(--line);background:var(--paper)}.order-document-panel{width:min(794px,100%)}.order-document-actions{position:absolute;top:12px;right:54px}.order-document-actions button{min-height:30px;padding:0 12px;background:var(--fill)}.order-document{width:210mm;min-height:297mm;margin:0 auto;padding:16mm;background:#fff;font-size:12px}.order-document h2{margin:0;padding:0 0 10mm;border-bottom:2px solid #111;font-size:24px;text-align:center}.document-meta{display:grid;grid-template-columns:1fr;gap:0;margin:18px 0}.document-meta div,.document-section dl div{display:grid;grid-template-columns:132px 1fr;border-bottom:1px solid var(--line)}.document-meta strong,.document-section dt{padding:8px;background:#f8f8f8;font-weight:700;white-space:nowrap}.document-meta span,.document-section dd{margin:0;padding:8px;font-size:inherit}.document-section{margin-top:18px}.document-section h3{margin:0 0 8px;font-size:12px}.document-section dl{margin:0}.document-section tfoot th,.document-section tfoot td{border-top:2px solid #111;font-weight:700}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;min-height:297mm;margin:0;padding:0;background:#fff}body>*:not(.app-shell),.screen,.toast,.modal:not([data-order-document-modal]),.no-print{display:none!important}.app-shell,main,[data-order-document-modal],.order-document-panel{display:block!important;position:static;width:210mm;min-height:297mm;margin:0;padding:0;background:#fff;border:0;overflow:visible;box-shadow:none}[data-order-document-modal]{inset:auto;z-index:auto}.order-document-panel{max-height:none}.order-document{display:block;position:static;width:210mm;min-height:297mm;margin:0;padding:14mm;page-break-after:avoid;break-after:avoid;box-sizing:border-box;font-size:11px}.order-document h2{padding-bottom:8mm;font-size:22px}.document-meta{margin:8mm 0}.document-meta div,.document-section dl div{grid-template-columns:35mm 1fr}.document-section{margin-top:8mm;break-inside:avoid}.order-document table,.order-document tr,.order-document dl div{break-inside:avoid}}@media (max-width: 820px){.app-shell{padding:0}.screen{min-height:100vh}.mall-header{grid-template-columns:58px 1fr 58px 58px 58px}.quick-link,.cart-link{font-size:10px}.mall-nav{grid-template-columns:128px 1fr;height:auto;min-height:34px}.category-flyout{min-width:min(220px,calc(100vw - 24px))}.product-section{padding:22px 18px 42px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 26px}.compact-grid{gap:28px 26px}.detail-layout,.category-admin,.profile-form{grid-template-columns:1fr}.detail-actions,.cart-actions,.cart-summary{justify-content:stretch}.detail-actions,.cart-actions{flex-direction:column}.cart-item{grid-template-columns:72px 1fr;gap:10px 14px}.cart-quantity,.cart-price,.cart-remove{grid-column:2}.cart-price{text-align:left}.admin-tabs{grid-template-columns:1fr;height:auto}.admin-title{grid-template-columns:1fr}.admin-form,.admin-form .wide{grid-template-columns:1fr;grid-column:auto}.admin-filter-grid{grid-template-columns:1fr}.admin-tabs button{min-height:34px;border-bottom:1px solid var(--soft-line)}.login-box{grid-template-columns:72px 1fr;padding:0 18px}.login-row button{grid-row:auto;grid-column:1 / -1;height:46px}}