:root{--jb-orange:#ff7a00;--jb-pink:#ff3d81;--jb-pink-deep:#ff1493;--jb-green:#138808;--ink:#17171c;--ink-2:#33333a;--muted:#6b6b74;--faint:#9a9aa3;--line:#e7e7ec;--line-soft:#f0f0f3;--surface:#fff;--surface-2:#fafafc;--page:#f4f5f8;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #1010180d;--shadow-md:0 6px 18px #10101814;--shadow-lg:0 16px 40px #10101824;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--page);color:var(--ink);font-family:var(--sans);overflow-x:clip}#root{text-align:left;border:0;width:100%;max-width:none;min-height:100svh;margin:0}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}p{margin:0}a{color:var(--jb-orange)}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--jb-orange);outline-offset:2px}img{max-width:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--page);background:#d4d4da;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#bdbdc5}*{box-sizing:border-box}body{color:#222;background:#f5f6fa;margin:0;font-family:Arial,sans-serif}.admin-app{min-height:100vh}.admin-header{color:#fff;background:linear-gradient(135deg,#ff7a00,#ff1493);justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.admin-header h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.admin-header p{opacity:.92;letter-spacing:.02em;margin:2px 0 0;font-size:12.5px;font-weight:500}.admin-header .brand-block{line-height:1.15}.notif-wrap{position:relative}.notif-btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:12px;width:40px;height:40px;font-size:17px;transition:background .15s;position:relative}.notif-btn:hover{background:#ffffff4d}.notif-badge{color:#5b3a00;text-align:center;background:#ffd23d;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #00000040}.notif-backdrop{z-index:65;position:fixed;inset:0}.notif-pop{width:min(340px,100vw - 32px);color:var(--ink);z-index:70;background:#fff;border-radius:14px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 18px 45px #10101838}.notif-pop header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:#fafafc;padding:12px 16px;font-size:13px;font-weight:700}.notif-pop ul{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-pop li{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f4f4f6;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:13.5px;display:flex}.notif-pop li:hover{background:#fffaf5}.notif-pop li:last-child{border-bottom:0}.notif-emoji{font-size:16px}.notif-main{flex:1;min-width:0}.notif-main strong{font-size:13.5px;display:block}.notif-main small{color:var(--muted);font-size:12px}.notif-pop .notif-empty{text-align:center;color:var(--muted);cursor:default;padding:22px 16px;font-size:13px}.notif-empty:hover{background:#fff}.user-chip{background:#ffffff24;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.user-avatar{color:#fff;background:#ffffff47;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.user-meta{color:#fff;flex-direction:column;line-height:1.2;display:flex}.user-meta strong{font-size:13.5px}.user-meta small{opacity:.85;text-transform:capitalize;font-size:11px}.admin-sidebar{box-shadow:1px 0 #ffffff0d}.sidebar-item.active{box-shadow:0 6px 16px #ff3d8159}.sidebar-item.active:before{content:"";background:#fff;border-radius:2px;width:3px;height:18px;margin-right:10px;display:inline-block}.refresh-btn{color:#ff4f00;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:11px 18px;font-weight:700}.admin-content{max-width:1200px;margin:auto;padding:25px}.message{background:#fff;border-radius:8px;margin-bottom:20px;padding:14px 18px;font-weight:700;box-shadow:0 2px 8px #00000014}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014}.stat-card span{color:#666;margin-bottom:8px;display:block}.stat-card strong{font-size:30px}.pending-card{border-left:5px solid #f59e0b}.approved-card{border-left:5px solid #16a34a}.rejected-card{border-left:5px solid #dc2626}.products-section{background:#fff;border-radius:14px;margin-bottom:25px;padding:22px;box-shadow:0 2px 10px #00000012}.section-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title h2{margin:0}.section-title p{color:#777;margin:5px 0 0}.section-title>span{color:#666;font-weight:700}.product-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.product-image{background:#f3f3f3;justify-content:center;align-items:center;height:210px;display:flex}.product-image img{object-fit:contain;width:100%;height:100%}.product-image span{color:#999}.product-info{padding:16px}.product-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-info h3{margin:0 0 12px;font-size:20px}.product-info p{margin:7px 0;font-size:14px}.price{color:#e65100;font-weight:700;font-size:22px!important}.description{color:#666}.pending{color:#d97706;background:#fff7ed;border-radius:5px;padding:5px 8px;font-weight:700}.approved{color:#16a34a;font-weight:700}.rejected{color:#dc2626;font-weight:700}.actions{gap:10px;margin-top:16px;display:flex}.actions button{cursor:pointer;color:#fff;border:none;border-radius:7px;flex:1;padding:11px;font-weight:700}.approve{background:#16a34a}.approve:hover{background:#15803d}.reject{background:#dc2626}.reject:hover{background:#b91c1c}.empty{text-align:center;color:#777;background:#f8f8f8;border-radius:8px;padding:30px}.simple-list{flex-direction:column;gap:10px;display:flex}.list-item{border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;display:flex}.list-item small{color:#777;margin-top:5px;display:block}@media (width<=800px){.stats{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.admin-header,.admin-content{padding:15px}}@media (width<=500px){.stats{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.header-search{width:100%;max-width:none}.notif-pop{top:calc(var(--admin-header-h,64px) + 8px);width:auto;position:fixed;left:12px;right:12px}.user-meta{display:none}.section-title{flex-direction:column;align-items:flex-start;gap:8px}.product-top{flex-direction:column;align-items:flex-start}}.admin-app{--jb-orange:#ff7a00;--jb-pink:#ff3d81;--ink:#17171c;--muted:#6b6b74;--line:#e7e7ec;flex-direction:column;width:100%;min-width:0;display:flex;overflow-x:clip}.admin-content{box-sizing:border-box;width:100%;min-width:0}.admin-header{z-index:40;background:linear-gradient(135deg,#ff7a00,#ff1493);flex-wrap:wrap;gap:12px;position:sticky;top:0}.sidebar-toggle{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:10px;width:40px;height:40px;font-size:18px;display:none}.sidebar-toggle:hover{background:#ffffff4d}.admin-sidebar{top:var(--admin-header-h,64px);z-index:30;overscroll-behavior:contain;background:#141419;flex-direction:column;gap:4px;width:248px;padding:16px 12px 18px;transition:transform .22s;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.sidebar-item{color:#cfcfd6;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.sidebar-item:hover:not(:disabled){color:#fff;background:#ff7a0029}.sidebar-item.active{color:#fff;background:linear-gradient(135deg,#ff7a00,#ff4f9a)}.sidebar-item:disabled{opacity:.42;cursor:not-allowed}.sidebar-lock{font-size:11px}.sidebar-foot{color:#8a8a93;border-top:1px solid #ffffff14;flex-direction:column;gap:2px;margin-top:auto;padding:12px 14px 4px;display:flex}@media (width>=1024px){.admin-sidebar{transform:translate(0)}.admin-content{width:auto;margin-left:248px;margin-right:0;padding:24px 28px 40px}.sidebar-toggle{display:none}.admin-header{padding-left:278px}}@media (width<=1023px){.sidebar-toggle{display:block}}.sidebar-backdrop{top:var(--admin-header-h,64px);z-index:25;background:#00000073;position:fixed;bottom:0;left:0;right:0}.breadcrumb{color:#777;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.breadcrumb-sep{color:#bbb}.breadcrumb-current{color:#ff6a00;font-weight:700}.ov-wrap{flex-direction:column;gap:18px;display:flex}.ov-rangebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ov-range-chips{flex-wrap:wrap;gap:8px;display:flex}.ov-chip{color:#444;cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:18px;padding:7px 14px;font-size:13px;font-weight:600}.ov-chip.active{color:#fff;background:#ff7a00;border-color:#ff7a00}.ov-custom-range{align-items:center;gap:8px;display:flex}.ov-custom-range input{border:1px solid #ddd;border-radius:8px;padding:7px 10px}.ov-kpis{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.ov-kpi{text-align:left;cursor:pointer;background:#fff;border:1px solid #ececf1;border-radius:14px;flex-direction:column;gap:4px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 1px 2px #1010180a}.ov-kpi:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10101814}.ov-kpi:disabled{cursor:default}.ov-kpi-label{color:#77777f;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.ov-kpi-value{color:#17171c;font-size:22px}.ov-kpi-sub{color:#999;font-size:12px}.ov-tone-warn{border-left:4px solid #f59e0b}.ov-tone-bad{border-left:4px solid #dc2626}.ov-tone-good{border-left:4px solid #16a34a}.ov-tone-orange{border-left:4px solid #ff7a00}.ov-tone-family{border-left:4px solid #138808}.ov-charts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.ov-card{background:#fff;border:1px solid #ececf1;border-radius:14px;padding:18px}.ov-card h3{color:#26262c;margin:0 0 12px;font-size:15px}.ov-span2{grid-column:span 2}@media (width<=860px){.ov-span2{grid-column:span 1}}.ov-chart{width:100%;height:auto}.ov-chart-empty{text-align:center;color:#999;background:#fafafa;border-radius:10px;padding:26px}.ov-bars{flex-direction:column;gap:9px;display:flex}.ov-bar-row{grid-template-columns:minmax(70px,130px) 1fr 74px;align-items:center;gap:8px;font-size:12.5px;display:grid}.ov-bar-label{text-overflow:ellipsis;white-space:nowrap;color:#555;font-weight:600;overflow:hidden}.ov-bar-track{background:#f1f1f4;border-radius:6px;height:10px;overflow:hidden}.ov-bar-fill{border-radius:6px;height:100%;display:block}.ov-bar-value{text-align:right;color:#333;font-variant-numeric:tabular-nums}.ov-status-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.ov-status-item{background:#fafafa;border:1px solid #f0f0f2;border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.ov-status-item span{color:#77777f;font-size:11.5px}.ov-status-item strong{color:#17171c;font-size:17px}.ov-note{color:#8a8a93;margin:8px 0 0;font-size:12px}.sec-wrap{flex-direction:column;gap:14px;display:flex}.sec-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.sec-search{border:1px solid #ddd;border-radius:10px;flex:260px;max-width:430px;padding:10px 13px;font-size:14px}.sec-date{background:#fff;border:1px solid #ddd;border-radius:10px;padding:9px 10px}.sec-count{color:#77777f;font-size:13px;font-weight:600}.sec-tablewrap{background:#fff;border:1px solid #ececf1;border-radius:14px;overflow-x:auto}.sec-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13.5px}.sec-table th{text-align:left;color:#55555e;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#fafafb;border-bottom:1px solid #ececf1;padding:12px 14px;font-size:12px}.sec-table td{vertical-align:top;border-bottom:1px solid #f4f4f6;padding:12px 14px}.sec-table tbody tr:hover{background:#fffaf6}.sec-tag{color:#55555e;background:#f1f1f4;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.sec-tag-good{color:#1a7a1a;background:#e6f7e6}.sec-tag-bad{color:#c00;background:#fff0f0}.sec-tag-warn{color:#a06a00;background:#fff7e6}.sec-tag-family{color:#137a13;background:#e8f5e9}.sec-pager{justify-content:center;align-items:center;gap:14px;padding:4px 0 2px;display:flex}.sec-pager button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:9px;padding:8px 14px;font-weight:600}.sec-pager button:disabled{opacity:.45;cursor:not-allowed}.sec-pager span{color:#666;font-size:13px}.drawer-backdrop{z-index:60;background:#0a0a0e80;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(620px,100%);height:100%;padding:22px;animation:.18s drawer-in;overflow-y:auto}.drawer-lg{width:min(860px,100%)}@keyframes drawer-in{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer-head{border-bottom:1px solid #f0f0f2;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.drawer-head h3{margin:0}.drawer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.drawer-card{background:#fcfcfd;border:1px solid #f0f0f2;border-radius:12px;padding:14px}.drawer-card h4{text-transform:uppercase;letter-spacing:.04em;color:#ff6a00;margin:0 0 8px;font-size:13px}.drawer-card p{color:#333;margin:5px 0;font-size:13.5px}.drawer-wide{grid-column:1/-1}.tree-wrap{background:#fff;border:1px solid #ececf1;border-radius:14px;padding:16px;overflow-x:auto}.tree-node{padding-left:22px;position:relative}.tree-root{padding-left:0}.tree-children{border-left:2px solid #ffd9b8;margin-top:8px}.tree-card{background:#fffdfb;border:1px solid #f0e8e0;border-radius:12px;align-items:center;gap:10px;min-width:300px;margin:6px 0;padding:10px 12px;display:flex}.tree-open{cursor:pointer;color:#ff7a00;background:#fff;border:1px solid #eee;border-radius:8px;flex-shrink:0;width:26px;height:26px;font-weight:700}.tree-open:disabled{color:#ccc;cursor:default}.tree-info{flex:1;min-width:0}.tree-info strong{font-size:13.5px;display:block}.tree-info small{color:#8a8a93;font-size:12px}.ov-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.ov-skeleton{background:linear-gradient(90deg,#f0f0f2 25%,#fafafb 50%,#f0f0f2 75%) 0 0/200% 100%;border-radius:14px;height:84px;animation:1.1s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-app:before{content:"";z-index:50;pointer-events:none;background:linear-gradient(90deg,#ff7a00,#ff3d81,#138808);height:3px;position:fixed;top:0;left:0;right:0}.login-card{text-align:left}.login-card label{letter-spacing:.04em;text-transform:uppercase;color:#6b6b74;margin-bottom:0;font-size:12.5px;font-weight:700;display:block}.login-card input{background:#fafafc;border:1px solid #e2e2e8;transition:border-color .15s,box-shadow .15s,background .15s}.login-card input:focus{background:#fff;border-color:#ff7a00;outline:none;box-shadow:0 0 0 3px #ff7a0024}.login-hint{text-align:center;color:#9a9aa3;margin-top:20px;font-size:13px}.section-title h2{letter-spacing:-.01em;font-weight:800}.section-title>span{color:#8a8a93;background:#f4f4f6;border-radius:14px;padding:5px 12px;font-size:12.5px}button.approve,button.reject,button.refresh-btn{border-radius:9px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}button.approve:hover:not(:disabled),button.reject:hover:not(:disabled),button.refresh-btn:hover:not(:disabled){filter:brightness(.96)}button.approve:active:not(:disabled),button.reject:active:not(:disabled),button.refresh-btn:active:not(:disabled){transform:translateY(1px)}button.approve{box-shadow:0 2px 6px #16a34a47}button.reject{box-shadow:0 2px 6px #dc262638}.admin-header .refresh-btn{color:#fff;background:#ffffff29;padding:10px 16px}.admin-header .refresh-btn:hover{filter:none;background:#ffffff4d}.sec-table tbody tr{transition:background .12s}.sec-tag{border:1px solid #0000}.tree-children{border-left-color:#cfe8cf}.drawer-head .refresh-btn{padding:7px 12px}.biz-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.biz-tab{color:#44444c;cursor:pointer;background:#fff;border:1px solid #e7e7ec;border-radius:20px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .14s,color .14s,border-color .14s,box-shadow .14s}.biz-tab:hover{background:#fff8f2;border-color:#ffcf9e}.biz-tab.active{color:#fff;background:linear-gradient(135deg,#ff7a00,#ff4f9a);border-color:#0000;box-shadow:0 6px 16px #ff3d8147}@media (width<=720px){.admin-app:before{height:2px}.biz-tab{padding:8px 14px;font-size:12.5px}.admin-header{padding:14px 16px}.admin-header h1{font-size:20px}.admin-content{padding:16px 12px 32px}.ov-kpis{grid-template-columns:repeat(2,1fr)}.ov-kpi-value{font-size:18px}.sec-search{max-width:none}.drawer{padding:16px}.sec-table{min-width:560px}.drawer,.drawer-lg{width:100%}}.cm-field{flex-direction:column;gap:6px;min-width:0;display:flex}.cm-field-label{color:#444;font-size:12px;font-weight:700}.cm-field-hint{color:#7b8494;font-size:11px;line-height:1.45}.cm-input{box-sizing:border-box;color:#1f2733;background:#fff;border:1px solid #d8dee8;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.cm-input:focus{border-color:#ff7a00;outline:none;box-shadow:0 0 0 3px #ff7a0029}textarea.cm-input{resize:vertical;white-space:pre-wrap;overflow-wrap:break-word;min-height:108px;font-size:14px;line-height:1.65;overflow-y:auto}.cm-numinput{max-width:130px}.cm-select{cursor:pointer}.cm-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cm-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:4px;display:grid}.cm-checkline{color:#333;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.cm-checkline-inline{margin-top:20px}.cm-checkline input{accent-color:#ff6b00}.cm-subhead{color:#1f2733;border-bottom:1px dashed #e2e7ef;margin:18px 0 8px;padding-bottom:6px;font-size:13px;font-weight:800}.cm-error{color:#b42318;background:#fff1f1;border:1px solid #ffd4d4;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:12px}.cm-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.cm-dirtytag{color:#b54708;font-size:12px;font-weight:700}.cm-preview{background:#f7f9fc;border:1px solid #e6ebf3;border-radius:10px;padding:16px}.cm-preview p,.cm-preview li{white-space:pre-line;font-size:14px;line-height:1.65}.cm-legend{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.cm-legend span{color:#3a4557;background:#f1f4f9;border:1px solid #e2e7f0;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.chg-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.chg-tile{background:#f8fafc;border:1px solid #e2e7ef;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.chg-tile span{color:#6b7383;text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:700}.chg-tile strong{color:#1f2733;font-size:20px}@media (width<=900px){.chg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.sch-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.sch-tab{cursor:pointer;color:#3a4557;background:#f1f4f9;border:1px solid #e2e7ef;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.sch-tab:hover{background:#e8edf5}.sch-tab-on{color:#b35300;background:#fff3e8;border-color:#ffb877}.sch-tab-count{text-align:center;color:#5b6576;background:#fff;border:1px solid #e2e7ef;border-radius:999px;min-width:20px;padding:0 6px;font-size:11px;line-height:18px}.sch-cell{white-space:normal;overflow-wrap:break-word;max-width:240px}.sch-cell small{color:#6b7383;line-height:1.5;display:block}.sch-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.sch-chip{color:#3a4557;background:#f1f4f9;border:1px solid #e2e7f0;border-radius:6px;padding:2px 6px;font-size:11.5px;font-weight:700}.sch-notice{color:#7a4a00;background:#fff8ec;border:1px solid #f4d9a8;border-radius:10px;padding:14px 16px;font-size:13.5px;line-height:1.6}.sch-notice strong{color:#5b3300;margin-bottom:6px;display:block}.sch-notice code{background:#fdf0dc;border-radius:4px;padding:1px 5px;font-size:12.5px}.sch-dialogrow td{background:#fbfcfe}.sch-dialog{background:#fff;border:1px solid #e2e7ef;border-radius:10px;flex-direction:column;gap:8px;max-width:640px;padding:12px 14px;display:flex}.sch-note{min-height:72px}.cm-summarylist{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cm-summarylist span{color:#3a4557;background:#f1f4f9;border:1px solid #e2e7f0;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.cm-imagepicker{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.cm-imagepicker-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.cm-imagepreview{background:repeating-conic-gradient(#f3f5f9 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px dashed #c9d2e0;border-radius:8px;flex:0 0 150px;justify-content:center;align-items:center;width:150px;height:96px;display:flex;position:relative;overflow:hidden}.cm-imagepreview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.cm-imagepreview-empty{color:#98a2b3;font-size:11px}.cm-fitchip{z-index:1;letter-spacing:.4px;text-transform:uppercase;pointer-events:none;background:#1f2733d1;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:4px;left:4px;color:#fff!important}.cm-imagepicker-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cm-imagepicker-actions .cm-input{flex:200px;max-width:300px}.cm-bannerthumb{object-fit:contain;object-position:center;background:#f7f9fc;border:1px solid #e4e9f1;border-radius:6px;width:104px;height:56px;display:block}.cm-bannerthumb-empty{color:#98a2b3;justify-content:center;align-items:center;font-size:14px;display:flex}.cm-bannerpreview{aspect-ratio:1200/250;background:#f2f2f2;border:1px solid #e4e9f1;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:520px;display:flex;position:relative;overflow:hidden}.cm-bannerpreview img{width:100%;height:100%;display:block}.cm-bannerpreview-empty{color:#98a2b3;font-size:12px}.cm-bannerpreview-caption{color:#fff;background:linear-gradient(#001f5400 0%,#001f54ad 100%);justify-content:space-between;align-items:flex-end;gap:8px;padding:8px 10px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.cm-bannerpreview-caption strong{text-shadow:0 1px 4px #0006}.cm-bannerpreview-caption em{background:linear-gradient(90deg,#ff6b00,#ff1493);border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:11px;font-style:normal;font-weight:700}.cm-fitbar{background:#f7f9fc;border:1px solid #e6ebf3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;display:flex}.cm-fitbar .cm-select{max-width:300px}.cm-ordercell{white-space:nowrap}.cm-orderbtns{gap:4px;margin-top:4px;display:flex}.cm-orderbtns button{padding:2px 7px;font-size:11px;line-height:1.4}.cm-headerpreview{margin:6px 0 14px}.cm-hp-bar{color:#fff;background:linear-gradient(90deg,#ff7a00,#ff4d8d);border-radius:12px;align-items:center;gap:15px;padding:13px 18px;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000024}.cm-hp-menu{background:#ffffff2e;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.cm-hp-logo{box-sizing:border-box;color:#ff6b00;background:#ffffffeb;border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid;overflow:hidden}.cm-hp-name{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.cm-hp-action{white-space:nowrap;background:#ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.cm-hp-cart{background:#ffffff29;border:1px solid #ffffff4d}.product-image{position:relative}.product-image .cm-fitchip{top:6px;left:6px}@media (width<=1100px){.cm-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.cm-grid2,.cm-grid4{grid-template-columns:1fr}.cm-numinput{max-width:none}.cm-imagepreview{flex:100%;width:100%}}
