:root{--bg:#f1f2f4;--surface:#fff;--surface-sub:#f6f6f7;--border:#e1e3e5;--border-strong:#c9cccf;--text:#1f2225;--text-sub:#6b7177;--text-mut:#8c9196;--brand:#1a1a1a;--accent:#005bd3;--accent-weak:#eaf1fd;--green:#0f7a4d;--green-weak:#e6f4ec;--amber:#8a6116;--amber-weak:#fbf3e0;--red:#b42318;--red-weak:#fdecea;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #0000000f, 0 0 1px #00000014}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Helvetica Neue,Arial,sans-serif;font-size:13.5px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);overscroll-behavior:contain;flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.brand{letter-spacing:-.03em;padding:8px 10px 16px;font-size:20px;font-weight:800}.brand small{color:var(--text-mut);letter-spacing:.04em;margin-top:2px;font-size:10.5px;font-weight:600;display:block}.nav-item{border-radius:var(--radius-sm);color:var(--text-sub);align-items:center;gap:10px;padding:8px 10px;font-weight:550;display:flex}.nav-item:hover{background:var(--surface-sub);color:var(--text)}.nav-item.active{color:#fff;background:#1f2225}.nav-item .ico{text-align:center;opacity:.9;width:16px}.nav-sep{background:var(--border);height:1px;margin:10px 6px}.nav-grp{letter-spacing:.02em;color:var(--text-mut);margin-top:2px;padding:12px 10px 4px;font-size:10.5px;font-weight:600}.nav-foot{color:var(--text-mut);margin-top:auto;padding:8px 10px;font-size:11px}.main{min-width:0;max-width:none;padding:22px 28px 60px}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head h1{font-size:20px}.page-head .sub{color:var(--text-sub);margin-top:2px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 18px}.card-title{margin-bottom:12px;font-size:13px;font-weight:650}.grid{gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.stat{padding:15px 16px}.stat-link{cursor:pointer;transition:border-color .12s,background .12s;display:block}.stat-link:hover{border-color:var(--border-strong,#bbb);background:var(--surface-sub,#fafbfb)}.stat .label{color:var(--text-sub);font-size:12px;font-weight:550}.stat .value{letter-spacing:-.02em;margin-top:6px;font-size:25px;font-weight:720}.stat .unit{color:var(--text-mut);margin-left:3px;font-size:13px;font-weight:600}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:12.5px}table.data th{text-align:left;color:var(--text-sub);background:var(--surface-sub);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-weight:600}table.data td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#fafbfb}table.data.compact td{vertical-align:middle;padding:6px 10px}table.data.compact th{padding:7px 10px}.clamp2{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:230px;line-height:1.3;display:-webkit-box;overflow:hidden}.shelf-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}.cell-ell{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:120px;display:inline-block;overflow:hidden}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--text-mut)}.strong{font-weight:650}.badge{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.green{background:var(--green-weak);color:var(--green)}.badge.amber{background:var(--amber-weak);color:var(--amber)}.badge.red{background:var(--red-weak);color:var(--red)}.badge.gray{background:var(--surface-sub);color:var(--text-sub)}.badge.blue{background:var(--accent-weak);color:var(--accent)}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px 18px;display:grid}@media (max-width:760px){.form-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--text-sub);font-size:12px;font-weight:600}.field label .req{color:var(--red);margin-left:2px}.field .hint{color:var(--text-mut);font-size:11px}input,select,textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);background:#fff;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-weak);border-color:var(--accent)}input[type=checkbox],input[type=radio]{appearance:auto;accent-color:#1f2225;cursor:pointer;background:0 0;border:0;border-radius:0;width:auto;padding:0}.field.highlight input{border-color:#1f2225;box-shadow:0 0 0 3px #1f22250d}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);cursor:pointer;background:#fff;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-sub)}.btn.primary{color:#fff;background:#1f2225;border-color:#1f2225}.btn.primary:hover{background:#000}.btn.sm{padding:5px 10px;font-size:12px}.searchbar{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.searchbar .field{flex:140px;gap:4px;min-width:140px}.searchbar .field.wide{flex:2 220px}.filters-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chip{border:1px solid var(--border-strong);color:var(--text-sub);border-radius:999px;padding:5px 11px;font-size:12px}.chip.on{color:#fff;background:#1f2225;border-color:#1f2225}.banner{border-radius:var(--radius-sm);margin-bottom:14px;padding:11px 14px;font-size:12.5px;font-weight:550}.banner.ok{background:var(--green-weak);color:var(--green)}.banner.err{background:var(--red-weak);color:var(--red)}.empty{text-align:center;color:var(--text-mut);padding:40px 0}.toolbar{align-items:center;gap:10px;display:flex}.spacer{flex:1}.section-gap{margin-top:22px}.skel{background:linear-gradient(90deg, var(--surface-sub) 25%, var(--border) 37%, var(--surface-sub) 63%);background-size:400% 100%;border-radius:6px;animation:1.2s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.shop{max-width:1080px;margin:0 auto;padding:0 24px 80px}.shop-nav{border-bottom:1px solid var(--border);align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:18px 24px;display:flex}.shop-nav .wm{letter-spacing:-.03em;font-size:22px;font-weight:800}.shop-nav .demo{color:var(--text-mut);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.shop-nav a.cart{margin-left:auto;font-weight:600}.shop-nav a.back{color:var(--text-mut);font-size:12px}.shop-hero{padding:40px 0 24px}.shop-hero h1{letter-spacing:-.02em;font-size:26px}.shop-hero p{color:var(--text-sub);margin:6px 0 0}.prod-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:820px){.prod-grid{grid-template-columns:repeat(2,1fr)}}.prod-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.prod-cover{aspect-ratio:1;color:var(--text-mut);text-align:center;background:linear-gradient(135deg,#f3f3f4,#e7e7e9);justify-content:center;align-items:center;padding:16px;font-size:12px;display:flex}.prod-body{flex-direction:column;flex:1;gap:3px;padding:13px 14px 15px;display:flex}.prod-body .pub{color:var(--text-mut);font-size:11px}.prod-body .ttl{font-weight:650;line-height:1.35}.prod-body .auth{color:var(--text-sub);font-size:12px}.prod-body .price{margin-top:6px;font-weight:700}.prod-body .soldout{color:var(--red);font-size:12px;font-weight:600}.prod-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.cartitem{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.cartitem .grow{flex:1}.m-topbar,.m-tabbar,.m-sheet{display:none}.m-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;padding:10px 16px;position:sticky;top:0}.m-brand{letter-spacing:-.03em;color:var(--text);font-size:19px;font-weight:800}.m-brand span{color:var(--text-mut);letter-spacing:normal;margin-left:7px;font-size:12px;font-weight:600}.m-top-actions{gap:8px;display:flex}.m-top-ic{border:1px solid var(--border);width:36px;height:36px;color:var(--text-sub);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.m-top-ic:active{background:var(--surface-sub)}.m-tabbar{z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 4px #0000000a}.m-tab{letter-spacing:-.01em;height:58px;color:var(--text-mut);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:10px;font-weight:600;display:flex;position:relative}.m-tab-ic{font-size:20px;line-height:1}.m-tab.on{color:var(--text);font-weight:700}.m-tab.on .m-tab-ic{color:var(--accent)}.m-tab.on:before{content:"";background:var(--accent);border-radius:0 0 4px 4px;width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.m-sheet{z-index:40;background:var(--bg);flex-direction:column;position:fixed;inset:0}.m-sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:8px 16px 40px;overflow-y:auto}.m-grp{color:var(--text-mut);letter-spacing:.05em;margin:22px 4px 11px;font-size:11px;font-weight:700}.m-grp:first-child{margin-top:12px}.m-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m-tile{background:var(--surface);border:1px solid var(--border);min-height:62px;color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.m-tile:active{background:var(--surface-sub)}.m-tile-ic{background:var(--surface-sub);width:36px;height:36px;color:var(--text);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.m-tile-lb{font-size:13px;font-weight:600;line-height:1.25}.m-tile.on{border-color:var(--text)}.m-tile.on .m-tile-ic{background:var(--text);color:#fff}.m-sheet-foot{border-top:1px solid var(--border);color:var(--text-sub);justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding:16px 4px 0;font-size:12px;display:flex}.sc-pins{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.sc-pin{display:inline-flex;position:relative}.sc-pin>.btn{border-radius:10px}.sc-pin-del{margin:0;line-height:0;position:absolute;top:-7px;right:-7px}.sc-pin-del button{border:1.5px solid var(--surface);background:var(--red);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;padding:0;font-size:11px;line-height:1;display:inline-flex}.sc-add{display:inline-block}.sc-add>summary{cursor:pointer;color:var(--text-sub);border-style:dashed;align-items:center;gap:5px;list-style:none;display:inline-flex}.sc-add>summary::-webkit-details-marker{display:none}.sc-add[open]>summary{background:var(--surface-sub);color:var(--text);border-style:solid}.sc-add-panel{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.sc-chip{cursor:pointer;font:inherit;background:#fff;align-items:center;display:inline-flex}.sc-chip:active{background:var(--surface-sub)}@media (max-width:768px){.shell{grid-template-columns:1fr}.sidebar{display:none}.m-topbar{display:flex}.m-tabbar{display:grid}.m-sheet{display:flex}.main{max-width:none;padding:16px 16px 84px}.grid{gap:11px}.grid-4,.grid-3{grid-template-columns:1fr 1fr}.section-gap{margin-top:16px}.page-head{flex-wrap:wrap;gap:10px;margin-bottom:14px}.page-head h1{font-size:19px}.page-head .sub{font-size:12px}.stat{min-height:80px;padding:13px 14px}.stat .label{font-size:11.5px;line-height:1.3}.stat .value{font-variant-numeric:tabular-nums;font-size:20px}.stat .unit{font-size:11px}table.data th,table.data td{padding:9px 10px}}@media print{.sidebar,.m-topbar,.m-tabbar,.no-print{display:none!important}.shell{display:block!important}.main{max-width:none!important;padding:0!important}body{background:#fff!important}}