*{box-sizing:border-box} :root{color-scheme:light;--bg:#f2f0ed;--sidebar:#e7e5e7;--panel:#fbfaf8;--panel2:#efedef;--line:#d9d6d8;--text:#37323e;--muted:#77737d;--soft:#6d6a75;--green:#52795b;--green-bg:#e5eee5;--amber:#9a711b;--red:#a94f4f;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:236px;background:var(--sidebar);border-right:1px solid var(--line);padding:26px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);padding:0 9px 39px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#d9e5d9;color:#111;font-weight:800;font-size:19px;border-radius:8px}.brand-name{font-size:13px;letter-spacing:1.8px;font-weight:800}.brand-name span{font-weight:400;color:#92999a;margin-left:4px}.side-label,.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:#72797b}.side-label{padding:0 11px 12px}.nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#a7acad;padding:11px 12px;border-radius:7px;text-align:left;display:flex;align-items:center;gap:12px;font-size:12px;transition:.18s}.nav-item:hover{background:#202324;color:white}.nav-item.active{background:#252a28;color:#e3eee4}.nav-icon{width:17px;text-align:center;font-size:16px;color:#9da5a2}.nav-count{margin-left:auto;color:#818989;font:10px var(--mono)}.alert-dot{width:5px;height:5px;border-radius:50%;background:#c8a77a;margin-left:auto}.tools-label{margin-top:37px}.sidebar-bottom{margin-top:auto}.status-card{border:1px solid #303735;background:#191e1c;border-radius:8px;padding:12px;margin-bottom:18px}.status-top{font:9px var(--mono);letter-spacing:.8px;color:#aab5ad;display:flex;align-items:center;gap:7px}.status-live{margin-left:auto;color:var(--green)}.pulse{width:6px;height:6px;border-radius:50%;background:#8dc99a;display:inline-block;box-shadow:0 0 0 3px #8dc99a20}.status-card p{font-size:10px;color:#89918c;line-height:1.6;margin:10px 0 0}.profile{display:flex;align-items:center;gap:9px;padding:12px 4px 0;border-top:1px solid var(--line)}.avatar,.top-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#333b37;color:#c8d6cb;font:10px var(--mono)}.profile strong{font-size:10px;display:block}.profile small{font-size:9px;color:var(--muted)}.more{margin-left:auto;color:var(--muted);font-size:20px}.main{min-width:0;flex:1}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{color:#777e80;font-size:11px}.breadcrumb span{padding:0 9px;color:#454a4c}.breadcrumb strong{color:#d4d8d5;font-weight:500}.top-actions{display:flex;align-items:center;gap:19px}.last-sync{font:9px var(--mono);color:#a2aaa4;letter-spacing:.7px;display:flex;gap:8px;align-items:center}.icon-button{position:relative;border:0;background:none;color:#b2b9b5;font-size:18px}.icon-button i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d7a56d;right:0;top:1px}.top-avatar{width:27px;height:27px}.page-content{padding:36px 38px 20px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.page-heading h1{font-size:31px;letter-spacing:-1.5px;margin:8px 0 5px;font-weight:600}.title-period{color:#a7c9ac}.page-heading p{margin:0;color:#858c8e;font-size:12px}.heading-actions{display:flex;gap:9px}.button{border:1px solid var(--line);border-radius:6px;padding:10px 14px;color:#cbd0cc;background:#1b1e1f;font-size:11px;font-weight:600}.button-primary{background:#dce8dd;color:#172019;border-color:#dce8dd}.button-primary:hover{background:#c6d9c9}.button-quiet:hover{background:#25292a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px}.stat-card{padding:17px 18px 15px;min-height:119px}.stat-head{font:9px var(--mono);letter-spacing:1px;color:#8c9494;display:flex;justify-content:space-between}.stat-icon{font-size:15px;color:#a6b6a9}.stat-value{font-size:28px;letter-spacing:-1px;font-weight:600;margin:10px 0 5px}.stat-unit{font-size:16px;color:#9ba49d}.stat-foot{font-size:10px;color:#858c8e}.neutral-pill{border:1px solid #34393a;border-radius:20px;padding:3px 7px;color:#aab0ae;font-size:9px}.green-text{color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.8fr);gap:15px}.panel{padding:19px 18px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-header h2{font-size:15px;margin:5px 0 0;font-weight:600;letter-spacing:-.3px}.text-button{border:0;background:none;color:#aab6ac;font-size:10px}.text-button span,.wide-quiet span{padding-left:5px}.toolbar{display:flex;gap:8px;margin-bottom:13px}.search-box{height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#111314;border:1px solid #303436;border-radius:5px;flex:1;min-width:100px;color:#929a98}.search-box input{width:100%;background:none;border:0;outline:0;color:var(--text);font-size:10px}.search-box input::placeholder{color:#6d7475}.toolbar select{background:#111314;color:#aeb5b1;border:1px solid #303436;border-radius:5px;padding:0 9px;font-size:10px;max-width:125px}.table-wrap{overflow-x:auto}.product-table{width:100%;border-collapse:collapse;white-space:nowrap}.product-table th{text-align:left;font:9px var(--mono);letter-spacing:.7px;color:#71797a;padding:11px 8px;border-bottom:1px solid var(--line)}.product-table td{padding:12px 8px;border-bottom:1px solid #25292a;font-size:10px;color:#c3c9c5}.product-table tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:9px;min-width:165px}.product-thumb{width:35px;height:39px;border-radius:4px;background:linear-gradient(145deg,#353b39,#1f2322);display:grid;place-items:center;color:#9ba79d;font-size:14px;flex-shrink:0}.product-name{font-size:10px;color:#e0e4df;font-weight:600}.product-category{font-size:9px;color:#747c7c;margin-top:3px}.store-name{color:#a7afaa}.price-main{font:11px var(--mono);color:#e4e8e3}.price-old{font:9px var(--mono);color:#737b7b;text-decoration:line-through;margin-top:3px}.change-down{color:var(--green);font:10px var(--mono)}.change-flat{color:#8c9492;font:10px var(--mono)}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px}.status-pill.sale{background:#203128;color:#a8d8b3}.status-pill.target{background:#343024;color:#e3c88f}.status-pill.regular{background:#282c2d;color:#aeb6b2}.row-more{border:0;background:none;color:#79817f;font-size:18px}.table-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:4px;color:#737b7b;font-size:9px}.demo-note{font:8px var(--mono);letter-spacing:.7px;color:#777f7c}.right-column{display:grid;align-content:start;gap:15px}.stores-panel,.activity-panel{padding:18px 16px}.small-plus{border:1px solid #353b3b;border-radius:5px;background:#202424;color:#c6d1c8;width:27px;height:27px;font-size:17px}.store-list{display:grid;gap:2px}.store-item{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #25292a}.store-logo{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;background:#252a29;color:#c5d1c7;font:10px var(--mono);font-weight:500}.store-info{flex:1;min-width:0}.store-info strong{font-size:10px;display:block}.store-info small{font-size:9px;color:#777f7e}.store-status{font-size:9px;color:#a6d8b1}.wide-quiet{width:100%;background:none;border:0;color:#a4b1a7;font-size:10px;text-align:left;padding:13px 2px 1px}.live-label{font:8px var(--mono);color:#8c9690;letter-spacing:.7px}.live-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b6a27b;margin-right:5px}.activity-list{display:grid}.activity-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #25292a}.activity-item:last-child{border:0}.activity-marker{width:7px;height:7px;border-radius:50%;background:#858e89;margin-top:4px;flex-shrink:0}.activity-marker.green{background:#8dc69a;box-shadow:0 0 0 3px #8dc69a18}.activity-item strong{font-size:10px;font-weight:600}.activity-item p{font-size:9px;color:#8b9390;margin:4px 0}.activity-item small{font:8px var(--mono);color:#687170}.footer{display:flex;justify-content:space-between;padding:23px 2px 5px;color:#656d6d;font:8px var(--mono);letter-spacing:.8px}.footer b{color:#a2bba6;padding:0 4px}.empty-state{text-align:center;color:#8b9390;padding:32px;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:10}.modal-backdrop[hidden]{display:none}.modal{width:min(470px,100%);background:#191c1d;border:1px solid #343a39;border-radius:11px;padding:22px;box-shadow:0 25px 90px #0009}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal h2{font-size:19px;margin:6px 0}.close-button{border:0;background:none;color:#aab2ae;font-size:25px}.modal form{display:grid;gap:13px}.modal label{display:grid;gap:6px;color:#aab2ae;font-size:10px}.modal input,.modal select{width:100%;background:#101213;border:1px solid #343a3b;border-radius:5px;padding:10px;color:#e5e9e5;outline:0;font-size:11px}.modal input:focus,.modal select:focus{border-color:#9bb6a0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-hint{font-size:9px;line-height:1.6;color:#79817f;margin:0}.submit-button{margin-top:4px;display:flex;justify-content:space-between}.mobile-menu{display:none;background:none;border:0;color:#cdd3cf;font-size:18px}
@media(max-width:1100px){.page-content{padding:28px 24px}.topbar{padding:0 24px}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:fixed;z-index:8;inset:0 auto 0 0;transform:translateX(-100%);transition:.2s;width:250px;box-shadow:10px 0 40px #0008}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{height:56px;padding:0 16px}.page-content{padding:25px 15px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.page-heading h1{font-size:27px}.heading-actions{width:100%}.heading-actions .button{flex:1}.stats-grid{gap:8px}.stat-card{padding:13px;min-height:108px}.stat-value{font-size:24px}.right-column{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%;height:37px}.toolbar select{flex:1;max-width:none;height:34px}.top-actions{gap:12px}.last-sync{font-size:8px}.footer{gap:10px;line-height:1.6;flex-direction:column}.product-table th,.product-table td{padding-left:7px;padding-right:7px}}

.language-toggle{border:1px solid #343a39;background:#1b1e1f;color:#dce8dd;border-radius:5px;padding:6px 9px;font:10px var(--mono);letter-spacing:.6px;min-width:34px}.language-toggle:hover{border-color:#809b86;background:#242a26}

/* Friendly light theme inspired by the supplied Pale Slate / Dim Grey / Shadow Grey / Metallic Gold palette */
body{background:var(--bg);color:var(--text)}
.sidebar{background:#e7e5e7;border-color:#d5d2d6}
.brand{color:#37323e}
.brand-mark{background:#37323e;color:#f8f6f1;border-radius:9px;width:34px;height:34px}
.brand-name span{color:#77737d}
.side-label,.eyebrow{color:#77737d}
.nav-item{color:#5f5b66;padding:13px 13px;border-radius:9px;font-size:13px}
.nav-item:hover{background:#dcd9dd;color:#37323e}
.nav-item.active{background:#37323e;color:#fff}
.nav-item.active .nav-icon{color:#deb841}
.nav-icon{color:#77737d}
.nav-count{color:#77737d}
.status-card{background:#f1efec;border-color:#d7d3d4;border-radius:10px}
.status-top{color:#5f5b66}
.status-card p{color:#77737d;font-size:11px}
.profile{border-color:#d3d0d3}
.profile strong{color:#37323e;font-size:11px}
.profile small{color:#77737d;font-size:10px}
.avatar,.top-avatar{background:#6d6a75;color:#fff;width:32px;height:32px}
.topbar{background:#f7f5f2;border-color:#dedbdd;height:72px}
.breadcrumb{color:#77737d;font-size:12px}
.breadcrumb strong{color:#37323e}
.last-sync{color:#6d6a75}
.pulse{background:#668b6b;box-shadow:0 0 0 3px #668b6b20}
.page-content{padding-top:42px}
.page-heading h1{color:#37323e;font-size:34px;font-weight:700;letter-spacing:-1.4px}
.title-period{color:#deb841}
.page-heading p{color:#77737d;font-size:13px}
.button{min-height:43px;padding:12px 17px;border-radius:8px;font-size:12px}
.button-primary{background:#37323e;color:#fff;border-color:#37323e;box-shadow:0 2px 0 #24202a10}
.button-primary:hover{background:#514a5b;border-color:#514a5b}
.button-quiet{background:#fbfaf8;color:#514d58;border-color:#d9d6d8}
.button-quiet:hover{background:#eeece9}
.language-toggle{background:#fbfaf8;color:#37323e;border-color:#d2cfd2;border-radius:7px;padding:8px 11px;font-size:11px;min-height:34px}
.language-toggle:hover{background:#f2e8c8;border-color:#deb841}
.icon-button{color:#6d6a75;font-size:20px}
.stat-card,.panel{background:#fbfaf8;border-color:#d9d6d8;box-shadow:0 3px 14px #37323e08;border-radius:11px}
.stat-card{padding:20px 20px 17px;min-height:132px}
.stat-head{color:#77737d;font-size:10px}
.stat-icon{color:#b18a2e;font-size:17px}
.stat-value{color:#37323e;font-size:31px;margin-top:12px}
.stat-foot{font-size:11px;color:#77737d}
.neutral-pill{border-color:#d9d6d8;color:#6d6a75;padding:4px 9px}
.green-text{color:#52795b}
.panel{padding:22px 21px}
.panel-header h2{color:#37323e;font-size:17px}
.text-button{font-size:12px;color:#7b601d;padding:8px 4px}
.toolbar{gap:10px;margin-bottom:16px}
.search-box{height:42px;background:#f4f2ef;border-color:#dedbdd;border-radius:7px;padding:0 13px}
.search-box input{font-size:12px;color:#37323e}
.search-box input::placeholder{color:#99949d}
.toolbar select{background:#f4f2ef;color:#514d58;border-color:#dedbdd;border-radius:7px;padding:0 12px;font-size:11px;min-height:42px}
.product-table th{color:#85808a;font-size:10px;padding:13px 9px;border-color:#e5e2e2}
.product-table td{color:#514d58;font-size:11px;padding:15px 9px;border-color:#ece9e8}
.product-table tbody tr:hover{background:#f5f2ed}
.product-name{color:#37323e;font-size:11px}
.product-category{color:#89848c;font-size:10px}
.product-thumb{background:linear-gradient(145deg,#d8d4d6,#eeece8);color:#6d6a75;border:1px solid #e0dcdd;border-radius:6px;width:39px;height:43px}
.store-name{color:#6d6a75}
.price-main{color:#37323e;font-size:12px}
.price-old{color:#9a959b}
.change-down{color:#52795b;font-size:11px}
.status-pill{padding:6px 10px;font-size:10px}
.status-pill.sale{background:#e5eee5;color:#416b49}
.status-pill.target{background:#f5ebce;color:#866315}
.status-pill.regular{background:#eeecee;color:#6d6a75}
.row-more{color:#77737d;font-size:20px;padding:4px 7px;border-radius:6px}
.row-more:hover{background:#eeecee;color:#37323e}
.table-footer{border-color:#e5e2e2;color:#89848c;padding-top:14px}
.demo-note{color:#9a8a62}
.store-item{border-color:#ece9e8;padding:12px 2px}
.store-logo{background:#e9e6e8;color:#514b58;border-radius:8px;width:36px;height:36px}
.store-info strong{color:#37323e;font-size:11px}
.store-info small{color:#89848c;font-size:10px}
.store-status{color:#52795b;font-size:10px}
.small-plus{background:#f5f1e6;border-color:#e5d5a9;color:#8b681d;width:32px;height:32px;border-radius:7px;font-size:19px}
.wide-quiet{color:#866315;font-size:11px;padding-top:15px}
.activity-item{border-color:#ece9e8;padding:13px 0}
.activity-item strong{color:#37323e;font-size:11px}
.activity-item p{color:#77737d;font-size:10px}
.activity-item small{color:#969099;font-size:9px}
.activity-marker.green{background:#668b6b;box-shadow:0 0 0 3px #668b6b20}
.live-label{color:#89848c}
.footer{color:#969099;padding-top:27px}
.footer b{color:#b18a2e}
.modal-backdrop{background:#37323e70;backdrop-filter:blur(3px)}
.modal{background:#fbfaf8;border-color:#d9d6d8;box-shadow:0 25px 90px #37323e30;border-radius:13px}
.modal h2{color:#37323e;font-size:21px}
.modal label{color:#6d6a75;font-size:11px}
.modal input,.modal select{background:#f4f2ef;border-color:#d9d6d8;color:#37323e;border-radius:7px;padding:12px;font-size:12px}
.modal input:focus,.modal select:focus{border-color:#c39a34;box-shadow:0 0 0 3px #deb84125}
.form-hint{color:#89848c;font-size:10px}
.close-button{color:#6d6a75}
.empty-state{color:#77737d}
@media(max-width:720px){.topbar{background:#f7f5f2}.page-heading h1{font-size:30px}.heading-actions .button{min-height:45px}.stats-grid{gap:10px}.stat-card{min-height:118px}.nav-item{padding:14px}}