#deskStockView{--ink:#26323b;--sub:#7b868f;--line:#e1e6e9;--navy:#254a60;--green:#2e7661;--bg:#f5f6f7}
#deskStockView *{box-sizing:border-box}
#deskStockView{margin:0;font:13px Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:-.025em}
#deskStockView button,#deskStockView input,#deskStockView select{font:inherit;color:inherit}
#deskStockView button{cursor:pointer}
#deskStockView button{border:0;background:none}
#deskStockView button:focus-visible,#deskStockView input:focus-visible,#deskStockView select:focus-visible{outline:2px solid #608eaf;outline-offset:2px}
#deskStockView button:disabled{cursor:default;opacity:.4}
#deskStockView svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
#deskStockView [hidden]{display:none!important}
#deskStockView .app{display:flex;min-height:100vh}
#deskStockView .side{width:194px;flex-shrink:0;background:#202e3b;color:#bbc5ce;padding:26px 14px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}
#deskStockView .brand{font-weight:760;font-size:27px;letter-spacing:-1px;color:#fff;padding:0 13px 29px;border-bottom:1px solid #ffffff15;margin-bottom:24px}
#deskStockView .nav{display:grid;gap:5px}
#deskStockView .nav span,#deskStockView .nav button{padding:12px 13px;font-size:12px;display:flex;gap:11px;align-items:center;min-height:41px;text-align:left;border-radius:4px}
#deskStockView .nav .active{background:#e7edf0;color:#2e4657;font-weight:700}
#deskStockView .nav .line{height:1px;min-height:0;padding:0;background:#ffffff15;margin:13px 10px}
#deskStockView .sidefoot{margin-top:auto;padding:20px 12px 0;color:#9eabb6;font-size:11px}
#deskStockView .sidefoot b{display:block;color:#e3e8ec;margin-bottom:5px}
#deskStockView .workspace{flex:1;min-width:0;padding:29px 34px 45px;max-width:1540px;margin:auto}
#deskStockView .page-head{display:flex;align-items:center;gap:11px;margin-bottom:28px}
#deskStockView h1{font-size:25px;letter-spacing:-.7px;margin:0;font-weight:720}
#deskStockView .demo-tag{font-size:10px;letter-spacing:0;color:#7a838d;background:#e8ecef;padding:4px 6px;border-radius:3px}
#deskStockView .top-actions{margin-left:auto;display:flex;gap:7px}
#deskStockView .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:#fff;border:1px solid #cfd8df;border-radius:4px;font-size:12px;white-space:nowrap}
#deskStockView .btn:hover{background:#eef2f5}
#deskStockView .btn.primary{background:#2f5269;color:white;border-color:#2f5269}
#deskStockView .btn.primary:hover{background:#244357}
#deskStockView .period-summary{display:flex;align-items:center;gap:25px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}
#deskStockView .period{display:flex;align-items:center;gap:4px}
#deskStockView .period button{width:27px;height:30px;color:#8796a1;border-radius:3px}
#deskStockView .period button:hover{background:#e6ebee}
#deskStockView .period input{border:0;background:transparent;font-weight:650;font-size:15px;width:132px;padding:3px}
#deskStockView .metrics{display:flex;align-items:center;gap:28px;margin-left:auto;font-variant-numeric:tabular-nums}
#deskStockView .metric{display:flex;align-items:baseline;gap:11px;padding-left:24px;border-left:1px solid #dce2e6}
#deskStockView .metric span{font-size:11px;color:#78858f}
#deskStockView .metric strong{font-size:24px;font-weight:650;letter-spacing:-.7px}
#deskStockView .metric small{font-size:11px;margin-left:3px;font-weight:400;color:#7e8992}
#deskStockView .metric.revenue strong{font-size:23px;color:#315a51}
#deskStockView .filterbar{display:flex;align-items:center;gap:10px;margin:0 0 13px;flex-wrap:wrap}
#deskStockView .tabs{display:flex;gap:3px}
#deskStockView .tabs button{padding:7px 13px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#74818c;white-space:nowrap}
#deskStockView .tabs button[aria-pressed=true]{background:#fff;color:#263f53;border-color:#cdd6dd;font-weight:650}
#deskStockView .tabs button:hover{background:#e9eef1}
#deskStockView .tabs small{font-size:10px;margin-left:5px;color:#8b979f}
#deskStockView .filter-right{display:flex;align-items:center;gap:9px;margin-left:auto}
#deskStockView .low-filter{font-size:11px;color:#977135;display:flex;gap:6px;align-items:center;border:1px solid #e4d5b8;background:#fbf4e7;padding:7px 9px;border-radius:4px}
#deskStockView .low-filter[aria-pressed=true]{background:#edd9ac;color:#795014;border-color:#c5a163}
#deskStockView .low-filter i{width:5px;height:5px;background:#c38b2b;border-radius:50%}
#deskStockView .search{display:flex;align-items:center;background:#fff;border:1px solid #d3dbe1;border-radius:4px;padding:0 9px;gap:7px;height:32px;width:175px;color:#98a2aa}
#deskStockView .search input{border:0;outline:none;width:100%;min-width:0;background:none;font-size:12px}
#deskStockView .table-wrap{border:1px solid #d7dfe5;border-radius:5px;overflow:auto;background:#fff}
#deskStockView .stock{border-collapse:collapse;width:100%;table-layout:fixed;font-variant-numeric:tabular-nums;min-width:800px}
#deskStockView .stock col.product{width:220px}
#deskStockView .stock col.price{width:88px}
#deskStockView .stock col.in,#deskStockView .stock col.out{width:60px}
#deskStockView .stock col.current{width:112px}
#deskStockView .stock col.actions{width:auto}
#deskStockView .stock th{height:34px;background:#414c56;color:#eaf0f3;font-size:11px;font-weight:450;text-align:right;padding:0 17px;white-space:nowrap}
#deskStockView .stock th:first-child{text-align:left;padding-left:21px}
#deskStockView .stock th:last-child{text-align:left}
#deskStockView .stock td{height:43px;border-bottom:1px solid #edf0f2;padding:0 17px;text-align:right;vertical-align:middle}
#deskStockView .stock tbody:last-child tr:last-child td{border-bottom:0}
#deskStockView .stock .group td{height:31px;background:#edf1f4;text-align:left;font-size:11px;font-weight:650;color:#647887;padding:0 20px;border-top:1px solid #dce4e9}
#deskStockView .group .group-count{font-weight:400;color:#98a3ab;margin-left:8px}
#deskStockView .group .group-total{float:right;font-weight:450;color:#81909b}
#deskStockView .stock tr.item:hover td{background:#fafcfd}
#deskStockView .stock td:first-child{text-align:left;padding-left:20px}
#deskStockView .product-button{display:flex;align-items:center;gap:10px;padding:0;width:100%;text-align:left;min-height:39px;font-size:12px;font-weight:550}
#deskStockView .product-button .chevron{font-size:13px;color:#a8b4bd;transform:rotate(0);display:inline-block;width:9px}
#deskStockView .product-button[aria-expanded=true] .chevron{transform:rotate(90deg)}
#deskStockView .variant{font-size:11px;border:1px solid #dae1e5;border-radius:3px;min-width:40px;text-align:center;display:inline-block;padding:3px 5px;background:#fcfdfe;font-weight:600;letter-spacing:0;color:#536b7b}
#deskStockView .qty-in{color:#4e7b70}
#deskStockView .qty-out{color:#8999a5}
#deskStockView .price-button{font-size:12px;padding:5px 0;color:#7e8a93}
#deskStockView .price-button:hover{text-decoration:underline;color:#35566c}
#deskStockView .stock-value{font-size:17px;font-weight:650;color:#314b5b}
#deskStockView .stock-value.low{color:#b47e23}
#deskStockView .stock-value.zero{color:#af5a55}
#deskStockView .stock-value small{font-size:10px;font-weight:400;margin-left:4px;color:#a1aab0}
#deskStockView .low-label{font-size:9px;color:#ae7d34;background:#fbf2df;border:1px solid #eddfbd;padding:2px 4px;border-radius:3px;margin-left:5px;vertical-align:middle}
#deskStockView .empty-label{color:#a8605a;background:#faeeee;border-color:#ecd5d3}
#deskStockView .row-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;white-space:nowrap}
#deskStockView .row-actions button{height:27px;min-width:59px;font-size:11px;padding:0 9px;border:1px solid #d4dfe5;border-radius:3px;color:#647f8f;background:white}
#deskStockView .row-actions .sell{background:#edf3f6;color:#355b70;border-color:#ccdae2}
#deskStockView .row-actions .sell:hover{background:#dae8ef}
#deskStockView .row-actions .in:hover{background:#e7f1ed;color:#2d6958}
#deskStockView .manage-actions{display:inline-flex;align-items:center;flex-shrink:0;border:1px solid #d4dfe5;border-radius:3px;background:#fff}
#deskStockView .row-actions .manage-actions button{border:0;border-radius:0;min-width:0;height:25px;padding:0 8px;background:transparent;color:#647f8f}
#deskStockView .row-actions .manage-actions button+button{border-left:1px solid #d4dfe5}
#deskStockView .row-actions .manage-actions .delete{color:#b83b36}
#deskStockView .row-actions .manage-actions button:hover{background:#edf0f2}
#deskStockView .row-actions .manage-actions .delete:hover{background:#faeeee}
#deskStockView .item-detail td{background:#f7f9fb;padding:13px 22px!important;height:auto;text-align:left!important}
#deskStockView .inline-head{font-size:11px;color:#7c8994;margin-bottom:9px}
#deskStockView .inline-history{display:grid;gap:8px}
#deskStockView .inline-history>div{display:flex;align-items:center;gap:17px;font-size:11px;color:#6b7984}
#deskStockView .inline-history time{width:98px;color:#a0a9b1}
#deskStockView .inline-history .memo{color:#98a3ac}
#deskStockView .inline-empty{color:#9ca6ae;font-size:11px}
#deskStockView .footnote{display:flex;align-items:center;justify-content:space-between;padding:10px 3px;color:#98a3ac;font-size:10px}
#deskStockView .legend{display:flex;gap:15px}
#deskStockView .legend span{display:flex;gap:5px;align-items:center}
#deskStockView .legend i{width:5px;height:5px;border-radius:50%;background:#b58b42}
#deskStockView .ledger{margin-top:22px}
#deskStockView .ledger-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#deskStockView .ledger-head h2{font-size:14px;letter-spacing:-.3px;margin:0;font-weight:650}
#deskStockView .ledger-head select{margin-left:auto;font-size:11px;border:1px solid #d2dbe2;padding:6px 8px;border-radius:4px;background:#fff;color:#7a8a96}
#deskStockView .ledger-head button{font-size:11px;color:#6f8493;padding:5px}
#deskStockView .history{border:1px solid #dce3e8;border-radius:4px;background:#fff;overflow:auto}
#deskStockView .history table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;min-width:670px;table-layout:fixed}
#deskStockView .history th{background:#f0f3f5;color:#84929d;font-size:10px;text-align:left;font-weight:500;padding:9px 15px}
#deskStockView .history td{padding:10px 15px;border-top:1px solid #edf0f2;font-size:11px;color:#6d7d88}
#deskStockView .history th:nth-child(1){width:125px}
#deskStockView .history th:nth-child(2){width:64px}
#deskStockView .history th:nth-child(4){width:70px}
#deskStockView .history th:nth-child(5){width:100px}
#deskStockView .history th:nth-child(6){width:22%}
#deskStockView .history th:last-child{width:45px}
#deskStockView .tag{display:inline-block;border-radius:3px;padding:3px 5px;font-size:10px;color:#5b7790;background:#eef3f7}
#deskStockView .tag.in{color:#447a65;background:#eaf3ed}
#deskStockView .tag.adjust{color:#8c7b5c;background:#f5f1e8}
#deskStockView .void{opacity:.45;text-decoration:line-through}
#deskStockView .cancel-record{padding:0;color:#a0aab3;font-size:13px}
#deskStockView .cancel-record:hover{color:#b35850}
#deskStockView .empty{padding:30px;text-align:center;font-size:12px;color:#a0aab3}
#deskStockView .toast{position:fixed;bottom:25px;left:calc(50% + 75px);transform:translateX(-50%);display:flex;align-items:center;gap:23px;background:#2e4352;color:white;border-radius:5px;box-shadow:0 4px 18px #18232d18;padding:12px 17px;z-index:50;font-size:12px}
#deskStockView .toast button{color:#b4d9ed;font-weight:600;font-size:11px}
#deskStockView .toast .x{color:#a0b3bf;font-size:17px}
#deskStockView .save-state{font-size:10px;color:#91a29a}
#deskStockView .reset{font-size:10px;color:#9ca7ae;padding:5px 0;margin-top:15px;float:right}
#deskStockView dialog{border:1px solid #d9e0e5;border-radius:7px;width:390px;padding:23px;color:var(--ink);box-shadow:0 15px 55px #24334030}
#deskStockView dialog::backdrop{background:#23354450}
#deskStockView dialog h2{font-size:19px;margin:0 0 6px}
#deskStockView dialog .subtitle{font-size:12px;color:#7b8b96;margin-bottom:20px}
#deskStockView dialog label{display:block;margin:15px 0 6px;font-size:11px;color:#778b98}
#deskStockView dialog input,#deskStockView dialog select{height:36px;width:100%;border:1px solid #cfdbe3;border-radius:4px;padding:0 10px;background:#fff}
#deskStockView dialog .formrow{display:flex;gap:14px}
#deskStockView dialog .formrow>div{flex:1;min-width:0}
#deskStockView dialog .dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:23px}
#deskStockView dialog .checkline{font-size:12px;color:#567184;margin-top:12px;padding:9px 12px;background:#f1f5f7;border-radius:4px}
#deskStockView .error{color:#b1584c;font-size:11px;min-height:16px;margin-top:9px}
#deskStockView .dialog-actions button{min-height:35px}
#deskStockView .a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1550px){#deskStockView .workspace{padding:35px 43px}
}
@media(max-width:1100px){#deskStockView .side{width:170px}
#deskStockView .workspace{padding:25px 23px}
#deskStockView .metric{gap:8px;padding-left:16px}
#deskStockView .metrics{gap:16px}
#deskStockView .filterbar{gap:10px}
#deskStockView .period-summary{gap:10px}
#deskStockView .metric strong{font-size:22px}
#deskStockView .search{width:150px}
#deskStockView .tabs button{padding:7px 9px}
}
@media(max-width:800px){#deskStockView .side{display:none}
#deskStockView .workspace{padding:22px 16px}
#deskStockView .page-head{flex-wrap:wrap;margin-bottom:20px}
#deskStockView h1{font-size:22px}
#deskStockView .top-actions{margin-left:auto}
#deskStockView .metrics{width:100%;margin-top:4px;justify-content:space-between}
#deskStockView .metric:first-child{border-left:0;padding-left:0}
#deskStockView .period-summary{padding-bottom:17px;margin-bottom:16px}
#deskStockView .metric{padding-left:12px}
#deskStockView .metric strong{font-size:21px}
#deskStockView .metric span{font-size:10px}
#deskStockView .filter-right{width:100%}
#deskStockView .search{margin-left:auto;flex:1;max-width:230px}
#deskStockView .toast{left:50%;max-width:95%;width:max-content}
#deskStockView .stock{min-width:800px}
#deskStockView .top-actions .btn{padding:0 8px;font-size:11px}
#deskStockView dialog{max-width:calc(100vw - 28px)}
}
#deskStockView .month-display{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:146px;height:32px;font-size:14px;font-weight:650}
#deskStockView .month-display>span+span{font-size:14px;color:#8798a4}
#deskStockView .period .month-display input{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer}
#deskStockView .month-display input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
#deskStockView .month-display:focus-within{outline:2px solid #608eaf;outline-offset:1px}

#deskStockView{padding:8px 0 25px;background:transparent;color:#222f39;min-width:0}
#deskStockView[hidden]{display:none!important}
#deskStockView .page-head{margin-bottom:16px}
#deskStockView .save-state{display:inline-block;min-height:18px;font-size:12px}
#deskStockView .save-state.error{color:#aa3932}
#deskStockView .stock th,#deskStockView .stock td{padding-right:12px;padding-left:12px}
#deskStockView .history td{color:#455866}
#deskStockView .toast{z-index:70}
#deskStockView .history th:last-child{width:74px}
#deskStockView .cancel-record{font-size:10px}
#deskStockView dialog:not([open]){display:none}
#deskStockView dialog{margin:auto;max-height:90dvh;overflow:auto;background:#fff}
#deskStockView .period-summary{margin-top:8px}
body.desk-stock-open .portal-heading{display:block}
.sidebar .module-desk-stock{background:#3b4c4a;border-color:#697e7a}
#deskStockView .manager-label{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;margin-right:6px;color:#5b6a76}
#deskStockView .manager-label select{height:33px;min-width:105px;max-width:140px;border:1px solid #cfd8df;border-radius:4px;background:#fff;padding:0 8px;color:#263d4c}
#deskStockView .manager-label select:disabled{opacity:1;color:#657582;background:#f3f5f6}
.sidebar .module-desk-stock .nav-manager{font-size:10px;max-width:82px}
@media(max-width:800px){#deskStockView .top-actions{flex-wrap:wrap;justify-content:flex-end}#deskStockView .manager-label{margin-right:0}}