@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#20201f;background:#f4f4f1;font-family:DM Sans,Noto Sans JP,system-ui,sans-serif;font-synthesis:none;--ink: #20201f;--muted: #73736f;--line: #e3e3de;--paper: #fff;--brand: #df5d47;--brand-dark: #c84d39;--green: #287a55}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f4f1}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{height:70px;padding:0 38px;background:#fffffff2;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font:700 19px Georgia,serif;background:linear-gradient(145deg,#ec8069,#c94c38);box-shadow:0 5px 14px #c94c3840}.brand-block h1{font-size:15px;margin:0 0 2px;letter-spacing:.01em}.brand-block p{font-size:11px;margin:0;color:var(--muted)}.topbar-status{display:flex;align-items:center;gap:12px}.live-dot{border:1px solid #dfe3df;background:#fafbf9;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:600}.live-dot i{width:7px;height:7px;background:#38a66f;display:inline-block;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #dff3e9}main{max-width:1220px;margin:0 auto;padding:45px 34px 70px}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.eyebrow{color:var(--brand);letter-spacing:.17em;font-size:10px;font-weight:700;margin:0 0 8px}.hero-row h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.035em;margin:0 0 9px}.lead{color:var(--muted);font-size:13px;margin:0}.lead b{color:var(--brand-dark);background:#fff0ec;padding:1px 5px;border-radius:4px}.hero-actions{display:flex;gap:9px;flex-shrink:0}.button{border:0;min-height:39px;padding:0 15px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.primary{color:#fff;background:var(--brand);box-shadow:0 5px 12px #df5d4738}.button.primary:hover{background:var(--brand-dark)}.button.secondary{background:#fff;border:1px solid #dcdcd7;box-shadow:0 1px 2px #00000008}.button-icon{font-size:15px;font-weight:400}.button-icon.is-spinning{animation:import-spin .8s linear infinite}@keyframes import-spin{to{transform:rotate(360deg)}}.operation-error{margin:-14px 0 18px;padding:10px 12px;color:#a43f3f;background:#fff0f0;border:1px solid #f0cccc;border-radius:9px;font-size:12px}.operation-success{margin:-14px 0 18px;padding:10px 12px;color:#286a4b;background:#ebf7f0;border:1px solid #c9e7d6;border-radius:9px;font-size:12px}.rule-strip{background:#252524;color:#fff;border-radius:14px;padding:15px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;box-shadow:0 12px 30px #1919181f;margin-bottom:18px}.rule-strip>div{display:grid;grid-template-columns:29px 1fr;grid-template-rows:1fr 1fr;padding:2px 18px;border-right:1px solid #434341}.rule-strip>div:last-child{border-right:0}.rule-icon{grid-row:1 / 3;width:24px;height:24px;border-radius:7px;place-self:center start;background:#3a3a38;display:grid;place-items:center;color:#f0836e;font-size:12px}.rule-strip small{color:#999995;font-size:9px;align-self:end}.rule-strip strong{font-size:11px;align-self:start}.sticky-workspace{position:sticky;top:70px;z-index:8;background:#f4f4f1;padding-top:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:10px}.stat-card{color:inherit;background:var(--paper);border:1px solid var(--line);min-height:82px;border-radius:12px;padding:14px 17px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:.16s ease;box-shadow:0 1px 2px #00000005}.stat-card:hover{border-color:#cfcfc8;transform:translateY(-1px)}.stat-card.is-active{border-color:#d96b57;box-shadow:0 0 0 2px #df5d4721}.stat-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:14px}.stat-icon.coral{color:#c5533f;background:#feeee9}.stat-icon.blue{color:#426da9;background:#ebf2fc}.stat-icon.green{color:#287a55;background:#e6f5ed}.stat-icon.violet{color:#785aad;background:#f0ebfa}.stat-icon.red{color:#b74343;background:#fbeaea}.stats-grid small{color:var(--muted);font-size:12px;display:block;margin-bottom:1px}.stats-grid strong{font-size:25px;letter-spacing:-.04em}.stats-grid em{font-style:normal;font-size:12px;color:var(--muted);margin-left:4px}.orders-panel{background:var(--paper);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 2px 4px #00000005}.panel-head{min-height:67px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:14px 14px 0 0;background:#fffffff7;box-shadow:0 3px 12px #1919180d}.panel-title{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.panel-head h3{margin:0;font-size:15px}.panel-title>span{color:var(--muted);font-size:11px}.panel-title>b{color:var(--brand-dark);background:#fff0ec;border-radius:999px;padding:4px 8px;font-size:11px}.panel-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.bulk-actions{display:flex;gap:7px}.button.receive{color:#315f91;background:#edf4fc;border:1px solid #cbdcf0}.button.ship{color:#fff;background:#287a55;box-shadow:0 4px 10px #287a552e}.button.hide{color:#713d39;background:#f5ecea;border:1px solid #dfc8c4}.button.receive:disabled,.button.ship:disabled,.button.hide:disabled{cursor:not-allowed}.search-box{height:34px;width:min(260px,35vw);border:1px solid #deded9;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fafaf8}.search-box span{color:#9a9a96;font-size:16px}.search-box input{border:0;outline:0;width:100%;font-size:11px;background:transparent}.search-box input::placeholder{color:#aaa}.icon-button{width:34px;height:34px;border:1px solid #deded9;border-radius:8px;background:#fff;cursor:pointer;font-size:16px}.table-head,.order-row{display:grid;grid-template-columns:30px 1.15fr 1.35fr .42fr 1.2fr .72fr 22px;align-items:center;column-gap:13px}.table-head{min-height:37px;padding:0 20px;background:#f8f8f6;color:#313131;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}.order-row{width:100%;min-height:88px;padding:12px 20px;border:0;border-bottom:1px solid #eeeeea;background:#fff;text-align:left;cursor:pointer;transition:.15s}.order-row:last-child{border-bottom:0}.order-row:hover{background:#fcfaf8}.order-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.select-cell{display:grid;place-items:center}.select-cell input{appearance:none;width:18px;height:18px;margin:0;border:1.5px solid #b9b9b3;border-radius:5px;background:#fff;cursor:pointer;display:grid;place-items:center}.select-cell input:checked{border-color:var(--brand);background:var(--brand)}.select-cell input:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.select-cell input:disabled{cursor:not-allowed;background:#ecece8;border-color:#d5d5cf;opacity:.75}.order-identity strong{display:block;font-size:14px;margin-bottom:2px}.customer-name{display:block;color:#4e4e4a;font-size:12px;font-weight:600;margin-bottom:3px}.order-identity small{display:block;color:#878782;font-size:11px}.sku-stack{display:flex;flex-direction:column;align-items:flex-start;gap:3px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sku-stack code{color:#985044;background:#fff0ec;border:1px solid #f8dcd5;padding:4px 7px;border-radius:5px;font-size:13px}.sku-stack em{font-style:normal;color:var(--muted);font-size:11px}.quantity-cell strong{font-size:17px}.quantity-cell small{color:var(--muted);font-size:11px;margin-left:3px}.memo-cell{color:#aaa;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-cell.has-memo{color:#545450}.workflow-badge{display:inline-flex;align-items:center;justify-content:center;min-width:66px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.workflow-badge.waiting{color:#777771;background:#f0f0ed}.workflow-badge.received{color:#315f91;background:#e8f1fb}.workflow-badge.shipped{color:#287a55;background:#e4f3eb}.workflow-badge.hidden{color:#713d39;background:#f5ecea}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:600;white-space:nowrap}.status-badge span{width:6px;height:6px;border-radius:50%}.status-badge.success{color:#39765a}.status-badge.success span{background:#4aa374}.status-badge.pending{color:#987023}.status-badge.pending span{background:#dca43f}.status-badge.error{color:#b44545}.status-badge.error span{background:#d85656}.chevron{color:#b1b1ad;font-size:22px;text-align:right}.empty-state{text-align:center;padding:55px 20px 60px}.empty-icon{margin:0 auto 13px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--brand);background:#fff0ec;font-weight:700}.empty-state h3{font-size:14px;margin:0 0 6px}.empty-state p{color:var(--muted);font-size:11px;max-width:430px;margin:0 auto 17px;line-height:1.8}.item-desc{font-size:12px}.order-dialog{width:min(700px,calc(100vw - 32px));max-height:calc(100vh - 40px);border:0;border-radius:17px;padding:0;box-shadow:0 25px 80px #1919184d;overflow:hidden}.order-dialog::backdrop{background:#1919186e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-card{margin:0}.dialog-head{padding:22px 25px 18px;background:#262625;color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.dialog-head p,.analytics-head p{margin:0 0 5px;color:#e37862;font-size:9px;letter-spacing:.15em;font-weight:700}.dialog-head h2{margin:0 0 4px;font-size:24px}.dialog-head span{color:#aaa;font-size:13px}.dialog-close{width:31px;height:31px;border-radius:50%;border:0;background:#ffffff1a;color:inherit;font-size:20px;cursor:pointer}.dialog-body{padding:21px 25px;overflow-y:auto;max-height:calc(100vh - 190px)}.detail-meta{background:#f7f7f4;border:1px solid #e5e5df;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);padding:13px;margin-bottom:22px}.detail-meta span{border-right:1px solid #e1e1dc;padding:0 12px}.detail-meta span:last-child{border:0}.detail-meta small{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.detail-meta strong{font-size:12px}.dialog-section{margin-bottom:22px}.dialog-section h3{font-size:12px;margin:0 0 10px}.detail-items{border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-item{display:grid;grid-template-columns:42px 1fr 42px 85px;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #eee}.detail-item:last-child{border:0}.item-thumb{width:38px;height:38px;border-radius:9px;background:#f4ece8;color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:11px}.detail-item code{font-size:8px;color:var(--brand);display:block}.detail-item strong{font-size:11px;display:block;margin:2px 0}.detail-item small{font-size:9px;color:var(--muted)}.detail-item>span{font-size:13px;color:var(--muted)}.detail-item>b{font-size:13px;text-align:right}.memo-section>div:first-child{display:flex;justify-content:space-between;align-items:center}.memo-section>div span{font-size:8px;color:var(--muted)}.memo-section textarea{width:100%;min-height:112px;resize:vertical;border:1px solid #dcdcd6;border-radius:9px;padding:12px;font-size:13px;line-height:1.7;outline:0;background:#fcfcfa}.memo-section textarea:focus{border-color:#d87664;box-shadow:0 0 0 3px #fff0ec}.inline-error{color:#b43f3f;background:#fff0f0;padding:8px;border-radius:6px;font-size:13px}.dialog-actions{border-top:1px solid var(--line);padding:15px 25px;display:flex;align-items:center;justify-content:space-between;background:#fafaf8}.dialog-actions>div{display:flex;gap:8px}.text-link{color:#a1493a;font-size:13px;text-decoration:none;font-weight:600}.analytics-panel{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.analytics-head{display:flex;justify-content:space-between;align-items:start}.analytics-head h3{font-size:14px;margin:0}.analytics-head .dialog-close{background:#f0f0ed;color:#777}.analytics-loading,.analytics-error{padding:35px;text-align:center;color:var(--muted);font-size:11px}.analytics-error strong{color:#a74343}.mini-chart{height:180px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #ddd;padding:25px 8px 0;margin:8px 0 15px}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.chart-column span{width:100%;max-width:30px;background:linear-gradient(#ee8b76,#d55843);border-radius:5px 5px 0 0;min-height:4px}.chart-column small{font-size:7px;color:#999;white-space:nowrap}.analytics-panel details{font-size:9px;color:var(--muted)}.analytics-panel pre{white-space:pre-wrap;background:#282827;color:#ddd;padding:12px;border-radius:8px;line-height:1.6}footer{max-width:1220px;margin:0 auto;padding:0 34px 30px;display:flex;justify-content:space-between;color:#989893;font-size:8px}.boot-screen,.fatal-state{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:13px}.boot-screen strong{font-size:14px}.boot-screen p{font-size:13px;color:var(--muted);margin:3px 0}.fatal-state{flex-direction:column;text-align:center}.fatal-state h1{font-size:20px;margin:7px 0 0}.fatal-state p{max-width:500px;color:var(--muted);font-size:12px}.fatal-state>a{font-size:13px;color:var(--brand)}.fallback-toast{position:fixed;right:20px;bottom:20px;background:#272726;color:#fff;padding:12px 16px;border-radius:9px;font-size:11px;z-index:100;box-shadow:0 12px 35px #00000040}.fallback-toast.is-error{background:#a94343}@media(max-width:860px){.topbar{padding:0 20px}main{padding:32px 18px 55px}.hero-row{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .button{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:11px;min-height:72px}.stat-icon{display:none}.panel-head{align-items:flex-start;flex-direction:column}.panel-tools{width:100%;justify-content:space-between}.table-head{display:none}.order-row{grid-template-columns:26px 1fr .85fr 18px;gap:8px}.select-cell{grid-column:1;grid-row:1 / 3}.order-identity{grid-column:2}.sku-stack{grid-column:3}.chevron{grid-column:4;grid-row:1 / 3}.quantity-cell{grid-column:2}.memo-cell{grid-column:3}.workflow-cell{grid-column:2 / 4}.search-box{width:190px}.detail-meta{grid-template-columns:1fr 1fr;gap:12px}.detail-meta span:nth-child(2){border:0}.detail-item{grid-template-columns:40px 1fr 35px}.detail-item>b{display:none}footer{padding:0 18px 25px}}@media(max-width:560px){.brand-block p,.live-dot{display:none}.topbar{height:60px}.sticky-workspace{top:60px}.hero-actions{flex-direction:column}.stats-grid{gap:6px}.stat-card{padding:9px;min-height:66px}.stats-grid strong{font-size:21px}.stats-grid small{font-size:9px}.panel-title{flex-wrap:wrap}.panel-tools{align-items:stretch;flex-wrap:wrap}.bulk-actions{width:100%}.bulk-actions .button{flex:1}.search-box{width:calc(100% - 42px);flex:1}.memo-cell{max-width:140px}.dialog-body{padding:16px}.dialog-head,.dialog-actions{padding-left:17px;padding-right:17px}.dialog-actions{align-items:flex-start;gap:13px;flex-direction:column}.dialog-actions>div{width:100%}.dialog-actions .button{flex:1}.detail-meta{grid-template-columns:1fr 1fr}.memo-section>div:first-child{align-items:flex-start;flex-direction:column}.memo-section>div span{margin-bottom:8px}footer{flex-direction:column;gap:5px}}