:root{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#172a38;background:#f5f7f6;font-size:14px}
body{background:#f5f7f6;color:#172a38}
a{color:#176c83}a:hover{color:#0d465e}
.shell{grid-template-columns:250px minmax(0,1fr);background:#f5f7f6}
.sidebar{background:#102438;border-right:0;padding:28px 18px;color:#f4faf8;box-shadow:8px 0 32px #122d4510}
.brand{padding:0 13px 34px;gap:13px;font-size:19px;letter-spacing:-.5px}
.brand small{color:#89a8ae;font-size:10px;letter-spacing:1.8px;margin-top:2px}
.brand-mark{width:43px;height:43px;border-radius:13px;background:#b8f1d6;color:#123549;font-size:20px;box-shadow:0 9px 22px #76d9b629}
.nav-caption{color:#72909d;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:0 15px 10px;font-weight:800}
.nav{gap:4px}.nav button{color:#a5b7bf;padding:12px 15px;border-radius:12px;font-size:13px;font-weight:650}
.nav button:hover{background:#1b3b4d;color:#fff}.nav button.active{background:#244d5d;color:#fff;box-shadow:inset 3px 0 #9be7ca}
.nav .icon{color:#8edcc4;font-size:17px;line-height:1}
.mobile-switch{display:none}
.sidebar-foot{display:flex;align-items:center;gap:9px;border-top:1px solid #315061;padding:18px 8px 0;margin-top:auto;color:#b2c7ca;font-size:11px}
.sidebar-foot .avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#2e5f65;color:#d4fff1;font-size:16px;font-weight:900;flex:none}
.sidebar-foot>div{min-width:0;flex:1}.sidebar-foot strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot small{display:block;color:#83a4aa}
.sidebar-foot .btn{padding:6px 7px;color:#c9dadd;border-color:#45616d}
.main{padding:36px 44px 44px;max-width:1580px}
.topbar{align-items:center;margin-bottom:27px}.eyebrow{color:#388276;font-size:10px;letter-spacing:2px}
.topbar h1{font-size:31px;letter-spacing:-1.1px;margin:4px 0 5px;font-weight:850}.muted{color:#718491;font-size:13px}
.top-actions{gap:8px}.app-footer{margin:35px 0 0;color:#8ca1a9;font-size:11px;text-align:center}
.card{background:#fff;border:1px solid #e1e9e9;border-radius:17px;box-shadow:0 11px 30px #1535490b;padding:23px;margin-bottom:20px}
.card h2{font-size:16px;color:#1b3442;margin:0 0 14px;letter-spacing:-.3px}.card h3{color:#234455}
.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.card-heading h2{margin-bottom:3px}.card-heading p{margin:0}
.grid{gap:17px}.grid.four{margin-bottom:20px}.split{grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:18px}
.metric{min-height:144px;position:relative;overflow:hidden}.metric:after{content:"";width:84px;height:84px;border-radius:50%;background:#dff5ec;position:absolute;right:-27px;top:-30px;opacity:.7}
.metric .label{color:#6f8990;font-size:12px;font-weight:650}.metric strong{color:#183544;font-size:32px;line-height:1.1;margin-top:19px;font-weight:850}.metric strong small{font-size:16px;color:#9db2b4}.metric p{color:#93a6aa;font-size:11px;margin:10px 0 0}.metric.warning:after{background:#fff0d9}
.btn{border:1px solid #d5e1e3;background:#fff;color:#244758;border-radius:10px;padding:10px 15px;font-weight:750;box-shadow:0 2px 3px #12324108;transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{background:#f0f7f5;box-shadow:0 5px 12px #153c4b12;transform:translateY(-1px)}
.btn.primary{background:#0d776a;border-color:#0d776a;color:#fff;box-shadow:0 5px 13px #0d776a29}.btn.primary:hover{background:#0a695e;border-color:#0a695e}
.btn.primary.ship{background:#168a54;border-color:#168a54;box-shadow:0 5px 13px #168a5429}.btn.primary.ship:hover{background:#117447;border-color:#117447}
.btn.ghost{background:#fff;color:#2c5c67;border-color:#d9e6e5}.btn.light{background:#ffffff21;color:#fff;border-color:#ffffff58}.btn.light:hover{background:#ffffff34}
.btn.danger{background:#fff3f1;border-color:#ffd9d4;color:#bf594f}.btn.tiny{font-size:11px;padding:6px 10px}
.btn.selected{background:#dff1eb;border-color:#9fdac7;color:#106b5a}
.field label{color:#526b73;font-size:12px;font-weight:750}.field input,.field select,.field textarea,input,select,textarea{color:#1d3c49;background:#fff;border:1px solid #d5e2e3;border-radius:10px;padding:11px 12px}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#49a895;box-shadow:0 0 0 3px #6fd0b52b}
.field textarea{min-height:110px}.field small{color:#839a9c;font-size:11px}.form-grid{gap:16px}.checkline{color:#4a6772;font-weight:550;font-size:12px}.checkline input{accent-color:#0d776a}
.toolbar{gap:9px}.toolbar input.grow{min-width:200px;max-width:380px}
.table-wrap{border:1px solid #e4ecec;border-radius:12px;overflow:auto}table{min-width:780px}th{background:#f6f9f8;color:#728a93;font-size:10px;letter-spacing:1px;padding:13px 14px}td{color:#304a55;border-top:1px solid #edf1f0;padding:14px}tr:hover td{background:#f9fcfb}td strong{color:#173644}
.small{color:#85999f}.mono{color:#6e8b97}.badge{background:#e8eff1;color:#64808a;font-weight:750}.badge.ok{background:#dbf6e9;color:#177958}.badge.error{background:#ffe5e1;color:#b3504c}.badge.warn{background:#fff0d6;color:#946525}
.row-error{font-size:11px;color:#b6514a;margin-top:6px;max-width:250px;word-break:break-word}.flag{border-color:#b6c7cc}
.empty{color:#94a9ad;background:#fafcfb;border-radius:12px;padding:35px 20px}
.notice{background:#e6f6ef;border-color:#bfe6d6;color:#2c745d;line-height:1.55}.notice.warn{background:#fff8e9;border-color:#f1dfb8;color:#815f27}
.pill{border-color:#d4e4e2;color:#577680;background:#f7faf9}.pill.danger{color:#b4524d;background:#fff0ee;border-color:#ffd6d1}
.pill.success{color:#177958;background:#dbf6e9;border-color:#b6ebcf}
.bars{height:210px;border-bottom:1px solid #d8e6e5;gap:7px}.bar{background:linear-gradient(180deg,#78d9b6,#0c8c7e);border-radius:6px 6px 0 0}.bar:hover:after{background:#173c4b;color:#fff}.chart-labels{color:#9aabb0}
#toast{background:#176e62;box-shadow:0 14px 35px #173f4438;border-radius:12px;z-index:110}#toast.error{background:#b9524d}
dialog{background:#fff;color:#25414e;border:1px solid #e1e9e7;border-radius:21px;width:min(840px,calc(100% - 24px));padding:28px;box-shadow:0 30px 90px #09283556}
dialog::backdrop{background:#0b2634ba}dialog h2{font-size:22px;color:#153643;margin-bottom:20px}
.login-wrap{background:radial-gradient(circle at 20% 20%,#d9f3e7 0,transparent 34%),radial-gradient(circle at 83% 78%,#dce9f4 0,transparent 32%),#f5f7f6}
.login-card{background:#fff;color:#1a3b47;border:1px solid #e0ece9;box-shadow:0 26px 70px #153b4a1c}
.login-card p{color:#8098a1}
.hero{min-height:260px;border-radius:22px;background:radial-gradient(circle at 82% 15%,#285d69 0,transparent 34%),linear-gradient(125deg,#143348,#0d4d55);color:#fff;padding:34px 39px;display:flex;justify-content:space-between;gap:20px;margin-bottom:30px;overflow:hidden;box-shadow:0 17px 35px #123f4d25}
.hero>div:first-child{position:relative;z-index:2;max-width:560px}.hero-kicker{display:inline-block;color:#99ebd0;font-size:11px;font-weight:800;letter-spacing:1px}.hero h2{font-size:29px;line-height:1.3;letter-spacing:-.8px;margin:14px 0 10px}.hero p{color:#c5dfe1;max-width:480px;line-height:1.7;margin:0 0 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero .btn.primary{background:#b4efd3;color:#0b3f3a;border-color:#b4efd3}.hero .btn.primary:hover{background:#d3ffe7}
.hero-art{width:260px;min-width:220px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a4e5d942;border-radius:50%;width:250px;height:250px}.orbit.two{width:185px;height:185px;transform:rotate(28deg)}
.hero-card{background:#eafbf1;color:#19434d;border-radius:18px;padding:20px 24px;width:155px;transform:rotate(8deg);box-shadow:0 25px 35px #042b315e;display:grid;gap:6px}.hero-card span,.hero-card small{font-size:11px;color:#57817e}.hero-card strong{font-size:45px;line-height:1}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:25px 0 14px}.section-head h2{font-size:20px;letter-spacing:-.5px;margin:3px 0;color:#173846}.section-kicker{color:#168172;text-transform:uppercase;font-weight:850;font-size:10px;letter-spacing:1.5px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:27px}.steps.compact{margin:18px 0 24px}.step{background:#fff;border:1px solid #e1e9e7;border-radius:15px;padding:19px;display:flex;gap:13px;align-items:flex-start;min-width:0}.step.done{background:#f2fbf7;border-color:#b9e4cf}.step-no{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e9f3f0;color:#23816f;font-weight:850;font-size:12px;flex:none}.step.done .step-no{background:#b4ead0;color:#176c58}.step strong{font-size:13px;color:#24434e}.step p{font-size:11px;color:#83989d;line-height:1.55;margin:7px 0 12px}.step .btn{font-size:11px}
.segmented{display:flex;gap:5px;background:#eaf0ee;padding:5px;border-radius:11px}.segmented .btn{box-shadow:none;border:0;background:transparent}.segmented .btn.selected{background:#fff;color:#177766;box-shadow:0 2px 5px #1a51421c}
.analytics-filter{justify-content:space-between;margin:0 0 14px}.analytics-filter .field{min-width:190px}.analytics-filter .field label{font-size:10px}.analytics-filter .field select{padding:7px 10px;font-size:11px}
.money-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #edf2f0;color:#718a90}.money-row strong{color:#1c4c57;font-size:18px}.hint{color:#8a9ea2;font-size:11px;line-height:1.6}.timeline{display:grid;gap:17px}.timeline>div{display:grid;grid-template-columns:8px 1fr;column-gap:10px}.timeline strong{font-size:12px;color:#345360}.timeline small{grid-column:2;color:#97a9ad;font-size:11px;margin-top:2px}.dot{width:7px;height:7px;border-radius:50%;margin-top:5px}.dot.good{background:#2ca887}.dot.bad{background:#d97969}
.page-intro{background:#fff;border:1px solid #e0e9e7;border-radius:18px;padding:25px 29px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.page-intro h2{font-size:23px;color:#173b49;margin:6px 0}.page-intro p{color:#80969e;margin:0;line-height:1.6}.intro-stat{text-align:center;border-left:1px solid #e3ebea;padding-left:35px;min-width:115px}.intro-stat strong{display:block;font-size:37px;color:#10806e}.intro-stat span{font-size:11px;color:#8da5a8}
.import-card{background:linear-gradient(120deg,#fff 65%,#f1f9f6)}.import-card .card-heading{align-items:center}.illustration{display:grid;place-items:center;width:66px;height:66px;border-radius:17px;background:#d9f2e6;color:#127b68;font-weight:900;letter-spacing:2px;transform:rotate(8deg)}
.import-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}.import-grid .wide{grid-column:auto}.import-summary{border-top:1px solid #e2eae8;margin-top:17px;padding-top:14px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#60817f}
.import-error-list{margin:12px 0 0;padding-left:20px;color:#ad554b;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.form-section{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #e8efee;padding-top:18px;margin:21px 0 14px}.form-section:first-child{border-top:0;padding-top:0;margin-top:0}.form-section h3{margin:0 0 2px;font-size:14px}.form-section p{margin:0}
.order-detail{min-width:0}.order-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e6eeeb;padding-bottom:18px}.order-summary h3{font-size:27px;letter-spacing:-.5px;margin:5px 0}.order-summary>strong{font-size:22px;color:#1a6d67;white-space:nowrap}.order-detail .pill-row{margin:16px 0 22px}.detail-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.detail-columns h3{font-size:14px}.product-row{display:flex;gap:12px;border:1px solid #e4ecea;border-radius:12px;padding:13px;margin-bottom:10px}.product-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:9px;background:#e8f3ee;color:#2f9c7a}.product-row strong{display:block}.product-row small{display:block;color:#8fa2a6;font-size:11px;margin:4px 0}.product-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.detail-box{background:#f8fbfa;border:1px solid #e2ece9;border-radius:12px;padding:17px;margin-bottom:12px;line-height:1.65}.detail-box p{color:#6f8990;font-size:12px}.fulfill-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.order-mobile-list{display:none}.order-mobile-card{background:#fff;border:1px solid #e0eae6;border-radius:13px;padding:15px;margin-bottom:10px}.order-mobile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-mobile-head label{display:flex;align-items:flex-start;gap:10px;min-width:0}.order-mobile-head input{width:auto;margin-top:3px}.order-mobile-head span{min-width:0}.order-mobile-head span strong{display:block;color:#22414a;font-size:14px}.order-mobile-head span small{display:block;color:#91a5a4;font-size:11px;margin-top:4px}.order-mobile-head>strong{color:#137867;font-size:13px;white-space:nowrap}.order-mobile-card p{color:#526e72;font-size:12px;line-height:1.5;margin:13px 0;overflow-wrap:anywhere}.order-mobile-state{display:flex;gap:6px;flex-wrap:wrap}.order-mobile-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #ecf1ee;margin-top:13px;padding-top:12px}
.order-desktop-table th:last-child,.order-desktop-table td.actions{position:sticky;right:0;z-index:1;background:#fff;border-left:1px solid #e3ece9;min-width:150px}.order-desktop-table th:last-child{background:#f6f9f8;z-index:2}
@media(max-width:760px){.order-desktop-table{display:none}.order-mobile-list{display:block}.order-mobile-head{flex-wrap:wrap}}
.shop-mobile-list{display:none}.shop-mobile-card{border:1px solid #e2ebe7;border-radius:13px;background:#fff;padding:15px;margin-bottom:10px}.shop-mobile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.shop-mobile-top label{display:flex;align-items:flex-start;gap:9px;min-width:0}.shop-mobile-top input{width:auto;margin-top:3px}.shop-mobile-top strong{display:block;font-size:14px;color:#26444e}.shop-mobile-top small{display:block;font-size:11px;color:#8aa3a4;overflow-wrap:anywhere;margin-top:4px}.shop-mobile-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.shop-mobile-status>span{font-size:11px;color:#799292}.shop-mobile-error{color:#a95346;background:#fff6f3;border-radius:8px;padding:9px;font-size:11px;overflow-wrap:anywhere}.shop-mobile-sync{font-size:11px;color:#879f9e;margin:13px 0}.shop-mobile-actions{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #edf2ef;padding-top:12px}
@media(max-width:760px){#shopTable{display:none}.shop-mobile-list{display:block}}
.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.roadmap-item{min-height:190px}.roadmap-item p{line-height:1.7;color:#7d9499}.roadmap-icon{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e4f5ec;color:#178370;font-size:11px;font-weight:850;margin-bottom:14px}
.build-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.build-policy-grid textarea{min-height:170px}.build-brief{white-space:pre-wrap;word-break:break-word;line-height:1.7;background:#f5f9f7;border:1px solid #dce9e5;border-radius:12px;padding:17px;color:#234555;max-height:60vh;overflow:auto}
.build-overview{padding:25px 28px}.build-overview-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.build-shop-select{flex:1;max-width:520px}.build-shop-select .field{max-width:480px}.build-shop-select p{margin:7px 0 0}.build-overview-count{text-align:right;white-space:nowrap}.build-overview-count strong{display:block;font-size:32px;line-height:1;color:#116f61}.build-overview-count strong small{font-size:17px;color:#8aa49d}.build-overview-count>span{display:block;font-size:11px;color:#849b9b;margin-top:6px}.build-progress{height:8px;background:#e8f0eb;border-radius:20px;overflow:hidden;margin:21px 0 14px}.build-progress span{display:block;height:100%;background:linear-gradient(90deg,#44bd92,#0a796c);border-radius:20px}.build-overview-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#6f8585;font-size:12px}.build-overview-foot strong{color:#af534b}.build-overview-foot>div{display:flex;flex-wrap:wrap;gap:7px}.build-next{background:#fffaf2;border:1px solid #f0debf;border-left:4px solid #d29c51;border-radius:13px;padding:17px 20px;margin-bottom:25px}.build-next>span{display:block;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:850;color:#af7740}.build-next strong{display:block;color:#4b3828;font-size:17px;margin:5px 0}.build-next p{margin:0;color:#806e5b;font-size:12px;line-height:1.55}.build-section{margin:26px 0}.build-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.build-section-title h2{font-size:21px;margin:4px 0 0;color:#1b3944}.build-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.build-step-card{border:1px solid #dce7e3;background:#fff;border-radius:15px;padding:18px;min-width:0;box-shadow:0 5px 18px #17453608}.build-step-card.failed{border-color:#ebc7c1;background:#fffaf8}.build-step-card.blocked{background:#fafbf9}.build-step-card.done{background:#fbfdfc}.build-step-heading{display:flex;align-items:flex-start;gap:11px;min-width:0}.build-step-heading>div{min-width:0;flex:1}.build-step-heading h3{font-size:14px;color:#24404a;margin:2px 0 4px;line-height:1.4}.build-step-heading small{font-size:10px;color:#91a4a2}.build-step-number{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#e5f3ed;color:#207966;font-size:11px;font-weight:850}.build-status{flex:none;border-radius:30px;padding:5px 8px;font-size:10px;font-weight:800;color:#557a76;background:#e7f2ed}.build-status.failed{color:#a94a3c;background:#fbe6e0}.build-status.blocked{color:#858d90;background:#edf0ef}.build-status.review,.build-status.changed{color:#986734;background:#fff0d8}.build-status.done{color:#137655;background:#ddf5e7}.build-step-message{font-size:12px;line-height:1.55;color:#6a8587;margin:13px 0 0;overflow-wrap:anywhere}.build-step-more{font-size:11px;color:#6a8587;margin-top:8px}.build-step-more summary{cursor:pointer;color:#277c70;font-weight:700}.build-step-more p{max-height:130px;overflow:auto;overflow-wrap:anywhere;line-height:1.55}.build-step-actions{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #e8efec;padding-top:12px;margin-top:14px}.build-completed>summary,.build-config>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#294650;font-weight:800}.build-completed>summary::-webkit-details-marker,.build-config>summary::-webkit-details-marker,.build-subsection>summary::-webkit-details-marker{display:none}.build-completed>summary span,.build-summary-action{font-size:11px;color:#3b8778;font-weight:700}.build-completed[open]>summary,.build-config[open]>summary{margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #e3ece8}.build-completed>p{color:#6f8586;line-height:1.7;font-size:12px}.build-config>summary strong{display:block;font-size:16px}.build-config>summary small{display:block;margin-top:4px;color:#839d9d;font-size:11px;font-weight:500}.build-config form{display:block}.build-subsection{border:1px solid #e3ece8;border-radius:11px;margin-top:16px;background:#fbfdfc}.build-subsection>summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:13px;color:#294650;font-weight:800;display:flex;justify-content:space-between;gap:12px}.build-subsection>summary small{font-weight:600;color:#91a7a2}.build-subsection[open]{padding-bottom:16px}.build-subsection[open]>summary{margin-bottom:4px}.build-subsection>.hint,.build-subsection>.field,.build-subsection>.build-policy-grid{margin:0 16px 12px}.build-subsection textarea{min-height:150px}
@media(max-width:980px){.build-step-grid{grid-template-columns:1fr}}
@media(max-width:760px){.build-overview{padding:18px}.build-overview-top{align-items:start}.build-overview-count strong{font-size:25px}.build-overview-count>span{max-width:90px;white-space:normal}.build-overview-foot{align-items:flex-start;flex-direction:column}.build-section-title{display:block}.build-section-title .small{display:block;margin-top:6px}.build-step-card{padding:15px}.build-step-heading{flex-wrap:wrap}.build-status{margin-left:42px}.build-config>summary{align-items:flex-start}}
@media(max-width:760px){.build-policy-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.main{padding:28px}.steps{grid-template-columns:1fr 1fr}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px}.brand{padding:0 2px 12px}.nav-caption,.sidebar-foot{display:none}.nav{display:flex;overflow-x:auto;gap:4px}.nav button{width:auto;flex:none;padding:9px 12px}.main{padding:20px 14px 30px}.topbar{display:block}.top-actions{margin-top:14px}.hero{padding:28px 23px;min-height:230px}.hero h2{font-size:23px}.hero-art{display:none}.steps,.grid.four,.split,.detail-columns,.roadmap-grid,.fulfill-flow,.import-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.page-intro{padding:19px}.intro-stat{display:none}.section-head{align-items:flex-start;flex-wrap:wrap}.analytics-filter{align-items:flex-start}.card{padding:17px}.order-summary{align-items:flex-start;flex-direction:column}.order-summary h3{font-size:22px}dialog{padding:20px}}
.ops-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#e0f5ed,#ecf5f7);border:1px solid #cde8dc;border-radius:18px;padding:24px 28px;margin-bottom:18px}.ops-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:none}.ops-hero h2{font-size:23px;color:#173d40;margin:5px 0}.ops-hero p{font-size:12px;color:#648180;margin:0;line-height:1.6}.ops-summary .metric{min-height:125px}.ops-summary .metric strong{margin-top:13px}.ops-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-store-card{border:1px solid #dfe9e6;border-radius:15px;background:#fbfdfc;padding:18px;min-width:0}.ops-store-card.needs-attention{border-left:4px solid #e9a267;padding-left:15px}.ops-store-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ops-store-top h3{font-size:17px;margin:5px 0 3px}.ops-window{font-size:11px;font-weight:800;color:#267764;background:#dff3e9;padding:4px 8px;border-radius:6px}.ops-store-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.ops-store-metrics>div{background:#f0f6f3;border-radius:9px;padding:10px}.ops-store-metrics strong{display:block;color:#1e4b4a;font-size:21px}.ops-store-metrics small{font-size:10px;color:#7b9692}.ops-progress{height:7px;background:#e5eeea;border-radius:99px;margin:13px 0 10px;overflow:hidden}.ops-progress span{display:block;height:100%;background:#2fb28d;border-radius:99px}.ops-store-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#7e9292;font-size:11px}.ops-store-note{background:#fff;border:1px solid #e5ece9;border-radius:10px;padding:12px;margin:13px 0;min-height:75px}.ops-store-note strong{font-size:11px;color:#7a5a32}.ops-store-note p{margin:5px 0;color:#47636a;font-size:12px;line-height:1.45;word-break:break-word}.ops-store-note small{color:#9c7a4d}.ops-store-sales{display:grid;gap:4px;color:#67817e;font-size:11px;margin-bottom:13px;word-break:break-word}.ops-store-actions{display:flex;flex-wrap:wrap;gap:6px}.ops-store-times{font-size:10px;color:#a0b0ad;border-top:1px solid #e8efeb;margin-top:13px;padding-top:10px}.ops-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ops-detail-head strong{font-size:17px}.ops-detail-head p{margin:5px 0}.ops-check{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #e7eeeb;padding:12px 0}.ops-check>span{flex:none}.ops-check strong{font-size:13px}.ops-check p{margin:5px 0;color:#6e8785;font-size:12px;line-height:1.5}.ops-issues{color:#a05142;font-size:12px;line-height:1.7;padding-left:20px}.ops-issues li{margin:5px 0}
@media(max-width:1050px){.ops-store-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ops-hero{display:block;padding:20px}.ops-hero-actions{justify-content:flex-start;margin-top:14px}.ops-hero h2{font-size:19px}.ops-store-metrics strong{font-size:18px}.ops-store-top{display:block}.ops-store-top>div:last-child{margin-top:8px}}
@media(max-width:760px){.grid.four.ops-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-summary .metric{min-height:112px;padding:15px;margin:0}.ops-summary .metric strong{font-size:28px;margin-top:10px}}
@media(max-width:760px){.sidebar{padding:14px 16px}.brand{padding:0 0 10px}.nav,.nav-caption{display:none}.mobile-switch{display:flex;align-items:center;gap:10px}.mobile-switch label{color:#9cbcbf;font-size:11px;white-space:nowrap}.mobile-switch select{background:#244656;border-color:#426878;color:#fff;padding:8px 10px;font-weight:700}.main{padding-top:18px}.topbar{margin-bottom:20px}}
.export-toolbar{margin:16px 0;padding:14px;border:1px solid #cfe8df;border-radius:14px;background:#effaf5;align-items:end}
.export-toolbar label{display:grid;gap:5px;font-size:12px;color:#54717a}
.export-toolbar input{min-height:38px;border:1px solid #b8d2cb;border-radius:8px;background:#fff;color:#17394a;padding:5px 9px}
.order-product-image{width:56px;height:56px;object-fit:cover;border-radius:9px;flex:none;background:#e6f2ed}
.shop-window{display:inline-block;margin:0 6px 6px 0;padding:3px 7px;border-radius:6px;background:#e1f3e9;color:#216c5b;font-size:10px;font-weight:800;white-space:nowrap}
.shop-attention td{background:#fffbf7;border-left:2px solid #e4a061}.shop-attention:hover td{background:#fff6eb}.shop-mobile-card.shop-attention{border-left:4px solid #e4a061}
.status-detail{max-width:230px;line-height:1.45;overflow-wrap:anywhere;margin-top:5px}
.shop-bulk-bar{margin:14px 0 17px;flex-wrap:wrap;padding:10px 12px;border:1px solid #dceae4;border-radius:11px;background:#f5faf7}
.shop-filters{flex-wrap:wrap}.shop-filters .field{min-width:130px}.shop-filters .field label{font-size:11px}.shop-filters .field select{padding:9px 10px}.shop-filters #shopVisibleCount{margin-left:auto}
.traffic-filters{align-items:end;flex-wrap:wrap;margin:12px 0 19px}.traffic-filters label{display:grid;gap:5px;color:#607d7d;font-size:11px;font-weight:700}.traffic-filters input{padding:9px 10px}.traffic-filters .field{min-width:190px}.traffic-filters .field select{padding:9px 10px}
.traffic-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0 22px}.traffic-chart{border:1px solid #e3ece7;border-radius:12px;background:#fbfdfc;padding:13px;min-width:0}.traffic-chart-head,.traffic-chart-axis{display:flex;justify-content:space-between;gap:8px;color:#819797;font-size:11px}.traffic-chart-head strong{color:#22444b;font-size:13px}.traffic-chart svg{display:block;width:100%;height:150px;margin:7px 0}.traffic-chart-axis{font-size:10px}
.health-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}.health-summary>div{padding:13px;border:1px solid #e2ece8;border-radius:10px;background:#f9fcfa}.health-summary strong{color:#24454a}.health-summary p{line-height:1.5}.health-summary small{color:#849b9b}
@media(max-width:760px){.traffic-chart-grid,.health-summary{grid-template-columns:1fr}.shop-filters #shopVisibleCount{margin-left:0;width:100%}}
.hour-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hour-chip{padding:8px 11px;border-radius:8px;background:#e5f5ef;color:#245b5b;font-size:12px}