:root{font-family:Inter,system-ui,Noto Sans KR,sans-serif;color:#101412;background:#effaf4}*{box-sizing:border-box}body{margin:0;background:#effaf4}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;transition:.15s}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:wait}.app{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 80% 0,#d7ffec 0,transparent 30%),#f7fcf9}aside{padding:28px 14px;background:#121714;color:#eafff3;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}aside>b{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.05em;margin:0 10px 30px}aside>b:before{content:"떡";display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#a6f6d1;color:#111;font-size:12px;font-weight:900}aside button{width:100%;text-align:left;padding:12px 13px;margin:3px 0;background:transparent;border-radius:12px;color:#adc0b4;font-size:14px}aside button:hover{background:#202b25;color:#fff}button.active{background:#a6f6d1;color:#111;font-weight:800}.signout{margin-top:auto!important;color:#8ea296!important}main{max-width:1140px;width:100%;padding:42px 38px 56px;margin:0 auto;align-self:start}.mobile-brand{display:none}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:29px}h1{margin:0;font-size:30px;letter-spacing:-.06em}h2{font-size:16px;letter-spacing:-.03em;margin:0 0 14px}p,small{color:#6b7c73}p{margin:7px 0 0;font-size:14px}.primary{min-height:44px;background:#121714;color:#fff;border-radius:13px;padding:11px 16px;font-weight:800;box-shadow:0 8px 18px #12201622}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stat,section,.form{background:#fff;border:1px solid #ddede4;border-radius:19px;padding:19px;box-shadow:0 5px 18px #1d392608}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-16px;top:-22px;width:75px;height:75px;border-radius:50%;background:#d9ffea}.stat:nth-child(2):after{background:#eff4f1}.stat:nth-child(3):after{background:#fff0dc}.stat span,.stat b{position:relative;z-index:1}.stat span{display:block;color:#6b7c73;font-size:12px;font-weight:700}.stat b{display:block;margin-top:12px;font-size:24px;letter-spacing:-.06em}.app section{margin-top:22px}.rows{border-top:1px solid #e6efe9}.row{display:flex;justify-content:space-between;gap:12px;padding:15px 1px;border-bottom:1px solid #e6efe9}.row b{letter-spacing:-.025em}.row small{display:block;margin-top:5px;font-size:12px}.row>div:last-child{text-align:right;white-space:nowrap}.warn{color:#c36631}.order-grid{display:grid;grid-template-columns:minmax(300px,.86fr) 1.24fr;gap:18px}.order-grid section{margin:0}.form,.retail{background:linear-gradient(145deg,#fff,#f1fff7)}.form label,.retail label{display:block;margin:16px 0;font-size:12px;font-weight:800;color:#2d4035}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-fields label{min-width:0}input,textarea,select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #d6e8dd;border-radius:12px;background:#fbfffc;color:#101412;outline:none}input:focus,textarea:focus,select:focus{border-color:#58c98e;box-shadow:0 0 0 3px #bff8d955}textarea{min-height:76px;resize:vertical}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.methods button{min-height:40px;padding:8px 6px;background:#fff;border:1px solid #d6e8dd;border-radius:11px;color:#5d7065;font-size:12px}.methods .selected{background:#a6f6d1;border-color:#a6f6d1;color:#111;font-weight:800}.detail{color:#247450;background:transparent;padding:7px 0;font-size:13px;font-weight:800}.full{width:100%;margin-top:16px}.search{margin:0 0 14px;background:#f5faf7}.retail{max-width:620px}.retail label{display:grid;grid-template-columns:125px 1fr;align-items:center}.retail input{margin:0;text-align:right}.total{background:#b7f9d7;padding:17px;border-radius:14px;display:flex;justify-content:space-between;color:#143323}.total b{font-size:21px;letter-spacing:-.05em}.bottom{display:none}.sales-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sales-filters button,.sales-filters select{width:auto;min-height:36px;margin:0;border:1px solid #d5e6dc;background:#fff;border-radius:999px;padding:7px 12px;color:#557065;font-size:12px}.sales-filters button.active{background:#121714;color:#fff;border-color:#121714}.sales-groups{padding:0;overflow:hidden}.sales-day{border-bottom:1px solid #e5eee8}.sales-day:last-child{border-bottom:0}.sales-day-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;background:#fff;font-weight:800;text-align:left}.sales-day .rows{padding:0 16px;background:#f8fcf9}.sales-day .row:last-child{border-bottom:0}.photo-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;padding:13px 14px;border:1px dashed #b8d9c6;border-radius:14px;background:#f5fff8}.photo-field b{display:block;font-size:13px}.photo-field small{display:block;margin-top:3px;font-size:11px}.photo-add{display:inline-flex!important;align-items:center;margin:0!important;padding:9px 11px!important;border-radius:10px!important;background:#121714;color:#fff!important;font-size:12px!important;white-space:nowrap}.photo-add input{display:none}.photo-previews{display:flex;gap:9px;margin:0 0 17px;overflow-x:auto}.photo-preview{position:relative;flex:0 0 76px;width:76px;height:76px;border-radius:12px;overflow:hidden;background:#e7f2eb}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview button{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#121714;color:#fff;font-size:18px;line-height:1}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#b9f7d8,transparent 40%),#effaf4}.gate>div{width:min(430px,100%);padding:34px;border:1px solid #dcebe2;border-radius:26px;background:#fff;box-shadow:0 22px 52px #1433231a}.gate h1{margin:18px 0 10px}.gate p{color:#718178;line-height:1.6}.error{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#fff1ee;color:#a54031;font-size:13px}.empty{padding:24px 8px;color:#78887f;text-align:center}@media(max-width:760px){.app{display:block;min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#c7ffe3 0,#effaf4 225px)}aside{display:none}main{padding:0 16px 26px;max-width:none}.mobile-brand{display:flex;align-items:center;justify-content:space-between;height:69px;margin:0 -16px;padding:0 20px;position:sticky;top:0;z-index:5;background:#c7ffe3cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #a7ebc8}.mobile-brand b{display:flex;align-items:center;gap:8px;font-size:18px;letter-spacing:-.06em}.mobile-brand b:before{content:"떡";display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#121714;color:#a6f6d1;font-size:11px;font-weight:900}.mobile-brand span{padding:6px 10px;border-radius:999px;background:#fff;color:#315444;font-size:12px;font-weight:800}.error{margin:12px 0 0}header{justify-content:flex-end;margin:14px 0 17px}header>div{display:none}.primary{min-height:50px;padding:12px 18px;border-radius:15px;font-size:15px}.stats{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scroll-snap-type:x mandatory}.stat{min-width:178px;padding:17px;border-radius:18px;scroll-snap-align:start}.stat b{margin-top:9px;font-size:21px}.app section{margin-top:16px}.stat,section,.form{border-radius:18px}.row{min-height:69px;padding:13px 1px;font-size:14px;align-items:center}.row small{max-width:208px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-grid{display:flex;flex-direction:column;gap:16px}.order-grid section{width:100%}.form{padding:20px 16px}.form h2{font-size:18px}.form label,.retail label{margin:17px 0;font-size:13px}input,textarea,select{min-height:50px;margin-top:7px;padding:12px;font-size:16px;border-radius:13px}textarea{min-height:100px}.date-fields{gap:8px}.date-fields input{padding-inline:7px;font-size:13px}.methods{gap:8px}.methods button{min-height:44px;padding:8px 4px;border-radius:12px;font-size:12px}.detail{min-height:41px;font-size:13px}.full{min-height:54px;margin-top:20px}.search{min-height:50px;margin-bottom:10px}.retail{padding:20px 16px}.retail label{grid-template-columns:94px 1fr;gap:10px}.retail input{min-height:48px}.total{margin-top:22px;padding:18px 15px}.sales-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.sales-filters button,.sales-filters select{width:100%;min-height:44px;margin:0;padding:9px;border-radius:12px;font-size:13px}.sales-filters button:last-child{grid-column:1/-1}.sales-groups{margin-top:14px}.sales-day-head{min-height:58px;padding:16px}.sales-day .rows{padding:0 14px}.photo-field{margin-top:20px}.photo-preview{flex-basis:82px;width:82px;height:82px}.bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:20;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom));padding:7px 6px env(safe-area-inset-bottom);background:#121714;border-top:1px solid #26372e;box-shadow:0 -8px 24px #0d1a1322}.bottom button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:#9aafa3;border-radius:13px;font-size:11px}.bottom .active{background:#a6f6d1;color:#101412;font-weight:900}.nav-icon{font-size:19px;line-height:18px}.gate{padding:48px 16px;place-items:start center}.gate>div{margin-top:12vh;padding:27px 22px;border-radius:22px}.gate .primary{width:100%;margin-top:14px}}.smart-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-bottom:14px;padding:0 12px;border:1px solid #d6e8dd;border-radius:14px;background:#f5faf7}.smart-search>span{font-size:22px;color:#557065}.smart-search input{min-width:0;margin:0;padding:13px 0;border:0;background:transparent;box-shadow:none}.smart-search input:focus{box-shadow:none}.smart-search button{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dfeae3;color:#43574b;font-size:18px}.smart-search small{font-size:11px;white-space:nowrap}.order-row,.editable-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.order-row:has(.order-thumb){grid-template-columns:46px minmax(0,1fr) auto auto}.order-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover}.row-main{min-width:0}.row-amount{text-align:right}.row-actions{display:flex;gap:5px;margin-left:10px}.row-actions button{padding:7px 9px;border-radius:8px;background:#edf5f0;color:#315444;font-size:11px;font-weight:800}.row-actions .danger-text{background:#fff0ed;color:#af493a}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0b1610a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.edit-modal{width:min(560px,100%);max-height:calc(100dvh - 40px);margin:0!important;padding:22px;overflow-y:auto;border:0!important;border-radius:22px!important;box-shadow:0 28px 70px #06100a55!important}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.modal-head h2{margin:0}.modal-head>button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf2ed;color:#24372c;font-size:22px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-actions>button:not(.primary){padding:11px 15px;border-radius:12px;background:#edf4ef;color:#3e5447;font-weight:700}.edit-modal .photo-preview{display:block}.editable-row{grid-template-columns:minmax(0,1fr) auto auto}@media(max-width:760px){.smart-search{position:sticky;top:77px;z-index:4;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px}.smart-search input{font-size:15px;min-height:48px}.order-row,.order-row:has(.order-thumb){grid-template-columns:45px minmax(0,1fr) auto;gap:8px}.order-row:not(:has(.order-thumb)){grid-template-columns:minmax(0,1fr) auto}.order-row .row-actions{grid-column:1/-1;justify-content:flex-end;margin:2px 0 0}.row-actions button{min-height:36px;padding:8px 13px;font-size:12px}.editable-row{grid-template-columns:minmax(0,1fr) auto}.editable-row .row-actions{grid-column:1/-1;justify-content:flex-end;margin:4px 0 0}.modal-backdrop{place-items:end center;padding:0}.edit-modal{width:100%;max-height:92dvh;padding:22px 16px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0!important}.modal-actions{position:sticky;bottom:-24px;margin:20px -16px -24px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e2ece6}.modal-actions .primary{flex:1}.modal-actions>button:not(.primary){min-width:80px}}