:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#203f4b;background:#f4f7f8}
#app{grid-template-columns:240px minmax(0,1fr)}#app>main{margin:0;max-width:none;padding:28px 32px;width:100%}
.sidebar{padding:12px;background:#fff}.sidebar nav{display:block}.sidebar .nav-group{--nav-accent:#247d99;--nav-tint:#eaf4f7;--nav-edge:#d3e5ed;padding:6px 0 10px;border-bottom:1px solid #cfdee6;margin-bottom:6px}
.sidebar [data-nav-group=users]{--nav-accent:#ae526b;--nav-tint:#fbeef2;--nav-edge:#efd6df}.sidebar [data-nav-group=store-products]{--nav-accent:#36815d;--nav-tint:#eaf5ed;--nav-edge:#cfe6d7}.sidebar [data-nav-group=orders]{--nav-accent:#2374bd;--nav-tint:#eaf2fc;--nav-edge:#cedff4}.sidebar [data-nav-group=billing]{--nav-accent:#966716;--nav-tint:#fff5df;--nav-edge:#efdfb6}.sidebar [data-nav-group=statements]{--nav-accent:#187e80;--nav-tint:#e7f5f3;--nav-edge:#c8e6e2}
.sidebar .nav-group>.nav-group-title{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px;width:100%;border:1px solid transparent;border-radius:6px;background:transparent;color:#344c59;font-size:14px;font-weight:700;text-align:left}
.sidebar .nav-group-title:not(.nav-home)::after{content:'›';color:var(--nav-accent);margin-left:auto;font-size:20px}.sidebar .open>.nav-group-title:not(.nav-home)::after{content:'⌄'}
.sidebar .nav-group-title:hover,.sidebar .nav-group.open>.nav-group-title:not(.nav-home),.sidebar .nav-home.active{background:var(--nav-tint);border-color:var(--nav-edge);color:var(--nav-accent)}
.sidebar .ops-nav-symbol{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;background:var(--nav-tint);border-radius:6px;color:var(--nav-accent)}.ops-nav-symbol svg{width:19px;height:19px;stroke-width:1.8}
.sidebar .nav-group-items{margin:6px 0 4px 24px;padding-left:12px;border-left:1px solid var(--nav-edge)}.sidebar .nav-group-items .nav-item{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:5px;min-height:40px;font-size:13px;font-weight:500;color:#526670;padding:10px 12px;background:transparent;margin:3px 0;white-space:normal;line-height:1.4}
.sidebar .nav-group-items .nav-item:hover{background:var(--nav-tint);color:var(--nav-accent)}.sidebar .nav-group-items .nav-item.active{background:var(--nav-tint);color:var(--nav-accent);box-shadow:inset 3px 0 var(--nav-accent);font-weight:700}
.heading{padding-bottom:18px;margin-bottom:24px}h1{font-size:24px}#app>main>.notice{font-size:12px;padding:10px 12px;margin-bottom:22px}.table-wrap th{background:#eaf2f4;color:#4d6976}.table-wrap tbody tr:hover td{background:#f5faf9}
.home-metrics>button:nth-child(1){background:#eef7f8;border-color:#cee5e8;border-top:3px solid #24949c}.home-metrics>button:nth-child(2){background:#fdf5e5;border-color:#eddfbf;border-top:3px solid #bd9136}.home-metrics>button:nth-child(3){background:#f9edf2;border-color:#ecd4df;border-top:3px solid #b96886}
.ops-approval-badge{margin-left:auto;min-width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:#efd8e1;color:#98445d;font-size:11px}.sidebar .nav-item:has(.ops-approval-badge){display:flex;align-items:center;gap:8px}
.ops-approval-section{margin:20px 0 34px}.ops-approval-section>h2{font-size:18px;margin:0 0 14px}.ops-approval-section .empty{min-height:108px;border-radius:8px;display:grid;place-items:center;color:#8195a5;background:#fbfdff}.ops-approval-stage-0>h2,.ops-approval-stage-1>h2{padding:26px 20px;border:1px solid #c6e6e8;border-left:5px solid #188f96;border-radius:8px;background:#f0f9fa;min-height:86px;color:#163d57}.ops-approval-stage-1>h2{border-color:#ddd5f7;border-left-color:#8063b7;background:#f8f5fe}
#opsMenuToggle{display:none}#opsMenuToggle svg,#localLogout svg{width:18px;height:18px}#localLogout{display:flex;align-items:center;gap:8px}#opsMenuBackdrop{position:fixed;inset:72px 0 0;border:0;border-radius:0;background:#172b3a66;z-index:79}
.ops-summary-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ops-summary-tools label{display:grid;gap:8px;font-size:12px;color:#68818b}.ops-summary-tools select{min-width:190px}.ops-summary-tools button{min-height:42px}#opsSummaryCreate{background:#2164c5;color:white;border-color:#2164c5}#opsSummaryStatus{font-size:13px;color:#68818b;margin:20px 0}.ops-summary-category{margin:24px 0}.ops-summary-category h2{font-size:16px;padding:14px 16px;background:#eaf5ed;border-left:3px solid #36815d;margin:0 0 12px}.ops-summary-category table{min-width:560px}.ops-summary-category th:first-child{width:65%}.ops-summary-category td{padding:16px}.ops-summary-category td.amount{font-size:16px;font-weight:700}@media(max-width:600px){.ops-summary-tools label{flex:1;min-width:0}.ops-summary-tools select{width:100%;min-width:0}.ops-summary-category table{min-width:430px}}
.ops-order-date-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eef4ff;border-radius:6px;padding:10px 12px;margin:18px;width:fit-content;max-width:calc(100% - 36px)}.ops-order-date-tools label{font-size:11px;color:#708b9c;gap:8px}.ops-order-date-tools input{width:140px;min-height:34px;height:34px;padding:6px 8px;font-size:11px}.ops-order-date-save{font-size:11px;min-height:34px;padding:6px 10px;background:#2164c5;color:white;border-color:#2164c5}.ops-order-date-tools span{font-size:10px;color:#708b9c}
.ops-order-store{border:1px solid #d6e4eb;border-radius:8px;background:white;margin:18px 0;overflow:hidden}.ops-order-store>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f1f8fa;padding:18px 20px;border-bottom:1px solid #d6e4eb;list-style:none}.ops-order-store>summary strong{font-size:16px}.ops-order-store>summary small{display:block;color:#708b9c;font-size:11px;margin-top:7px}.ops-order-store>summary>span{float:none;font-size:12px;color:#68818b;white-space:nowrap}.ops-order-store>summary b{font-size:16px;color:#173e59;margin-left:8px}.ops-order-lines{margin:0 18px 18px;border:0;padding:0}.ops-order-lines .table-wrap{border-radius:6px}.ops-order-lines table{min-width:920px;table-layout:fixed}.ops-order-lines th:first-child{width:29%}.ops-order-lines th:nth-child(2){width:17%}.ops-order-lines th:nth-child(3){width:8%}.ops-order-lines th:nth-child(4){width:12%}.ops-order-lines th:nth-child(5){width:16%}.ops-order-lines th:nth-child(6){width:7%}.ops-order-lines th:last-child{width:11%}.ops-order-lines td{padding:12px 10px;font-size:12px}.ops-order-lines td small{font-size:10px;margin-top:5px}.ops-order-quantity input{width:76px;height:34px;min-height:34px;padding:6px 8px;text-align:center}.ops-order-inline-save{min-height:34px;padding:6px 9px;margin-left:6px;background:#2164c5;color:white;border-color:#2164c5;font-size:11px}.ops-order-inline-save:hover{background:#1955aa}.ops-order-quantity .ops-dirty{border-color:#c59532;background:#fffbef}.ops-order-line-edit{min-height:32px;padding:6px 9px;font-size:11px}.ops-order-lines>.order-edit-action{margin:12px 0}.ops-order-store .operation-note{font-size:12px;margin:12px 0}.ops-order-store .operation-record:first-of-type{margin-top:18px}@media(max-width:600px){.ops-order-store>summary{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.ops-order-store>summary>span{align-self:flex-end}.ops-order-lines{margin:0 12px 14px}}
@media(max-width:700px){#app{display:block}.sidebar{padding:8px 12px}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sidebar .nav-group{margin:0;min-width:0}.sidebar .nav-group-items{margin-left:12px;padding-left:6px}.sidebar .nav-group-title{font-size:13px!important;padding:8px 6px!important}.sidebar .ops-nav-symbol{width:26px;height:26px;flex-basis:26px}#app>main{padding:22px 16px}.heading{margin-bottom:18px}h1{font-size:22px}}
@media(max-width:700px){header{height:72px;min-height:72px;padding:10px 12px;gap:10px;flex-wrap:nowrap;position:sticky;top:0;z-index:81}.brand{font-size:15px;gap:8px;flex:1;min-width:0}.brand img{width:36px;height:36px;flex-shrink:0}.brand small{font-size:8px}.mode,#localIdentity{display:none!important}#opsMenuToggle{display:grid;place-items:center;width:36px;height:38px;min-height:38px;padding:8px;flex-shrink:0}#localLogout{width:36px;height:38px;min-height:38px;padding:8px;justify-content:center;flex-shrink:0}#localLogout span{display:none}.sidebar{position:fixed;top:72px;left:0;bottom:0;width:240px;z-index:80;overflow:auto;transform:translateX(-100%);transition:transform .15s ease;border-right:1px solid #d6e4eb}.ops-menu-open .sidebar{transform:translateX(0)}.sidebar nav{display:block}.sidebar .nav-group{padding:6px 0 10px;margin-bottom:6px}.sidebar p{display:block}.sidebar .nav-group-items{margin-left:24px;padding-left:12px}.sidebar .ops-nav-symbol{width:30px;height:30px;flex-basis:30px}.sidebar .nav-group-title{font-size:14px!important;padding:8px 10px!important}}
.ops-inventory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid #dce6ed;border-bottom:1px solid #dce6ed;margin:12px 0 24px}.ops-inventory-stats>div{padding:22px;border-right:1px solid #dce6ed;min-width:0}.ops-inventory-stats>div:last-child{border-right:0}.ops-inventory-stats span{display:block;color:#70879a;font-size:12px;margin-bottom:14px}.ops-inventory-stats strong{font-size:20px;overflow-wrap:anywhere}#inventoryError{color:#a94b39;font-size:13px}#inventory .table-wrap{max-width:100%;overflow:auto}#inventory table{min-width:900px}#inventoryScope{width:200px;max-width:100%}@media(max-width:700px){.ops-inventory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-inventory-stats>div{padding:16px}.ops-inventory-stats strong{font-size:17px}.ops-inventory-stats>div:nth-child(2){border-right:0}.ops-inventory-stats>div:nth-child(-n+2){border-bottom:1px solid #dce6ed}}
.ops-inventory-dates{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ops-inventory-dates[hidden]{display:none}.ops-inventory-dates label{display:grid;gap:6px;font-size:12px}.ops-inventory-dates input{width:160px;max-width:100%}.ops-inventory-dates>span{color:#70879a;font-size:12px}
#opsInventoryDialog{width:min(720px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #cbdbe5;border-radius:8px;color:#214350}#opsInventoryDialog::backdrop{background:#17354588}.ops-inventory-move-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-inventory-move-grid label{display:grid;gap:7px;font-size:13px;min-width:0}.ops-inventory-move-grid input,.ops-inventory-move-grid select,.ops-inventory-move-grid textarea{width:100%;min-width:0}.ops-inventory-wide{grid-column:1/-1}#inventoryMoveResult{display:block;background:#e8f5ef;padding:14px;margin:18px 0;line-height:1.6;overflow-wrap:anywhere}.ops-inventory-agree{display:flex;align-items:center;gap:8px;font-size:13px}.ops-inventory-agree input{width:18px;height:18px}#inventoryMoveSave{background:#2164c5;color:#fff}#inventoryMoveMessage{color:#a94b39;font-size:13px}#inventoryMoveLot,#inventoryMoveStock{overflow-wrap:anywhere}@media(max-width:600px){#opsInventoryDialog{padding:16px}.ops-inventory-move-grid{grid-template-columns:1fr}.ops-inventory-wide{grid-column:auto}}
.ops-inventory-batch-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.ops-inventory-batch-tools[hidden]{display:none}.ops-inventory-batch-tools label{display:flex;gap:8px;align-items:center;font-size:13px}.ops-inventory-batch-tools input,.stock-lot-select{width:18px;height:18px}.stock-lot-select{float:left;margin:2px 10px 0 0}.ops-inventory-batch-tools span{font-size:12px;color:#70879a}#opsInventoryBatch{width:min(1000px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #cbdbe5;border-radius:8px;color:#214350}#opsInventoryBatch::backdrop{background:#17354588}#opsInventoryBatch .table-wrap{overflow:auto}#opsInventoryBatch table{min-width:660px}#inventoryBatchRows input{width:120px;min-width:100px}.ops-inventory-batch-reason{display:grid;gap:7px;margin:18px 0;font-size:13px}.ops-inventory-batch-reason textarea{width:100%;min-height:70px}#inventoryBatchSave{background:#2164c5;color:white}#inventoryBatchMessage{color:#a94b39;font-size:13px}@media(max-width:600px){#opsInventoryBatch{padding:16px}.ops-inventory-batch-tools{align-items:flex-start}}
#opsInventoryOpening{width:min(1400px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #cbdbe5;border-radius:8px;color:#214350}#opsInventoryOpening::backdrop{background:#17354588}#opsInventoryOpening .table-wrap{max-width:100%;overflow:auto}#opsInventoryOpening table{min-width:1300px}#inventoryOpeningRows input,#inventoryOpeningRows select{width:100px;min-width:80px}.ops-inventory-opening-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.ops-inventory-opening-controls label{display:grid;gap:7px;font-size:13px}.ops-inventory-opening-controls select{max-width:300px}#inventoryOpeningSave{background:#2164c5;color:#fff}#inventoryOpeningMessage{color:#a94b39;font-size:13px}@media(max-width:600px){#opsInventoryOpening{padding:16px}.ops-inventory-opening-controls label{width:100%}.ops-inventory-opening-controls select{max-width:100%;width:100%}}
.inventory-lot-delete{color:#b13238;margin-left:6px}#opsInventoryDelete{width:min(620px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #cbdbe5;border-radius:8px;color:#214350}#opsInventoryDelete::backdrop{background:#17354588}#inventoryDeleteLot{overflow-wrap:anywhere}#inventoryDeleteSave{background:#b13238;color:white}#inventoryDeleteMessage{color:#a94b39;font-size:13px}@media(max-width:600px){#opsInventoryDelete{padding:16px}}
#opsInventoryUndo{width:min(880px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #cbdbe5;border-radius:8px;color:#214350}#opsInventoryUndo::backdrop{background:#17354588}#opsInventoryUndo .table-wrap{overflow:auto;max-width:100%}#opsInventoryUndo table{min-width:640px}#inventoryUndoSave{background:#b13238;color:white}#inventoryUndoMessage{color:#a94b39;font-size:13px}@media(max-width:600px){#opsInventoryUndo{padding:16px}}