:root{--ink:#202523;--muted:#7d8580;--line:#e7eae6;--paper:#fff;--bg:#f5f6f3;--lime:#d7f886;--green:#396847;--purple:#9584db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Tahoma,Arial,sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:9px 15px;transition:.15s}button:hover{border-color:#99a690;background:#f3f5ef}button:focus-visible,a:focus-visible{outline:3px solid #94ba55;outline-offset:3px}button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.lime{background:var(--lime);border-color:var(--lime)}button.small{padding:5px 11px;font-size:12px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:236px;background:#fff;border-left:1px solid var(--line);padding:30px 19px;z-index:10;display:flex;flex-direction:column}.brand{display:flex;direction:ltr;align-items:center;gap:10px;justify-content:center;margin-bottom:32px}.brand>b{font:bold 42px Arial;letter-spacing:-5px;position:relative}.brand>b span{font:10px Arial;position:absolute;top:0;right:-7px;letter-spacing:0}.brand>div{font:bold 14px Arial;letter-spacing:3px;border-left:1px solid #bbc1b9;padding-left:14px}.brand small{font:8px Arial;letter-spacing:2px;display:block;margin-top:5px}.workspace{display:flex;align-items:center;gap:10px;background:#f6f7f4;padding:13px 10px;border:1px solid var(--line);border-radius:10px;font-weight:bold;font-size:12px}.workspace small,.sidebottom small{display:block;color:var(--muted);font-weight:normal;font-size:10px}.storeicon{background:white;border:1px solid var(--line);padding:1px 8px;font-size:21px;border-radius:7px}.dot{width:6px;height:6px;border-radius:50%;background:#9ab86e;margin-right:auto}.navlabel{font-size:10px;color:#91988e;padding:27px 12px 8px}nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:8px;color:#737c75;font-size:12px;margin:4px 0}nav a.active{background:#eef2e9;color:#263324;font-weight:bold}nav a:hover{background:#f5f6f2}nav a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}nav a em{margin-right:auto;background:#e4eadc;padding:0 7px;font-size:10px;font-style:normal;border-radius:4px}.sidebottom{margin-top:auto;border-top:1px solid var(--line);padding:19px 3px 0;display:flex;align-items:center;gap:10px;font-size:12px}.sidebottom>span:last-child{margin-right:auto}.avatar{background:#eceee9;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:11px Arial}.shell{margin-right:236px}.topbar{height:75px;background:#ffffffc9;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px}.crumb{font-size:11px;color:var(--muted)}.crumb span{margin:0 14px;color:#b2b7af}.crumb b{color:#434c42;font-weight:normal}.topactions{display:flex;align-items:center;gap:15px}.localpill{font-size:10px;color:#748069}.iconbtn{padding:3px 9px;background:transparent;border:0;font-size:19px}.mobile-menu{display:none}main{padding:23px 34px 0;max-width:1700px;margin:auto}.banner{background:#eef1e8;border:1px solid #e1e7d9;color:#5f6c51;border-radius:8px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:12px}.banner.demo{background:#fff2d9;border-color:#f1ddb6;color:#886122}.banner button{background:transparent;border:0;padding:0;font-size:11px;font-weight:bold;white-space:nowrap}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:27px 0 23px}.eyebrow{font:10px Arial;letter-spacing:2px;color:#8d9685;display:block;margin-bottom:7px}h1{font-size:25px;letter-spacing:-1px;margin:0 0 5px;font-weight:700}h2{font-size:15px;margin:0}h3{font-size:13px;margin:0 0 6px}p{margin:5px 0}.subtitle{font-size:11px;color:var(--muted)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.daterange{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:11px}.daterange input{border:0;background:transparent;width:105px;font-size:11px;direction:ltr}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:21px;min-width:0}.stat{padding:19px 19px 15px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#788173}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;color:#727c69}.stat .value{font:30px Arial;margin:15px 0 11px;letter-spacing:-1px}.stat .value small{font:11px Tahoma;margin-right:6px;color:#949b8e;letter-spacing:0}.stat .hint{font-size:10px;color:#92998c}.stat.highlight{background:#e8f1d9;border-color:#dfe8d4}.stat.highlight .stat-icon{border-color:#d1ddbf}.stat.highlight .hint{color:#60784a}.gridmain{display:grid;grid-template-columns:1.9fr 1fr;gap:20px;margin:20px 0}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.cardhead p{font-size:10px;color:var(--muted)}.legend{font-size:10px;color:var(--muted);display:flex;gap:14px;align-items:center}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9fb771;margin-left:5px}.legend i.purple{background:var(--purple)}.chart{height:215px;position:relative}.chart svg{width:100%;height:100%}.chart-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#9aa18f;font-size:12px}.chartlabels{display:flex;justify-content:space-between;color:#9ca493;font-size:10px;direction:ltr;padding-top:9px}.channel{margin-bottom:17px}.channel:last-child{margin-bottom:0}.channel-top{display:flex;align-items:center;gap:9px;font-size:11px}.channel-top strong{margin-right:auto;font:13px Arial}.platform{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;font:bold 15px Arial;direction:ltr;background:#fafbf9}.platform.meta{color:#3973d3}.platform.google{color:#4285f4}.bar{height:5px;background:#f0f2ed;border-radius:4px;overflow:hidden;margin:9px 38px 0 0}.bar>div{height:100%;background:#9eb678;border-radius:4px}.channel:nth-child(3) .bar>div{background:#9e8cce}.channel:nth-child(4) .bar>div{background:#c5b773}.channel-sub{display:flex;justify-content:space-between;margin-right:38px;font-size:9px;color:#999f95;padding-top:5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right;font-size:11px}th{font-weight:normal;color:#91998d;background:#fafbf8;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #f0f2ed}tr:last-child td{border:0}td small{display:block;color:#949c8c;font-size:10px}.badge{display:inline-block;border-radius:5px;padding:3px 8px;font-size:10px;background:#f1f3ee;color:#78816f}.badge.delivered{background:#eaf4e7;color:#548048}.badge.new,.badge.confirmed{background:#f4eddd;color:#957a42}.badge.shipped{background:#eeebf8;color:#8a70b9}.badge.returned,.badge.cancelled{background:#f9e9e6;color:#b26f61}.link{color:#708d4a;background:transparent;border:0;padding:0;font-size:11px}.task{padding:13px 0;display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid #f1f3ed}.task:last-child{border:0}.taskicon{width:27px;height:27px;background:#f3f0e6;display:grid;place-items:center;border-radius:7px;color:#9c885b;flex-shrink:0}.task p{font-size:11px;margin:0}.task small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.task button{margin-right:auto;white-space:nowrap}.progress{height:7px;background:#f1f3ed;border-radius:7px;margin:10px 0}.progress>span{display:block;height:100%;background:#9bb66d;border-radius:7px}.kpi{border-bottom:1px solid var(--line);padding:15px 0}.kpi:last-child{border:0}.kpi>div{display:flex;justify-content:space-between;font-size:11px}.kpi small{color:var(--muted);font-size:10px}.empty{text-align:center;padding:42px 12px;color:var(--muted);font-size:12px}.empty b{display:block;font-size:15px;color:#5e6b56;margin-bottom:7px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.filters input{min-width:220px}input,select,textarea{border:1px solid #dfe4d9;border-radius:7px;padding:9px 11px;background:white;color:var(--ink);max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #c4dca2;border-color:#a9bd8d}textarea{resize:vertical;min-height:90px;width:100%}label{display:block;font-size:11px;color:#737d69;margin-bottom:5px}form .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .wide{grid-column:1/-1}form .actions{margin-top:20px;justify-content:flex-end}.note{padding:12px;background:#f5f7f0;border-radius:8px;font-size:11px;color:#7a866e;margin:15px 0}.integrations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.integration .platform{width:45px;height:45px;font-size:24px;margin-bottom:17px}.integration p{font-size:11px;color:var(--muted);min-height:40px;margin:10px 0 18px}.integration .status{font-size:10px;color:#9d916d;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between}.integration button{margin-top:15px;width:100%;font-size:11px}.tabs{display:flex;gap:7px;margin:15px 0}.tabs button.active{background:#e8efdb;border-color:#dce5cc}.assistantintro{max-width:730px;margin:25px auto}.assistantintro .symbol{background:#e7efdb;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:24px;margin:0 auto 17px}.assistantintro>h2,.assistantintro>p{text-align:center}.question{display:block;width:100%;text-align:right;margin:10px 0;padding:16px}.response{background:#f3f6ed;border:1px solid #dfe7d4;border-radius:10px;padding:20px;margin-top:15px;white-space:pre-line;font-size:12px}footer{display:flex;justify-content:space-between;gap:15px;color:#a2a99b;font-size:9px;margin-top:35px;padding:22px 0;border-top:1px solid var(--line)}footer>span:first-child{font:9px Arial;letter-spacing:1.5px}dialog{border:1px solid var(--line);border-radius:15px;width:650px;max-width:94vw;padding:25px;max-height:90vh;box-shadow:0 25px 80px #18231822}dialog::backdrop{background:#17201955;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialoghead h2{font-size:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263021;color:white;border-radius:10px;padding:11px 23px;font-size:12px;z-index:50;display:none}input[type=checkbox]{accent-color:#719442;width:15px;height:15px;vertical-align:middle}.danger{color:#ab6859}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settingsgrid input,.settingsgrid select{width:100%}.settingsgrid label{margin-top:12px}.mini{font-size:10px;color:var(--muted)}.split{display:flex;justify-content:space-between;gap:10px;align-items:center}.currency{direction:ltr;display:inline-block;font-family:Arial}.csvhelp{font:11px monospace;direction:ltr;text-align:left;overflow-wrap:anywhere}.receipt-preview{width:100%;height:420px;border:1px solid var(--line);background:white;margin:10px 0}.print-warning{font-size:11px;color:#a37139} @media(min-width:1450px){main{padding:30px 45px 0}.stat .value{font-size:36px}.chart{height:250px}}@media(max-width:1100px){.sidebar{width:205px;padding:25px 14px}.shell{margin-right:205px}main{padding:20px}.topbar{padding:0 20px}.gridmain{grid-template-columns:1.5fr 1fr}.stats{gap:10px}.stat{padding:14px}.stat .value{font-size:26px}.integrations{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{display:none;width:230px;box-shadow:-10px 0 30px #0001}.sidebar.open{display:flex}.shell{margin-right:0}.mobile-menu{display:block}.topbar{height:60px}.localpill{display:none}main{padding:16px}.pagehead{align-items:flex-start;flex-direction:column;margin:22px 0 18px}.pagehead>.actions{width:100%}.stats{grid-template-columns:1fr 1fr}.gridmain{grid-template-columns:1fr}.integrations{grid-template-columns:1fr 1fr}.settingsgrid{grid-template-columns:1fr}.banner{font-size:10px}.stat .value{font-size:29px}.crumb{margin-left:auto;margin-right:10px}h1{font-size:23px}.card{padding:17px}footer{flex-direction:column}.chart{height:200px}.daterange{font-size:10px}form .fields{grid-template-columns:1fr}form .wide{grid-column:auto}}@media(max-width:460px){.integrations{grid-template-columns:1fr}.filters input{min-width:0;width:100%}.actions button{font-size:11px}.stat-top{font-size:10px}.stat .value small{font-size:9px}.stat .hint{font-size:9px}}
