:root{--ink:#18231f;--muted:#74807b;--line:#e5ebe7;--cream:#f6f8f5;--panel:#fff;--green:#69c7a2;--green-deep:#2f9d78;--purple:#7868df;--orange:#f4a45d;--red:#df716d}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,'Noto Sans SC',sans-serif;font-size:14px}.sidebar{position:fixed;width:232px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 10px}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--ink);color:#a6e1ca;display:grid;place-items:center;font-size:21px}.brand strong{display:block;font-size:18px;letter-spacing:-.5px}.brand span{display:block;font:9px 'DM Mono';letter-spacing:1.2px;color:#8b9690;margin-top:2px}.store-card{margin:36px 0 24px;padding:11px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:9px;position:relative}.store-avatar,.user-avatar{width:29px;height:29px;background:#ddf3e9;color:#2a9674;border-radius:9px;display:grid;place-items:center;font-weight:800}.store-card b,.store-card small,.user-row b,.user-row small{display:block}.store-card b{font-size:12px}.store-card small,.user-row small{font-size:10px;color:var(--muted);margin-top:3px}.online-dot{width:7px;height:7px;background:#55c697;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #e2f7ed}.store-card .online-dot{margin-left:auto}.nav-label{font-size:10px;color:#a0aaa5;padding:0 13px 9px;text-transform:uppercase;letter-spacing:1px}.nav-label.space-top{margin-top:30px}.nav-item{height:43px;padding:0 13px;border-radius:10px;display:flex;align-items:center;gap:13px;color:#6f7a75;cursor:pointer;text-decoration:none;font-weight:600}.nav-item span{font-size:19px;width:17px;text-align:center}.nav-item.active,.nav-item:hover{background:#eff9f4;color:#329b76}.nav-item em{font:10px 'DM Mono';background:#e2f5eb;color:#3c9d7a;padding:3px 6px;border-radius:8px;margin-left:auto}.sidebar-bottom{margin-top:auto}.safe-badge{display:flex;gap:10px;align-items:center;background:#f4fbf7;border:1px solid #e0f3e9;border-radius:11px;padding:11px;margin:0 2px 17px}.safe-badge>span{width:22px;height:22px;border-radius:50%;background:#d8f4e7;color:#37a37d;display:grid;place-items:center}.safe-badge b{font-size:11px;display:block}.safe-badge small{font-size:9px;color:var(--muted)}.user-row{display:flex;align-items:center;gap:9px;padding:0 6px}.user-row>span{margin-left:auto;color:#9aa49f;font-size:20px}.main{margin-left:232px;min-height:100vh}.topbar{height:105px;padding:27px 48px 18px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:11px;color:#9ba49f;margin-bottom:9px}.crumb span{margin:0 5px}.topbar h1{font-size:22px;letter-spacing:-.7px;margin:0}.top-actions{display:flex;align-items:center;gap:19px;color:#59655f}.connection{font-size:11px;display:flex;gap:9px;align-items:center}.icon-btn{border:0;background:transparent;color:#78847e;font-weight:bold;font-size:16px}.top-user{border:0}.content{padding:7px 48px 48px;max-width:1450px}.hidden{display:none}.hero{min-height:238px;background:#dff4e9;border-radius:18px;padding:32px 40px;display:flex;justify-content:space-between;overflow:hidden}.eyebrow{color:#69ab90;font:10px 'DM Mono';letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.hero h2{font-size:30px;line-height:1.18;letter-spacing:-1.4px;margin:0 0 11px}.hero h2 span{color:#399b76}.hero p{color:#6d877b;font-size:12px;margin:0 0 20px}.primary{border:0;background:var(--ink);color:white;border-radius:9px;padding:12px 17px;font:600 12px Manrope;cursor:pointer;box-shadow:0 7px 14px #28473a18}.primary:hover{background:#2b4038}.hero-art{width:40%;position:relative}.orbit{position:absolute;border:1px solid #a7dec5;border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:260px;height:120px;right:25px;top:15px}.orbit-b{width:260px;height:120px;right:25px;top:15px;transform:rotate(26deg)}.pill{position:absolute;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 25px #67a98b38}.pill-1{right:112px;top:34px;width:70px;height:70px;background:#fff;color:#ee7c76;font-size:35px}.pill-2{right:50px;top:115px;width:49px;height:49px;background:#7770e3;color:#fff}.pill-3{right:190px;top:126px;width:33px;height:33px;background:#f6ba7c;color:#fff}.hero-note{position:absolute;right:0;bottom:3px;color:#478d71}.hero-note b,.hero-note small{display:block}.hero-note small{font-size:10px;margin-top:4px;color:#76a58f}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.metric{min-height:142px;padding:18px 19px;position:relative;overflow:hidden}.metric-top{color:#86908b;font-size:11px;display:flex;justify-content:space-between}.metric-top i{font-style:normal;letter-spacing:2px;color:#bcc5c0}.metric>strong{display:block;font-size:28px;letter-spacing:-1px;margin:12px 0 3px}.unit{font-size:16px}.trend{font-size:10px}.trend span{color:#9ba59f;margin-left:4px}.up{color:#3ca480}.neutral{color:#a17d62}.sparkline{position:absolute;right:14px;bottom:18px;display:flex;gap:4px;align-items:end;height:36px}.sparkline i{display:block;width:5px;border-radius:5px;background:#9fdcc2}.sparkline i:nth-child(1){height:12px}.sparkline i:nth-child(2){height:18px}.sparkline i:nth-child(3){height:13px}.sparkline i:nth-child(4){height:25px}.sparkline i:nth-child(5){height:19px}.sparkline i:nth-child(6){height:31px}.sparkline i:nth-child(7){height:25px}.sparkline i:nth-child(8){height:35px}.sparkline.green i{background:#8bd4a4}.sparkline.purple i{background:#aaa3ec}.progress-ring{position:absolute;right:19px;bottom:18px;border:5px solid #eef1ef;border-top-color:#7bcbae;border-right-color:#7bcbae;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:10px 'DM Mono';color:#479e7d}.split-grid,.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}.bottom-grid{grid-template-columns:1.4fr 1fr}.panel{padding:19px 21px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h3{font-size:14px;margin:0 0 5px}.panel-head p,.subpage-head p{font-size:11px;color:#939d98;margin:0}.link-btn,.text-btn{border:0;background:transparent;color:#3eaa82;font-size:11px;font-weight:700;cursor:pointer}.task-row{display:grid;grid-template-columns:37px 1fr 105px 96px 40px;gap:10px;align-items:center;margin-top:19px}.task-icon{height:33px;width:33px;border-radius:10px;display:grid;place-items:center;font-weight:bold}.purple-bg{background:#eeedff;color:#7770d9}.green-bg{background:#e7f8ef;color:#35a075}.orange-bg{background:#fff1e4;color:#e6954e}.task-info b{font-size:11px;display:block}.task-info small{font-size:10px;color:#9aa39e;display:block;margin-top:4px}.task-status{font-size:10px;white-space:nowrap}.task-status i{font-style:normal}.running{color:#7b6fe0}.running i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8a7ee2}.success{color:#3aa17b}.warning{color:#d78a49}.task-progress{height:5px;background:#eef1ee;border-radius:4px;overflow:hidden}.task-progress span{height:100%;background:#8e80e5;display:block;border-radius:4px}.task-row:nth-child(2) .task-progress span{background:#7ecda7}.task-row:nth-child(3) .task-progress span{background:#e9aa69}.percent{font:10px 'DM Mono';color:#89938e}.spark{font-size:27px;color:#80d1ad}.steps{margin:18px 0}.step{display:flex;align-items:center;gap:11px;margin:14px 0}.step>span{width:25px;height:25px;border-radius:50%;border:1px solid #d8e1dc;display:grid;place-items:center;font:11px 'DM Mono';color:#a3aca7}.step.done>span{background:#e4f7ed;border-color:#e4f7ed;color:#38a67b}.step.current>span{background:#e9e6ff;border-color:#e9e6ff;color:#6d64d2}.step b,.step small{display:block}.step b{font-size:11px}.step small{font-size:10px;color:#98a19d;margin-top:3px}.outline,.filter-btn{border:1px solid #dce5df;background:#fff;color:#4d5b54;border-radius:8px;padding:10px 13px;font:600 11px Manrope;cursor:pointer}.outline:hover,.filter-btn:hover{border-color:#7ecbac;color:#318e6c}.full{width:100%}.product-thumb{width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;font-style:normal;font-size:11px;color:white;margin-right:9px;vertical-align:middle}.blue-t{background:#81b8ce}.pink-t{background:#dc9cb1}.mini-head,.mini-row{display:grid;grid-template-columns:1.3fr 1fr 68px;align-items:center}.mini-head{font-size:10px;color:#a1aaa5;margin-top:17px;padding:0 4px 7px;border-bottom:1px solid var(--line)}.mini-row{padding:10px 4px;border-bottom:1px solid #f0f3f1;font-size:10px}.mini-row span:first-child{display:flex;align-items:center}.issue{color:#d48a53}.source-row{display:flex;align-items:center;gap:11px;margin-top:15px}.source-logo{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:18px}.excel{background:#e3f6eb;color:#2e9e75}.api{background:#eeedff;color:#6e67d0}.source-row b,.source-row small{display:block}.source-row b{font-size:11px}.source-row small{font-size:10px;color:#9ba49f;margin-top:4px}.synced{margin-left:auto;color:#40a47f;font-size:10px}.subpage-head{display:flex;justify-content:space-between;align-items:end;margin:25px 0 20px}.subpage-head h2{margin:0 0 8px;font-size:28px;letter-spacing:-1px}.toolbar{display:flex;gap:9px;margin-bottom:14px}.search{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:#9aa49f;flex:1}.search input{border:0;outline:0;font:11px Manrope;margin-left:6px;width:90%}.toolbar .outline{margin-left:auto}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid #edf1ee}th{color:#9ba49f;font-size:10px;font-weight:500;background:#fbfcfb}td b{font-size:11px}.product-cell{display:flex;align-items:center;gap:9px}.product-dot{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:white;font-weight:800}.compliance{color:#37a27b}.compliance.warn{color:#d18b54}.status-tag{background:#e7f8ef;color:#329c75;padding:5px 8px;border-radius:6px;font-size:10px}.status-tag.pending{background:#fff1e4;color:#d99155}.table-foot{padding:14px 17px;color:#98a29c;font-size:10px}.table-foot span{float:right}.table-foot b{background:#e4f7ec;color:#329b76;padding:4px 7px;border-radius:5px}.task-detail-top{display:flex;align-items:center;gap:12px}.task-detail-top h3{margin:0 0 5px;font-size:14px}.task-detail-top small{color:#97a09b;font-size:10px}.task-detail-top .task-status{margin-left:auto}.big-percent{font:18px 'DM Mono';color:#6f67d5}.big-progress{height:9px;background:#f0f1f6;border-radius:8px;margin:24px 0 16px;overflow:hidden}.big-progress span{display:block;height:100%;background:#8278df;border-radius:8px}.task-stats{display:flex;align-items:center;gap:27px;color:#8e9993;font-size:11px}.task-stats b{color:var(--ink);font-size:16px;margin-right:4px}.task-stats button{margin-left:auto}.log-panel{margin-top:14px}.log-list>div{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #eef2ef}.log-list>div:last-child{border-bottom:0}.log-list i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px}.log-ok{background:#e5f8ee;color:#34a37b}.log-warn{background:#fff0e2;color:#d99455}.log-list span{font-size:11px}.log-list small{display:block;color:#98a19c;font-size:10px;margin-top:4px}.log-list time{margin-left:auto;color:#a3aba7;font:10px 'DM Mono'}.source-cards{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.source-upload{background:#fbfdfb;border:1px dashed #a8d9c1;border-radius:14px;min-height:190px;display:grid;place-items:center;align-content:center;text-align:center}.upload-icon{width:43px;height:43px;border-radius:50%;background:#e3f7ec;color:#3ca47d;display:grid;place-items:center;font-size:22px}.source-upload h3{margin:11px 0 5px;font-size:14px}.source-upload p{font-size:10px;color:#9ba49f;margin:0 0 13px}.api-card h3{margin:18px 0 7px;font-size:14px}.api-card p{color:#8f9993;font-size:11px;line-height:1.6}.api-status{color:#3ca27b;font-size:11px;margin:22px 0}.api-status span{float:right;color:#98a29d}.source-history{margin-top:14px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rule-card{padding:22px}.rule-symbol{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:17px}.rule-card h3{font-size:14px;margin:17px 0 8px}.rule-card p{font-size:11px;line-height:1.7;color:#8d9892;min-height:38px}.rule-on{color:#39a17a;font-size:10px}.notice{display:flex;gap:13px;margin-top:16px;padding:17px 19px;background:#fff9ef;border:1px solid #fae9cf;border-radius:12px;color:#a8763c}.notice>span{width:20px;height:20px;border:1px solid #dbad72;border-radius:50%;display:grid;place-items:center;font:12px serif}.notice b{font-size:11px}.notice p{font-size:10px;line-height:1.7;margin:6px 0 0}.toast{position:fixed;right:26px;bottom:24px;background:var(--ink);color:#fff;padding:12px 17px;border-radius:9px;font-size:11px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}.modal-backdrop{position:fixed;inset:0;background:#15261f66;display:none;place-items:center;z-index:5}.modal-backdrop.open{display:grid}.modal{width:390px;background:#fff;border-radius:16px;padding:28px;position:relative;box-shadow:0 20px 60px #10261c33}.modal-close{position:absolute;right:17px;top:14px;border:0;background:transparent;font-size:23px;color:#9aa49f;cursor:pointer}.modal-icon{width:40px;height:40px;border-radius:12px;background:#e2f6eb;color:#3ca47b;display:grid;place-items:center;font-size:22px}.modal h3{font-size:18px;margin:16px 0 7px}.modal>p{font-size:11px;color:#8f9993;margin:0 0 20px}.modal label{display:block;font-size:11px;color:#6d7972;font-weight:600;margin-top:14px}.modal input,.modal select{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:7px;font:11px Manrope;color:var(--ink);background:#fff}.modal-note{background:#f3fbf6;color:#42a27d;font-size:10px;padding:10px;border-radius:8px;margin:17px 0}.modal .full{margin-top:4px}
 .product-dot.pink{background:#dc9cb1}.product-dot.blue{background:#81b8ce}.product-dot.green{background:#79c6a5}.product-dot.orange{background:#e8ad6d}.product-dot.purple{background:#9990e2}.product-dot.teal{background:#62b6b2}
@media(max-width:950px){.sidebar{width:190px}.main{margin-left:190px}.topbar,.content{padding-left:25px;padding-right:25px}.hero-art{width:32%}.task-row{grid-template-columns:37px 1fr 85px 70px 32px}.source-cards,.rule-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{position:static;width:100%;height:auto;padding:18px;display:block}.store-card,nav,.sidebar-bottom{display:none}.main{margin-left:0}.topbar{height:auto;padding:22px 18px}.top-actions .connection,.icon-btn{display:none}.content{padding:5px 18px 30px}.hero{padding:26px 24px;min-height:260px}.hero-art{display:none}.split-grid,.bottom-grid{grid-template-columns:1fr}.metric-grid{gap:8px}.metric{padding:14px}.task-row{grid-template-columns:33px 1fr 30px}.task-status{display:none}.task-progress{grid-column:2/4}.percent{display:none}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar .outline{margin-left:0}.table-panel{overflow:auto}table{min-width:760px}.subpage-head{align-items:start;gap:16px}.subpage-head h2{font-size:24px}.topbar h1{font-size:18px}.task-stats{gap:12px;flex-wrap:wrap}.task-stats button{margin-left:0}}