:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#293b34;background:#f7f9f7;font-synthesis:none;--green:#268567;--dark:#1e684f;--line:#e6ece7;--muted:#7b8981}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #77bfa7;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #87c8b0;outline-offset:1px}button:hover:not(:disabled){filter:brightness(.96)}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:#254c3c;text-decoration:none;font-size:20px;font-weight:800;margin:0 8px 42px;white-space:nowrap}.brand>.icon{background:var(--green);color:white;padding:8px;width:42px;height:42px;border-radius:13px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:500;color:#87978e;margin-top:5px}.side-label{font-size:12px;color:#98a39c;margin:0 14px 12px;font-weight:600}.category-label{margin-top:25px;display:flex;align-items:center;justify-content:space-between}.nav{display:flex;align-items:center;gap:13px;padding:12px 15px;margin-bottom:3px;border-radius:10px;text-align:left;font-size:14px;min-height:44px}.nav>.icon{width:19px;color:#85958b}.nav span{margin-left:auto;font-size:12px;color:#8c9991}.nav.active{background:#eaf5ee;color:#267a59;font-weight:700}.nav.active>.icon{color:#267a59}.local-note{margin-top:auto;padding:32px 10px 0;color:#70887a;font-size:12px;line-height:2}.local-note .icon{width:16px;height:16px}.local-note small{display:block;margin-left:22px;font-size:11px;color:#9aa69e}main{margin-left:248px}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:#fcfdfb;font-size:13px;color:#61756a}.crumb{margin-left:12px;color:#a0aaa4}.device-tag{display:flex;align-items:center;gap:7px;font-size:12px}.device-tag i{width:6px;height:6px;background:#6eb68f;border-radius:50%}.content{max-width:1150px;margin:auto;padding:44px 48px 20px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{color:#6d927d;letter-spacing:2px;font-size:10px;font-weight:700;margin:0 0 9px}h1{font-size:32px;letter-spacing:-1.3px;line-height:1.4;margin:0;font-weight:800}.subtitle{font-size:14px;color:var(--muted);margin:9px 0 0;line-height:1.7}.primary{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:14px 21px;font-weight:600;font-size:14px;min-height:48px}.primary:hover{background:var(--dark)}.search-wrap{position:relative;display:flex;align-items:center;gap:14px;background:white;border:1px solid #dce5de;border-radius:12px;padding:0 19px;height:58px;margin-bottom:27px;box-shadow:0 2px 3px #233e2802}.search-wrap>.icon{color:#8b9b91;width:21px}.search-wrap input{border:0;outline:0;background:none;min-width:0;width:100%;height:100%;font-size:15px;color:#344d40}.search-wrap:focus-within{outline:2px solid #87c8b0}.search-hint{font-size:11px;white-space:nowrap;color:#a6afa9}.welcome{display:flex;align-items:center;gap:19px;background:#e9f3ec;border:1px solid #deece1;border-radius:16px;padding:24px 27px;position:relative;overflow:hidden;margin-bottom:34px}.welcome-icon{color:#43876a;background:#f7fbf7;border:1px solid #d8e9dc;border-radius:14px;padding:12px}.welcome h2{font-size:17px;margin:0 0 7px;font-weight:700}.welcome p{font-size:13px;color:#708775;margin:0}.welcome-art{margin-left:auto;transform:rotate(-9deg);opacity:.12;color:#3f8962}.welcome-art .icon{width:80px;height:80px;stroke-width:1}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}h2{font-size:18px;letter-spacing:-.5px;margin:0}.section-title h2 span{color:#82968a;font-size:13px;margin-left:7px;font-weight:500}.text-button{font-size:12px;color:#7d8e82;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:7px 0}.text-button .icon{width:14px;height:14px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:35px}.category-card{background:white;border:1px solid var(--line);padding:20px 18px;border-radius:14px;display:flex;align-items:center;gap:15px;text-align:left;transition:border-color .15s,transform .15s}.category-card:hover{border-color:#8fba9e;transform:translateY(-2px)}.category-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:#fff3df;color:#b78c46}.category-icon .icon{width:25px;height:25px}.tone-1 .category-icon{background:#e9f3eb;color:#619976}.tone-2 .category-icon{background:#e9f2fb;color:#719dc4}.tone-3 .category-icon{background:#f0edfa;color:#9d89b9}.tone-4 .category-icon{background:#f7eceb;color:#bc8b84}.category-info strong{font-size:15px;font-weight:600;display:block}.category-info small{display:block;color:#8e9b91;font-size:12px;margin-top:6px}.card-arrow{margin-left:auto;width:14px;color:#bec9c1}.empty{background:white;border:1px dashed #d8e2da;border-radius:16px;text-align:center;padding:36px 18px 31px}.empty-icon{width:62px;height:62px;background:#f1f6f1;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;color:#7a9b87}.empty-icon .icon{width:29px;height:29px}.empty h3{font-size:16px;margin:0 0 9px;font-weight:600}.empty p{font-size:13px;margin:0 0 21px;color:#91a095}.empty .primary{font-size:13px;padding:12px 18px;min-height:44px}.empty .primary .icon{width:17px}.items{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.item-card{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;gap:15px;border-bottom:1px solid #edf1ec}.item-card:last-child{border-bottom:0}.item-open{display:flex;align-items:center;gap:18px;text-align:left;min-width:0;flex:1;padding:0}.item-open>span:last-child{min-width:0}.item-open strong{font-size:15px;display:block;overflow-wrap:anywhere}.item-open small{font-size:12px;color:#89978e;display:block;margin-top:5px}.item-thumb{width:63px;height:63px;background:#f2f5f0;border-radius:12px;display:grid;place-items:center;overflow:hidden;color:#8aab96;flex-shrink:0}.item-thumb img{width:100%;height:100%;object-fit:cover}.stepper{display:flex;align-items:center;gap:14px;flex-shrink:0}.stepper button{width:34px;height:34px;border-radius:50%;background:#f1f5f0;display:grid;place-items:center;color:#658772}.stepper button:last-child{color:#2d8561;background:#eaf5ee}.stepper .icon{width:17px;height:17px}.stepper>span{font-size:16px;text-align:center;min-width:34px;font-weight:600}.stepper small{font-size:11px;color:#92a095;font-weight:400;margin-left:4px}.out .item-open{opacity:.55}.out-label{display:inline-block;background:#edf0ed;color:#7f8a81;font-size:12px;padding:3px 7px;border-radius:5px;margin-top:6px}.chips{display:flex;gap:8px;overflow:auto;margin:2px 0 29px;padding-bottom:5px}.chip{padding:9px 17px;border-radius:22px;font-size:14px;white-space:nowrap;background:white;border:1px solid var(--line)}.chip.chosen{background:var(--green);color:white;border-color:var(--green)}.stock-filter{font-size:13px;color:#7c8f81;display:flex;gap:6px;align-items:center}.stock-filter input,.continue input{accent-color:var(--green);width:16px;height:16px}.list-caption{display:flex;justify-content:space-between;padding:0 18px 12px;color:#98a399;font-size:11px}footer{text-align:center;color:#aeb8b0;font-size:11px;letter-spacing:.2px;padding:30px 0 12px}.bottom-nav{display:none}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:9px}.icon-btn:hover{background:#eef4ee}.category-label .icon-btn{width:24px;height:24px}.category-label .icon{width:15px;height:15px}dialog{border:1px solid #e5ece6;padding:0;border-radius:22px;width:560px;max-width:calc(100vw - 28px);max-height:90dvh;color:#293b34;box-shadow:0 24px 100px #193c3130}dialog::backdrop{background:#18372955;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modal-head h2{font-size:19px}.form-body{padding:25px}.photo-area{height:190px;background:#f2f6f1;border:1px dashed #d0dfd2;border-radius:14px;display:grid;place-items:center;overflow:hidden;color:#81a18b}.photo-area>span{display:flex;align-items:center;flex-direction:column;gap:11px}.photo-area .icon{width:36px;height:36px}.photo-area strong{font-size:15px;font-weight:500}.photo-area small{font-size:12px}.photo-area img{width:100%;height:100%;object-fit:contain}.photo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.secondary{background:#edf5ef;color:#367657;padding:12px 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;min-height:44px}.secondary .icon{width:18px;height:18px}.analysis{font-size:12px;color:#6c8d78;line-height:1.8;background:#f7faf6;padding:11px 13px;border-radius:9px;margin-bottom:24px}.analysis .text-button{margin-left:8px;text-decoration:underline}.field{display:block;font-size:14px;font-weight:600;margin:0 0 20px}.field input,.field select,.field textarea,.sub-edit input{display:block;width:100%;border:1px solid #dce5de;border-radius:9px;padding:12px 13px;margin-top:8px;background:white;color:#314539;min-width:0;font-size:16px;font-weight:400}.field textarea{resize:vertical}.required{color:#509777}.optional{font-weight:400;color:#9ba59e;font-size:12px;margin-left:5px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-quantity{display:flex;align-items:center;gap:15px;margin-top:8px}.form-quantity input{width:88px;margin:0;text-align:center;appearance:textfield}.form-quantity input::-webkit-inner-spin-button{appearance:none}.form-quantity .icon-btn{background:#eef5ed;border-radius:50%}.form-quantity>span{font-weight:400;color:#91a194}.form-footer{position:sticky;bottom:0;background:white;padding:17px 25px 22px;border-top:1px solid var(--line);z-index:1}.wide{width:100%}.continue{font-size:13px;color:#849287;display:flex;align-items:center;gap:6px;margin-bottom:13px}.error{color:#b94843;font-size:13px;line-height:1.7}.error:empty{display:none}.detail-body{padding:25px}.detail-photo{background:#f0f5ee;border-radius:14px;height:250px;display:grid;place-items:center;overflow:hidden;color:#94ad98}.detail-photo img{width:100%;height:100%;object-fit:contain}.detail-photo>.icon{width:80px;height:80px}.detail-category{font-size:13px;color:#84a18c;margin:24px 0 8px}.detail-body>h2{font-size:25px;overflow-wrap:anywhere}.detail-quantity{display:flex;justify-content:center;padding:30px 0}.detail-quantity .stepper{gap:30px}.detail-quantity .stepper button{width:48px;height:48px}.detail-quantity .stepper>span{font-size:27px}.memo{background:#f6f8f5;border-radius:11px;padding:17px}.memo small{color:#8a9b8e;font-size:12px}.memo p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:8px 0 0}.dates{display:grid;grid-template-columns:60px 1fr;gap:8px;font-size:12px;margin-top:24px;color:#91a094}.dates dd{margin:0;color:#6b8072}.detail-footer{display:flex;gap:12px;padding:20px 25px;border-top:1px solid var(--line)}.detail-footer>*{flex:1}.danger{background:#fff0ee;color:#b64f49;padding:12px 18px;border-radius:10px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.danger .icon{width:18px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-body>p{font-size:14px;line-height:1.9}.manage-list{margin:20px 0}.manage-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.manage-row>span{min-width:0}.manage-row .icon{color:#8daa95;margin-right:9px;width:18px}.manage-row strong{font-size:14px}.manage-row small{display:block;font-size:12px;color:#99a69d;margin:5px 0 0 28px;line-height:1.7}.sub-edit{display:flex;align-items:center;gap:7px;margin-bottom:9px}.sub-edit input{margin:0}.sub-edit button{flex-shrink:0}#toast{position:fixed;left:calc(50% + 124px);bottom:30px;transform:translate(-50%,20px);background:#2c4d3f;color:white;padding:14px 23px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90vw;width:max-content;box-shadow:0 8px 30px #18332220}#toast.show{opacity:1;transform:translate(-50%,0)}.spinner{display:inline-block;border:2px solid #d6e7db;border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:spin 1s linear infinite;vertical-align:middle;margin-right:5px}@keyframes spin{to{transform:rotate(360deg)}}.storage-error{padding:40px}.storage-error button{padding:15px;background:#dceee1;border-radius:10px}[hidden]{display:none!important}@media(min-width:1400px){.content{padding-top:55px}.category-card{padding:24px}.welcome{padding:25px 28px}}@media(max-width:1050px){.sidebar{width:210px;padding:30px 14px}.brand{font-size:17px;gap:8px}.brand>.icon{width:36px;height:36px}main{margin-left:210px}.content{padding:32px}.topbar{padding:0 32px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#toast{left:calc(50% + 105px)}.category-grid .category-card:last-child{grid-column:1/-1}}@media(max-width:700px){.sidebar{display:none}main{margin-left:0}.topbar{height:53px;padding:0 22px;font-size:12px}.device-tag{font-size:11px}.content{padding:26px 20px 110px}.page-title{margin-bottom:23px}h1{font-size:28px}.eyebrow{font-size:9px;letter-spacing:1.7px}.subtitle{font-size:13px}.desktop-add{display:none}.search-wrap{height:53px;margin-bottom:20px;padding:0 14px}.search-wrap input{font-size:14px}.search-hint{display:none}.welcome{padding:20px 16px;gap:12px;margin-bottom:29px}.welcome h2{font-size:15px}.welcome p{font-size:12px}.welcome-icon{padding:10px}.welcome-art{display:none}.section-title h2{font-size:17px}.text-button{font-size:12px}.category-grid{gap:10px;margin-bottom:29px}.category-card{padding:17px 14px;gap:10px}.category-icon{width:42px;height:42px;border-radius:12px}.category-info strong{font-size:14px}.category-info small{font-size:12px}.category-grid .category-card:last-child{grid-column:auto}.card-arrow{display:none}.empty{padding:30px 15px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(15px);border-top:1px solid var(--line);height:calc(74px + env(safe-area-inset-bottom));padding:8px 35px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;z-index:3}.bottom-nav>button{display:flex;align-items:center;flex-direction:column;gap:5px;color:#96a299;padding:5px 20px;font-size:10px}.bottom-nav>button.selected{color:var(--green)}.bottom-nav>button.floating-add{padding:0;background:var(--green);width:55px;height:55px;display:grid;place-items:center;border-radius:50%;color:white;box-shadow:0 4px 13px #26856733;transform:translateY(-9px)}.floating-add .icon{width:27px;height:27px}.item-card{padding:15px 13px;gap:7px}.item-open{gap:10px}.item-thumb{width:52px;height:58px}.item-open strong{font-size:14px}.stepper{gap:7px}.stepper button{width:32px;height:36px}.stepper>span{font-size:15px;min-width:26px}.stepper small{display:none}.list-caption{font-size:10px;padding:0 5px 10px}.stock-filter{font-size:12px}dialog{max-width:100%;width:100%;max-height:95dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.modal-head{padding:17px 20px}.form-body,.detail-body{padding:20px}.form-footer{padding:15px 20px calc(20px + env(safe-area-inset-bottom))}.detail-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.photo-area{height:170px}.photo-actions .secondary{flex:1;font-size:13px;padding:12px 10px}.form-columns{gap:10px}#toast{left:50%;bottom:95px;font-size:13px;white-space:normal;text-align:center}.storage-error{padding:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.install-panel{position:fixed;right:25px;bottom:24px;display:flex;align-items:center;gap:12px;z-index:4;background:white;padding:15px 16px;border:1px solid #dce8df;border-radius:15px;box-shadow:0 8px 35px #21453420;max-width:calc(100vw - 30px)}.install-panel img{border-radius:10px}.install-panel strong{display:block;font-size:14px}.install-panel span{display:block;font-size:12px;color:#82958a;margin-top:4px}.install-panel .primary{min-height:40px;padding:9px 14px}.install-panel .icon-btn{font-size:23px;width:25px}.install-help{z-index:10}.install-help h3{font-size:16px}.install-help p{font-size:15px;line-height:1.9}@media(max-width:700px){.install-panel{right:12px;left:12px;bottom:calc(88px + env(safe-area-inset-bottom));padding:12px;gap:9px;max-width:none}.install-panel strong{font-size:13px}.install-panel span{font-size:11px}.install-panel img{width:34px;height:34px}.install-panel .primary{margin-left:auto;font-size:13px}.topbar{padding-top:env(safe-area-inset-top);height:calc(53px + env(safe-area-inset-top))}}