@media (max-width: 768px){.cl-head{background:linear-gradient(145deg,#091540,#112060 45%,#1a2f80 75%,#2238a8);border-bottom:none}.cl-title{color:#e0e8ff;font-size:20px!important}.cl-search{background:#ffffff1a;border:.5px solid rgba(150,180,255,.22);color:#c8d4f0;font-size:16px!important}.cl-search::placeholder{color:#96b4ff66}.cl-tab{font-size:16px!important}.cl-tab.active{color:#6e9fff;border-bottom-color:#3d6ef0}.cw-header{background:linear-gradient(145deg,#091540,#112060 45%,#1a2f80 75%,#2238a8);border-bottom:none}.send-btn-mobile{background:linear-gradient(135deg,#163085,#3e2eb0);border:none;border-radius:50%;color:#fff}.cl-footer,.mobile-tabbar{background:#0f1520;border-top:.5px solid rgba(255,255,255,.05)}.mobile-tab.active{color:#3d6ef0}.room{border-bottom:.5px solid rgba(255,255,255,.035)}.room .room-name{font-size:17px!important;font-weight:600}.room .room-prev{font-size:15px!important}.room .room-time{font-size:13px!important}.room.active{background:#3d6ef014}.unread{background:linear-gradient(135deg,#1a35a0,#4e32c0);font-size:13px!important}.bubble.me{background:linear-gradient(135deg,#163085,#2545c0)}.bubble{font-size:18px!important;line-height:1.5!important;padding:11px 15px}.msg-name,.sender{font-size:13px!important}.msg-time,.mt{font-size:11px!important}.msg-date-sep{font-size:13px!important}.input-area{background:#0f1520;border-top:.5px solid rgba(255,255,255,.045)}.msg-inp{background:#1a2238;border:none!important;border-radius:22px;color:#d0daff}.mg.me .omc-card,.mg.them .omc-card{margin-bottom:8px}}:root{--them-bubble: #b8b0a5}@media (max-width: 768px){.buyer-app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.buyer-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:.5px solid var(--border);flex-shrink:0;min-height:52px}.buyer-header-title{font-size:17px;font-weight:600}.buyer-header-sub{font-size:12px;color:var(--muted);margin-top:1px}.buyer-header-back{font-size:24px;color:var(--muted);border:none;background:none;padding:4px 8px 4px 0;cursor:pointer}.buyer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.buyer-tabbar{display:flex;height:56px;background:var(--surface);border-top:.5px solid var(--border);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:10}.buyer-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;color:var(--muted);cursor:pointer;border:none;background:none;transition:color .15s;position:relative;font-family:Noto Sans KR,sans-serif}.buyer-tab.active{color:var(--accent)}.buyer-tab-icon{font-size:22px;line-height:1;position:relative;display:inline-block}.buyer-tab-badge{position:absolute;top:-5px;right:-10px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:0 5px;min-width:16px;text-align:center;line-height:16px}.chat-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-page .chat-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-page .chat-window,.chat-page .chat-empty{display:none!important}.chat-page:not(.room-open)>div:not(.chat-list){display:none!important}.chat-page.room-open .chat-list{display:none!important}.chat-page.room-open .chat-window{display:flex!important;flex-direction:column;flex:1;height:100%}.chat-page.room-open~.buyer-tabbar{display:none!important}.cl-head{background:var(--surface);border-bottom:.5px solid var(--border);padding:12px 16px}.cl-title{font-size:20px!important;font-weight:600;color:var(--text)}.cl-search,.cl-tab{font-size:16px!important}.room-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.room{padding:14px 16px;border-bottom:.5px solid var(--border)}.room .room-name{font-size:17px!important;font-weight:600}.room .room-prev{font-size:15px!important}.room .room-time,.room .unread{font-size:13px!important}.bubble.them,.bubble.other{background:#d4e9f7!important;color:#1a1a1a!important}.bubble.them .bubble-time,.bubble.other .bubble-time{color:#00000059}.bubble.me{background:var(--surface2)!important;color:var(--text)!important;border:.5px solid var(--border)}.bubble{font-size:18px!important;line-height:1.5!important;border-radius:16px;padding:11px 15px}.bubble-time{font-size:12px!important}.cw-header{padding:10px 14px;min-height:52px}.input-area{padding:8px 10px!important;background:var(--surface);border-top:.5px solid var(--border);gap:6px!important;flex-wrap:nowrap!important}.msg-inp{font-size:16px!important;height:38px;border-radius:20px!important;min-width:0!important;flex:1 1 0!important;padding:8px 12px!important;border:none!important}.msg-inp:focus{border:none!important;outline:none!important}.input-area .btn{padding:8px 14px!important;font-size:13px!important;flex-shrink:0;white-space:nowrap}.mg .order-msg-card,.mg>div>.order-msg-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px;font-size:14px}.mg .order-msg-card>div:first-child{background:var(--surface2)!important}.mg.me .omc-card,.mg.them .omc-card{margin-bottom:8px}.messages{padding:10px 14px}.msg-date-sep,.msg-name,.sender{font-size:13px!important}.msg-time{font-size:11px!important}.mg>div[style*=inline-flex]{max-width:85%!important;flex-wrap:nowrap!important;align-items:flex-end!important}.mg .bubble{max-width:calc(100% - 60px)!important}.mg .mt{font-size:11px!important;white-space:nowrap;align-self:flex-end;flex-shrink:0;min-width:55px;text-align:right}.mg.me .mt{text-align:left}.purchase-card-view{margin:6px 12px;border-radius:14px;overflow:hidden;background:var(--surface);border:.5px solid var(--border)}.purchase-card-view .pv-summary{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.purchase-card-view .pv-code{font-size:15px;font-weight:600}.purchase-card-view .pv-seller{font-size:13px}.purchase-card-view .pv-amount{font-size:16px;font-weight:600}.purchase-card-view .pv-status,.purchase-card-view .pv-items{font-size:12px}.purchase-card-view .pv-date{font-size:11px}.purchase-card-view .pv-detail{max-height:0;overflow:hidden;transition:max-height .25s ease}.purchase-card-view .pv-detail.open{max-height:600px;border-top:.5px solid var(--border)}.purchase-card-view .pv-detail-inner{padding:10px 14px 14px}.purchase-card-view .pv-detail-item{font-size:14px;padding:6px 0}.purchase-card-view .pv-detail-total{font-size:15px;font-weight:600;border-top:.5px solid var(--border);padding-top:8px;margin-top:6px}.purchase-card-view .pv-detail-btn{flex:1;padding:10px;border-radius:10px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:Noto Sans KR,sans-serif}.purchase-card-view .pv-detail-btn.primary{background:#4f8ef71a;color:var(--accent)}.purchase-card-view .pv-detail-btn.ghost{background:var(--surface2);color:var(--muted)}.purchase-card-view .pv-timeline{display:flex;align-items:center;gap:3px;margin-bottom:10px;padding:8px 0}.purchase-card-view .tl-dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.purchase-card-view .tl-dot.done{background:var(--success);border-color:var(--success)}.purchase-card-view .tl-dot.current{background:var(--accent);border-color:var(--accent)}.purchase-card-view .tl-line{width:20px;height:2px;background:var(--border)}.purchase-card-view .tl-line.done{background:var(--success)}.purchase-card-view .tl-labels{font-size:11px;color:var(--muted);margin-left:8px}.buyer-profile-header{display:flex;align-items:center;gap:14px;padding:24px 16px;background:var(--surface);border-bottom:.5px solid var(--border)}.buyer-profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff}.buyer-profile-name{font-size:18px;font-weight:600}.buyer-profile-phone{font-size:14px;color:var(--muted);margin-top:2px}.buyer-section-title{padding:16px 16px 8px;font-size:13px;font-weight:600;color:var(--muted)}.buyer-info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--surface);border-bottom:.5px solid var(--border);cursor:pointer;transition:background .1s}.buyer-info-row:active{background:var(--surface2)}.buyer-info-label{font-size:15px;display:flex;align-items:center;gap:10px}.buyer-info-label-icon{font-size:20px}.buyer-info-value{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:6px}.buyer-info-arrow{font-size:18px;color:var(--muted)}.buyer-info-badge{font-size:12px;padding:2px 8px;border-radius:8px;font-weight:600}.buyer-sell-btn{margin:20px 16px;padding:14px;border-radius:14px;text-align:center;font-size:15px;font-weight:600;color:var(--success);background:#10b9810f;border:1px solid rgba(16,185,129,.2);cursor:pointer}.buyer-sell-btn:active{background:#10b9811f}.buyer-logout{text-align:center;padding:12px;font-size:13px;color:var(--muted);cursor:pointer}.sidebar,.tabs{display:none!important}.buyer-app{font-size:16px}.buyer-header-title{font-size:18px}.buyer-tab{font-size:13px}.buyer-tab-icon{font-size:24px}.buyer-section-title{font-size:14px}.buyer-info-label{font-size:16px}.buyer-info-value{font-size:15px}.buyer-profile-name{font-size:20px}.buyer-profile-phone{font-size:15px}.profile-container{padding:12px!important}.profile-inner{max-width:100%!important}}@media (min-width: 769px){.profile-container{padding:24px}.profile-inner{max-width:600px}}:root{--bg:#0a1225;--surface:#0f1a32;--surface2:#152847;--surface3:#1c3358;--border:#243a5e;--accent:#4f8ef7;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--text:#e2e8f0;--muted:#7889a8;--me:#1e3a6a;--them:#0f1a32}body.beige{--bg:#e8e0d0;--surface:#f2ece2;--surface2:#ddd5c5;--surface3:#d0c8b8;--border:#c4baa8;--accent:#6b8cae;--success:#5a9e7c;--warning:#c4944a;--danger:#c45b5b;--text:#3d3529;--muted:#8c8273;--me:#d5ccbc;--them:#f2ece2}body.light{--bg:#f0f2f7;--surface:#ffffff;--surface2:#f5f6fa;--surface3:#eaecf3;--border:#dde1ed;--accent:#3b7de8;--success:#0ea572;--warning:#d97706;--danger:#dc2626;--text:#1a1d27;--muted:#7c87a0;--me:#dbeafe;--them:#ffffff}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}body{font-family:Noto Sans KR,sans-serif;background:var(--bg);color:var(--text);height:100vh;display:flex;overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.btn{padding:8px 16px;border-radius:8px;font-size:13px;font-family:Noto Sans KR,sans-serif;font-weight:700;cursor:pointer;transition:all .15s}.btn-primary{background:#4f8ef726;color:var(--accent);border:1.5px solid rgba(79,142,247,.5)}.btn-primary:hover{background:#4f8ef740;border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border)}.btn-ghost:hover{background:#ffffff0d;border-color:var(--muted);color:var(--text)}.price-inp{flex:1;background:var(--surface3);border:1px solid var(--border);border-radius:7px;padding:7px 11px;color:var(--text);font-size:13px;font-family:JetBrains Mono,monospace;outline:none;transition:border-color .15s}.price-inp:focus{border-color:var(--accent)}.chip{padding:4px 10px;border-radius:20px;font-size:11.5px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:Noto Sans KR,sans-serif;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.tag{font-size:10px;padding:1px 5px;border-radius:3px;font-weight:600}.c-blue{color:var(--accent)}.c-yellow{color:var(--warning)}.c-green{color:var(--success)}.c-red{color:var(--danger)}.page-title{font-size:18px;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.mg{animation:fadeUp .18s ease both}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 20px;font-size:13px;font-weight:500;z-index:9999;opacity:0;transition:all .25s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px #0003}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes micPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.btn{width:100%;padding:10px 14px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:Noto Sans KR,sans-serif;transition:all .15s;border-style:solid;border-width:1.5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{border-color:var(--accent);background:#4f8ef714;color:var(--accent)}.btn-primary:hover:not(:disabled){background:#4f8ef729}.btn-edit{border-color:var(--success, #10b981);background:#10b98114;color:var(--success, #10b981)}.btn-edit:hover:not(:disabled){background:#10b98129}.btn-warning{border-color:var(--warning, #f59e0b);background:#f59e0b14;color:var(--warning, #f59e0b)}.btn-warning:hover:not(:disabled){background:#f59e0b29}.btn-danger{border-color:var(--danger, #ef4444);background:#ef444414;color:var(--danger, #ef4444)}.btn-danger:hover:not(:disabled){background:#ef444429}.btn-ghost{border-color:var(--border);background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--surface3)}.btn-sm{padding:7px 12px;font-size:12px;border-radius:8px}.btn-lg{padding:14px 20px;font-size:15px;border-radius:10px}.btn-auto{width:auto}.btn-flex{flex:1}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 0}.logo{padding:0 18px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.logo-txt{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;color:var(--accent)}.logo-sub{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:2px}.nav-sec{font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;padding:0 18px 5px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 18px;font-size:13px;color:var(--muted);cursor:pointer;transition:all .15s;border-left:3px solid transparent}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:#4f8ef712}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.nav-badge.red{background:var(--danger)}.user-box{margin-top:auto;padding:14px 18px 0;border-top:1px solid var(--border)}.user-name{font-size:13px;font-weight:600}.user-role{font-size:11px;color:var(--muted);margin-top:1px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tab{padding:13px 24px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;gap:7px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{background:var(--warning);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px}#pages-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.page{flex:1;display:none;overflow:hidden;min-height:0}.page.active{display:flex;overflow:hidden;min-height:0}#page-addproduct.active{display:block;overflow-y:auto}.prod-page{flex:1;display:flex;flex-direction:column;min-height:0;padding:24px;overflow:hidden}.prod-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.prod-grid-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pp-item{background:var(--surface2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.pp-img{height:100px;display:flex;align-items:center;justify-content:center;font-size:36px;background:var(--surface3)}.pp-body{padding:12px}.pp-name{font-size:13px;font-weight:700;margin-bottom:3px}.pp-stock{font-size:11px;color:var(--muted);margin-bottom:5px}.pp-price{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:8px}.pp-actions{display:flex;gap:5px}.pp-btn{flex:1;padding:5px;border-radius:5px;font-size:11px;font-family:Noto Sans KR,sans-serif;cursor:pointer;border:none;transition:all .15s}.pp-edit{background:var(--surface3);color:var(--text)}.pp-edit:hover{background:var(--accent);color:#fff}.pp-del{background:#ef44441a;color:var(--danger)}.pp-del:hover{background:var(--danger);color:#fff}.order-page{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.slide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:none;align-items:flex-end;justify-content:center}.slide-overlay.open{display:flex}.slide-panel{background:var(--surface);border-radius:16px 16px 0 0;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .25s ease}.sp-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sp-title{font-size:15px;font-weight:700}.sp-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.sp-body{flex:1;overflow-y:auto;padding:16px 20px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){.sidebar,.tabs,.main-topnav{display:none!important}body{overflow:auto}.main{min-height:0}.page-title{font-size:16px}.prod-page{padding:12px}.prod-page-head{flex-wrap:wrap;gap:8px;margin-bottom:12px}.prod-grid-page{grid-template-columns:repeat(2,1fr);gap:8px}.order-page{overflow-y:auto}.order-body{flex-direction:column;overflow:visible}.order-left{width:100%!important;border-right:none;border-bottom:1px solid var(--border);max-height:45vh;flex-shrink:0}.order-detail{padding:14px 12px}.stats-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.stat{min-width:75px;padding:8px 10px}.stat-n{font-size:15px}.order-filters{padding:8px 10px;gap:4px}.order-card{padding:10px 11px}.slide-panel{max-height:92vh;border-radius:16px 16px 0 0}}.chat-page{flex:1;display:flex;overflow:hidden;height:100%}.chat-list{width:270px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.cl-head{padding:16px 14px 10px;border-bottom:1px solid var(--border)}.cl-title{font-size:14px;font-weight:700;margin-bottom:9px}.cl-search{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:7px 11px;color:var(--text);font-size:12px;font-family:Noto Sans KR,sans-serif;outline:none}.cl-search::placeholder{color:var(--muted)}.room-list{flex:1;overflow-y:auto}.room{display:flex;gap:10px;align-items:center;padding:12px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.room:hover{background:var(--surface2)}.room.active{background:#4f8ef714}.av{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.av1{background:#4f8ef733;color:var(--accent)}.av2{background:#10b98133;color:var(--success)}.av3{background:#a78bfa33;color:#a78bfa}.av4{background:#f59e0b33;color:var(--warning)}.room-info{flex:1;min-width:0}.room-name{font-size:13px;font-weight:600;margin-bottom:2px}.room-prev{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.room-time{font-size:10px;color:var(--muted)}.unread{background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-win{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%}.product-bar-wrap{background:var(--surface);overflow-x:hidden;overflow-y:visible;transition:max-height .35s cubic-bezier(.4,0,.2,1);max-height:100px}.product-bar-wrap.collapsed{max-height:0}.product-bar{padding:10px 16px;display:flex;align-items:center;gap:10px;overflow-x:hidden;overflow-y:visible;border-bottom:1px solid var(--border)}.pb-toggle-btn{position:absolute;z-index:11;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;padding:2px 14px 3px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);white-space:nowrap}.pb-toggle-btn:hover{background:var(--surface3);color:var(--accent);border-color:var(--accent)}.pb-toggle-btn .arrow{transition:transform .35s cubic-bezier(.4,0,.2,1)}.pb-toggle-btn.collapsed .arrow{transform:rotate(180deg)}.pb-label{font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0;letter-spacing:.5px}.pb-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:visible;flex:1;min-width:0;scrollbar-width:none}.pb-scroll::-webkit-scrollbar{display:none}.pb-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all .15s;flex-shrink:0;min-width:76px;position:relative;overflow:visible}.pb-item:hover{border-color:var(--accent);background:#4f8ef714}.pb-emoji{font-size:22px}.pb-name{font-size:11px;font-weight:600;white-space:nowrap}.pb-price{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent)}.pb-more{padding:7px 12px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all .15s;flex-shrink:0;font-size:11px;color:var(--muted);white-space:nowrap;display:flex;align-items:center}.pb-more:hover{border-color:var(--accent);color:var(--accent)}.pb-all-btn{padding:6px 11px;border-radius:8px;background:var(--accent);border:none;color:#fff;font-size:11px;font-weight:700;cursor:pointer;font-family:Noto Sans KR,sans-serif;white-space:nowrap;transition:all .15s;flex-shrink:0}.pb-all-btn:hover{background:#3b7de8;transform:scale(1.03)}.all-prod-panel{position:absolute;top:0;left:0;right:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;max-height:70%;box-shadow:0 8px 24px #0003;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 0 12px 12px;overflow:hidden}.all-prod-panel.open{transform:translateY(0)}.app-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surface)}.app-title{font-size:14px;font-weight:700}.app-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.app-close:hover{background:var(--surface2);color:var(--text)}.app-search{padding:8px 14px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.app-search-inp{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:7px 12px;color:var(--text);font-size:12px;font-family:Noto Sans KR,sans-serif;outline:none;box-sizing:border-box}.app-search-inp:focus{border-color:var(--accent)}.app-body{overflow-y:auto;padding:8px}.app-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer;transition:all .15s;border:1px solid transparent;margin-bottom:3px}.app-item:hover{background:var(--surface2);border-color:var(--border)}.app-item-emoji{font-size:22px;width:32px;text-align:center;flex-shrink:0}.app-item-info{flex:1;min-width:0}.app-item-name{font-size:13px;font-weight:700;margin-bottom:1px}.app-item-sub{font-size:11px;color:var(--muted)}.app-item-price{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}.app-section{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:6px 12px 3px;font-weight:700}.all-prod-dim{position:absolute;top:0;left:0;right:0;bottom:0;z-index:19;background:#0000004d;opacity:0;pointer-events:none;transition:opacity .3s}.all-prod-dim.show{opacity:1;pointer-events:auto}.messages{flex:1;overflow-y:auto;padding:16px 18px 8px;display:flex;flex-direction:column-reverse;gap:4px;min-height:0}.date-div{display:flex;align-items:center;gap:10px;margin:8px 0}.date-div:before,.date-div:after{content:"";flex:1;height:1px;background:var(--border)}.date-div span{font-size:11px;color:var(--muted);white-space:nowrap}.mg{display:flex;flex-direction:column;margin-bottom:10px;position:relative;width:100%}.mg.me{align-items:flex-end}.mg.them{align-items:flex-start}.sender{font-size:11px;color:var(--muted);margin-bottom:4px;display:flex;align-items:center;gap:6px}.mini-av{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.bubble{max-width:100%;padding:9px 13px;border-radius:12px;font-size:14px;line-height:1.5;word-break:break-word;overflow-wrap:break-word;margin-bottom:2px}.bubble.me{background:var(--me);border-bottom-right-radius:4px}.bubble.them{background:var(--them);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble.deleted{color:var(--muted);font-style:italic;font-size:12px;background:transparent;border:1px dashed var(--border)}.mt{font-size:10.5px;color:var(--muted);display:flex;gap:4px;align-items:center}.read{color:var(--accent);font-size:10px}body.light .bubble.me{color:#1a3a6e}body.light .order-card-msg.me{background:#dbeafe}body.light .ocm-head{background:#f0f5ff}body.beige .bubble.me{color:#3d3529}body.beige .bubble.them{background:#faf7f2;border:1px solid #d5cfc4}body.beige .order-card-msg.me{background:#eee9df}body.beige .ocm-head{background:#e4ded3}.msg-actions{display:flex;gap:3px;align-items:center;opacity:0;transition:opacity .15s;pointer-events:none}.mg:hover .msg-actions{opacity:1;pointer-events:auto}.ma-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 1px 4px #00000026}.ma-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--accent)}.reply-preview{display:none;padding:8px 14px;background:var(--surface2);border-top:1px solid var(--border);border-left:3px solid var(--accent);margin:0;position:relative}.reply-preview.show{display:flex;align-items:center;gap:8px}.rp-text{font-size:12px;color:var(--muted);flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rp-name{font-size:11px;font-weight:700;color:var(--accent);margin-bottom:2px}.rp-close{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .15s;flex-shrink:0}.rp-close:hover{color:var(--danger)}.reply-origin{background:var(--surface3);border-left:3px solid var(--accent);border-radius:6px;padding:6px 10px;margin-bottom:5px;font-size:11.5px;color:var(--muted);cursor:pointer;transition:background .15s}.reply-origin:hover{background:var(--surface2)}.ro-name{font-size:10.5px;font-weight:700;color:var(--accent);margin-bottom:2px}.prod-card-msg{max-width:260px;background:var(--surface2);border:1px solid var(--border);overflow:hidden;margin-bottom:2px;cursor:pointer;transition:border-color .15s;border-radius:12px 12px 12px 4px}.prod-card-msg:hover{border-color:var(--accent)}.pcm-img{height:100px;background:linear-gradient(135deg,var(--surface3),var(--surface2));display:flex;align-items:center;justify-content:center;font-size:40px}.pcm-body{padding:10px 12px}.pcm-name{font-size:13px;font-weight:700;margin-bottom:3px}.pcm-price{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--accent)}.pcm-btn{width:100%;padding:8px;background:var(--accent);border:none;color:#fff;font-size:12px;font-family:Noto Sans KR,sans-serif;font-weight:600;cursor:pointer;transition:background .15s}.pcm-btn:hover{background:#3b7de8}.order-card-msg{max-width:300px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:2px}.order-card-msg.me{border-bottom-right-radius:4px}.order-card-msg.them{border-bottom-left-radius:4px}.ocm-head{padding:9px 13px;background:#4f8ef71a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.ocm-title{font-size:12px;font-weight:700;color:var(--accent)}.ocm-body{padding:9px 13px}.ocm-total{display:flex;justify-content:space-between;padding-top:7px;margin-top:5px;border-top:1px solid var(--border)}.ocm-total-label{font-size:12px;color:var(--muted)}.ocm-total-amt{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:var(--accent)}.ocm-btns{padding:7px 13px 11px;display:flex;gap:6px}.ocm-btn{flex:1;padding:7px;border-radius:6px;font-size:12px;font-family:Noto Sans KR,sans-serif;font-weight:600;cursor:pointer;border:none;transition:all .15s}.ocm-approve{background:#10b98133;color:var(--success)}.ocm-approve:hover{background:var(--success);color:#fff}.ocm-reject{background:#ef44441f;color:var(--danger)}.ocm-reject:hover{background:var(--danger);color:#fff}.ocm-adjust{background:#f59e0b26;color:var(--warning)}.ocm-adjust:hover{background:var(--warning);color:#fff}.stock-ok{background:#10b9811f;color:var(--success);border:1px solid rgba(16,185,129,.3)}.stock-low{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.stock-out{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.qty-adj-inp{width:52px;background:var(--surface3);border:1px solid var(--accent);border-radius:5px;padding:3px 6px;color:var(--text);font-size:12px;font-family:JetBrains Mono,monospace;outline:none;text-align:center}.input-area{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.tool-btn{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:4px 5px;border-radius:5px;transition:all .15s}.tool-btn:hover{color:var(--text);background:var(--surface2)}.cart-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);font-size:13px;cursor:pointer;transition:all .15s;font-family:Noto Sans KR,sans-serif;position:relative}.cart-btn:hover{border-color:var(--accent);color:var(--accent)}.cart-count{background:var(--danger);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.input-row{display:flex;gap:8px;align-items:flex-end;padding:8px 14px 13px}.msg-inp{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:9px 13px;color:var(--text);font-size:13px;font-family:Noto Sans KR,sans-serif;outline:none;resize:none;max-height:100px;line-height:1.5;transition:border-color .15s;scrollbar-width:none;-ms-overflow-style:none}.msg-inp::-webkit-scrollbar{display:none;width:0;height:0}.msg-inp:focus{border-color:var(--accent)}.msg-inp::placeholder{color:var(--muted)}.send-btn{width:40px;height:40px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.send-btn:hover{background:#3b7de8;transform:scale(1.05)}body.light .send-btn{background:var(--accent)}body.light .msg-inp{background:var(--surface2);color:var(--text)}body.beige .send-btn{background:var(--accent)}body.beige .msg-inp{background:var(--surface2);color:var(--text)}.cart-panel{position:absolute;bottom:0;right:0;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0003;z-index:50;display:none;flex-direction:column;max-height:70%}.cart-panel.open{display:flex}.cart-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.cart-title{font-size:14px;font-weight:700}.cart-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer}.cart-body{flex:1;overflow-y:auto;padding:10px 14px}.cart-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.ci-emoji{font-size:22px;flex-shrink:0}.ci-info{flex:1;min-width:0}.ci-name{font-size:13px;font-weight:600;margin-bottom:2px}.ci-price{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent)}.ci-qty{display:flex;align-items:center;gap:6px;flex-shrink:0}.qty-btn{width:24px;height:24px;border-radius:5px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.qty-btn:hover{border-color:var(--accent);color:var(--accent)}.qty-num{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;min-width:20px;text-align:center}.cart-footer{padding:14px 0 0;display:flex;justify-content:space-between;align-items:center}.cart-total-label{font-size:13px;color:var(--muted)}.cart-total-amt{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:var(--accent)}.checkout-btn{width:100%;margin-top:12px;padding:13px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-size:14px;font-family:Noto Sans KR,sans-serif;font-weight:700;cursor:pointer;transition:all .15s}.checkout-btn:hover{background:#3b7de8}.checkout-btn:disabled{background:var(--muted);cursor:not-allowed}.delivery-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);cursor:pointer;transition:all .15s;margin-bottom:8px}.delivery-option:hover{border-color:var(--accent)}.delivery-option.selected{border-color:var(--accent);background:#4f8ef714}.do-icon{font-size:22px;flex-shrink:0}.do-info{flex:1}.do-name{font-size:13px;font-weight:700;margin-bottom:2px}.do-desc{font-size:11.5px;color:var(--muted)}.do-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center}.delivery-option.selected .do-radio{border-color:var(--accent);background:var(--accent)}.do-radio:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;display:none}.delivery-option.selected .do-radio:after{display:block}.cl-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.cl-tab{flex:1;padding:9px 0;text-align:center;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px}.cl-tab:hover{color:var(--text)}.cl-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.cl-tab-badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.contact-list{flex:1;overflow-y:auto}.contact-list::-webkit-scrollbar{width:3px}.contact-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.contact-item{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.contact-item:hover{background:var(--surface2)}.contact-av{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.contact-av.grade-normal{background:#4f8ef726;color:var(--accent)}.contact-av.grade-regular{background:#10b98126;color:var(--success)}.contact-av.grade-vip{background:#f59e0b26;color:var(--warning)}.contact-info{flex:1;min-width:0}.contact-name{font-size:13px;font-weight:600;margin-bottom:2px}.contact-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;flex-shrink:0}.grade-badge-normal{background:var(--surface3);color:var(--muted)}.grade-badge-regular{background:#10b98126;color:var(--success)}.grade-badge-vip{background:#f59e0b26;color:var(--warning)}.contact-chat-btn{width:30px;height:30px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.contact-chat-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.unknown-banner{background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.25);padding:10px 16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.unknown-banner-info{display:flex;align-items:center;gap:10px}.unknown-banner-icon{font-size:20px;flex-shrink:0}.unknown-banner-title{font-size:13px;font-weight:700;color:var(--warning);margin-bottom:2px}.unknown-banner-sub{font-size:11px;color:var(--muted)}.unknown-banner-btns{display:flex;gap:8px;flex-shrink:0}.unknown-add-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--success);background:#10b9811a;color:var(--success);font-size:12px;font-weight:700;cursor:pointer;font-family:Noto Sans KR,sans-serif;transition:all .15s}.unknown-add-btn:hover{background:var(--success);color:#fff}.unknown-block-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--danger);background:#ef444414;color:var(--danger);font-size:12px;font-weight:700;cursor:pointer;font-family:Noto Sans KR,sans-serif;transition:all .15s}.unknown-block-btn:hover{background:var(--danger);color:#fff}.cw-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.cw-header-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cw-header-btn:hover{border-color:var(--accent);color:var(--accent);background:#4f8ef714}.cl-footer{padding:10px 14px;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface);position:sticky;bottom:0;z-index:5}.cl-settings-btn{width:100%;padding:9px;border-radius:9px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:13px;font-family:Noto Sans KR,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.cl-settings-btn:hover{border-color:var(--accent);color:var(--accent);background:#4f8ef714}@media (max-width: 768px){.sidebar,.tabs{display:none!important}.chat-page{flex-direction:column}.chat-list{width:100%!important;max-width:100%!important;border-right:none!important}.chat-page.room-open .chat-list{display:none!important}.chat-page:not(.room-open) .chat-window{display:none!important}#pages-wrap{padding-bottom:56px}.cw-header{padding:10px 14px}.messages{padding:10px 12px 8px}.input-area{padding:8px 10px}.msg-inp{font-size:16px}.order-card-msg{max-width:100%!important}.order-body{flex-direction:column}.order-left{width:100%!important;border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.order-detail{padding:14px}.stats-bar{overflow-x:auto}.stat{min-width:80px;padding:10px 12px}.prod-grid-page{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.prod-page{padding:14px}.prod-page-head{flex-wrap:wrap;gap:8px}.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:200;height:56px}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--muted);font-size:10px;font-weight:500;transition:all .15s;position:relative}.mobile-tab.active{color:var(--accent)}.mobile-tab-icon{font-size:20px}.mobile-tab-badge{position:absolute;top:6px;right:calc(50% - 14px);background:var(--danger);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.slide-panel{max-height:90vh}}@media (min-width: 769px){.mobile-tabbar{display:none}}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.order-page{flex:1;display:flex;flex-direction:column;overflow:hidden}.stats-bar{display:flex;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.stat{flex:1;padding:12px 16px;border-right:1px solid var(--border);text-align:center}.order-body{flex:1;display:flex;overflow:hidden}.order-left{width:360px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.order-filters{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;gap:6px;flex-wrap:wrap}.order-list{flex:1;overflow-y:auto;padding:6px}.order-card{padding:12px 13px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:all .15s;margin-bottom:3px;background:var(--surface2)}.order-card:hover{border-color:var(--border)}.order-card.active{border-color:var(--accent);background:#4f8ef70f}.oc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.oc-id{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent);font-weight:600}.oc-company{font-size:13px;font-weight:500;margin-bottom:4px}.oc-meta{display:flex;gap:7px;font-size:11px;color:var(--muted);align-items:center}.order-detail{flex:1;overflow-y:auto;padding:22px 24px}.s-pending{background:#f59e0b26;color:var(--warning)}.s-approved{background:#10b98126;color:var(--success)}.s-rejected{background:#ef444426;color:var(--danger)}.s-adjusting{background:#a78bfa26;color:#a78bfa}.s-buyer-confirm{background:#4f8ef726;color:var(--accent)}.s-shipping{background:#10b98126;color:var(--success)}.s-delivered{background:#10b98133;color:var(--success)}.sbadge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--border)}.tl-item{position:relative;margin-bottom:16px}.tl-dot{position:absolute;left:-17px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--border);border:2px solid var(--surface)}.tl-item.done .tl-dot{background:var(--success)}.tl-item.current .tl-dot{background:var(--accent);box-shadow:0 0 0 3px #4f8ef740}.tl-status{font-size:12px;font-weight:700;margin-bottom:2px}.tl-time{font-size:11px;color:var(--muted)}.tl-note{font-size:11px;color:var(--muted);margin-top:2px}.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prod-item{background:var(--surface2);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s}.prod-item:hover{border-color:var(--accent)}.pi-img{height:90px;background:linear-gradient(135deg,var(--surface3),var(--surface2));display:flex;align-items:center;justify-content:center;font-size:32px}.pi-body{padding:9px 11px}.pi-name{font-size:12.5px;font-weight:700;margin-bottom:2px}.pi-stock{font-size:11px;color:var(--muted);margin-bottom:5px}.pi-price{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--accent)}.pi-add{width:100%;padding:6px;background:var(--surface3);border:none;color:var(--text);font-size:11.5px;font-family:Noto Sans KR,sans-serif;font-weight:600;cursor:pointer;transition:all .15s;border-top:1px solid var(--border)}.pi-add:hover{background:var(--accent);color:#fff}.purchase-list{display:flex;flex-direction:column;gap:10px}.purchase-item{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .15s}.purchase-item:hover{border-color:var(--accent)}.pi-info{flex:1;min-width:0}.pi-supplier{font-size:13px;font-weight:700;margin-bottom:3px}.pi-date{font-size:11px;color:var(--muted)}.pi-amount{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:var(--accent);flex-shrink:0}.detail-section{margin-bottom:20px}.detail-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.detail-row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-key{color:var(--muted)}.detail-val{font-weight:600;text-align:right}.order-header-btns{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.order-page{flex:1;display:flex;flex-direction:column;min-height:0}.stats-bar{display:flex;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.stat{flex:1;padding:12px 16px;border-right:1px solid var(--border);text-align:center;cursor:pointer;min-width:100px}.stat:last-child{border-right:none}.stat-n{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.stat-l{font-size:10px;color:var(--muted);margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:200;display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:520px;max-height:85vh;display:flex;flex-direction:column;animation:fadeUp .2s ease}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:15px;font-weight:700}.modal-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px}.modal-body{flex:1;overflow-y:auto;padding:18px 20px}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}body.light .modal{box-shadow:0 8px 32px #0000001f}.type-toggle{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:3px;gap:3px;margin-bottom:18px}.type-opt{flex:1;padding:8px;border-radius:7px;border:none;font-size:13px;font-family:Noto Sans KR,sans-serif;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;color:var(--muted)}.type-opt.active{background:var(--accent);color:#fff}.price-inp-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.price-inp-label{font-size:12px;color:var(--muted);min-width:70px}.price-history{margin-top:8px}.ph-title{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ph-row{display:flex;justify-content:space-between;font-size:12px;padding:5px 8px;border-radius:5px;margin-bottom:2px}.ph-row.today{background:#4f8ef71a;color:var(--accent)}.ph-row:not(.today){color:var(--muted)}.var-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.inp-price-today{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;background:#ef44441f;color:var(--danger);cursor:pointer;border:1px solid rgba(239,68,68,.3)}.inp-price-today:hover{background:#ef444438}.cp-row{background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden}.cp-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer}.cp-head:hover{background:var(--surface3)}.cp-name{font-size:13px;font-weight:700}.cp-today{font-family:JetBrains Mono,monospace;font-size:12px}.cp-body{padding:10px 14px;border-top:1px solid var(--border);display:none}.cp-body.open{display:block}.order-modal-section{margin-bottom:18px}.order-modal-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:700}.order-modal-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.order-modal-row:last-child{border-bottom:none}.order-modal-key{color:var(--muted)}.order-modal-val{font-weight:600}.collect-type-btn{flex:1;padding:10px;border-radius:8px;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.collect-method-btn{padding:7px 14px;border-radius:7px;font-family:Noto Sans KR,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.add-customer-field{margin-bottom:14px}.add-customer-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}.add-customer-inp{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text);font-size:13px;font-family:Noto Sans KR,sans-serif;outline:none;transition:border-color .15s;box-sizing:border-box}.add-customer-inp:focus{border-color:var(--accent)}.add-product-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:20px}.add-product-tab{padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--muted);transition:all .15s}.add-product-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.img-upload-area{border:2px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;gap:10px}.img-upload-area:hover{border-color:var(--accent)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:none;align-items:center;justify-content:center}.confirm-overlay.show{display:flex}.confirm-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;width:320px;text-align:center;animation:fadeUp .2s ease}.confirm-title{font-size:15px;font-weight:700;margin-bottom:8px}.confirm-msg{font-size:13px;color:var(--muted);margin-bottom:20px;line-height:1.6}.confirm-btns{display:flex;gap:8px}.bp-mobile-tabbar{display:none}@media (max-width: 768px){.bp-mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:200;height:56px;padding-bottom:env(safe-area-inset-bottom,0)}.bp-mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--muted);font-size:10px;font-weight:500;background:transparent;border:none;transition:color .15s;position:relative;padding:0;font-family:Noto Sans KR,sans-serif}.bp-mobile-tab.active{color:var(--accent)}.bp-mobile-tab-icon{font-size:16px;position:relative;line-height:1}.bp-mobile-tab-label{font-size:12px;line-height:1;font-weight:600}.bp-mobile-tab-badge{position:absolute;top:-4px;right:-10px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}body.chat-room-open .bp-mobile-tabbar{display:none}}