*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#33231b;background:#f5f0ea;margin:0;font-family:Arial,Helvetica,sans-serif}.shell{max-width:1480px;margin:18px auto;padding:0 18px 28px}.topbar{background:#fffdfb;border:1px solid #eadfd6;border-radius:22px 22px 0 0;align-items:center;gap:34px;min-height:90px;padding:0 28px;display:flex;box-shadow:0 12px 36px #51351f0b}.brand{color:#39241c;align-items:center;gap:13px;min-width:285px;text-decoration:none;display:flex}.brandmark{border:1px solid #b79077;border-radius:50%;place-items:center;width:48px;height:48px;font:20px Georgia;display:grid}.brand strong{font:500 29px/1 Georgia;display:block}.brand small{letter-spacing:.31em;color:#8c7060;margin-top:6px;font-size:9px;display:block}.topbar nav{flex:1;gap:30px;display:flex}.topbar nav a,.topbar nav span{color:#725d51;white-space:nowrap;padding:14px 0;font:15px Georgia;text-decoration:none}.topbar nav a.active{color:#2e1f18;border-bottom:2px solid #2e1f18}.topbar nav em{border:1px solid #dccdc1;border-radius:999px;padding:2px 5px;font:9px Arial}.logout{color:#6f5a4f;cursor:pointer;background:#fff;border:1px solid #dbcabd;border-radius:10px;padding:9px 12px}.hero{background:linear-gradient(135deg,#fffdf9,#f7eee7);border-left:1px solid #eadfd6;border-right:1px solid #eadfd6;justify-content:space-between;gap:24px;padding:36px 30px 26px;display:flex}.hero>div>small{letter-spacing:.12em;color:#9b7965}.hero h1{color:#321e16;margin:7px 0 5px;font:500 58px/1.02 Georgia}.hero p{color:#8a6d5d;margin:0;font:18px Georgia}.sync{align-items:center;gap:12px;padding-top:6px;display:flex}.sync span{color:#8f7a6d;font-size:12px}.sync button{color:#fff;background:#8a7d75;border:0;border-radius:10px;padding:12px 17px;font-weight:700}.filters{background:#f8f4ef;border-left:1px solid #eadfd6;border-right:1px solid #eadfd6;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 30px 24px;display:grid}.filters label{background:#fff;border:1px solid #e9dfd6;border-radius:14px;flex-direction:column;padding:11px 14px;display:flex}.filters label span{color:#927d70;font-size:11px}.filters select{color:#3e2b22;background:0 0;border:0;outline:0;font:16px Georgia}.kpis{background:#f8f4ef;border-left:1px solid #eadfd6;border-right:1px solid #eadfd6;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 30px 24px;display:grid}.kpis article{background:#fff;border:1px solid #eadfd6;border-radius:18px;gap:14px;min-height:188px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #4d342408}.ico{color:#70513f;background:#f1e6dd;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.kpis article>div:nth-child(2)>span{color:#6e5a4f;font:16px Georgia;display:block}.kpis strong{color:#321e17;margin:9px 0;font:500 42px/1 Georgia;display:block}.kpis b{color:#27814f;font-size:14px;display:block}.kpis b.down{color:#b65850}.kpis small{color:#988579;margin-top:7px;font-size:11px;display:block}.spark{width:88px;height:36px;position:absolute;bottom:13px;right:14px}.analytics{background:#f8f4ef;border-left:1px solid #eadfd6;border-right:1px solid #eadfd6;grid-template-columns:1.28fr .92fr;gap:18px;padding:0 30px 24px;display:grid}.panel{background:#fff;border:1px solid #eadfd6;border-radius:18px;padding:22px;box-shadow:0 7px 20px #4d342408}.analytics .panel{min-height:470px}.panel header{justify-content:space-between;gap:18px;display:flex}.panel h2{color:#39251d;margin:0;font:500 29px Georgia}.panel header p{color:#8d7668;margin:5px 0 0;font:14px Georgia}.panel header>span{color:#806b5f;border:1px solid #e6d9cf;border-radius:10px;height:36px;padding:10px 13px;font-size:11px}.chartbox{margin-top:14px}.linechart{width:100%;height:335px;display:block}.gridline{stroke:#e9dfd7;stroke-width:1px;stroke-dasharray:4 4}.axis{fill:#88766a;font-size:11px}.xaxis{font-size:10px}.legend{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:4px;display:flex}.legend div{color:#665247;align-items:center;gap:6px;font-size:12px;display:flex}.legend .muted{opacity:.52}.legend em{border:1px solid #d9c9bd;border-radius:999px;padding:1px 4px;font-size:9px;font-style:normal}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.etsy{background:#f1641e}.dot.tiktok{background:linear-gradient(135deg,#25f4ee 0 33%,#111 33% 66%,#fe2c55 66%)}.dot.poshmark{background:#b5275f}.dot.instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.bars{background:repeating-linear-gradient(0deg,#0000 0 63px,#eee5de 64px 65px);border-bottom:1px solid #e3d8cf;grid-template-columns:repeat(4,1fr);align-items:end;gap:16px;height:330px;margin:18px 6px 10px;display:grid}.barcol{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.barcol>b{color:#766357;margin-bottom:6px;font-size:11px}.bartrack{align-items:flex-end;width:52px;height:245px;display:flex}.bar{border-radius:7px 7px 2px 2px;width:100%;min-height:6px}.bar.etsy{background:linear-gradient(#ff8a46,#f1641e)}.bar.tiktok{background:#111;box-shadow:4px 0 #25f4ee55,-4px 0 #fe2c5544}.bar.poshmark{opacity:.22;background:#b5275f}.bar.instagram{opacity:.22;background:linear-gradient(#ee2a7b,#6228d7)}.connections{background:#f8f4ef;border-left:1px solid #eadfd6;border-right:1px solid #eadfd6;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 30px 24px;display:grid}.connections>div{background:#fff;border:1px solid #e8ded5;border-radius:14px;align-items:center;gap:10px;min-height:74px;padding:14px;display:flex}.connections>div.future{opacity:.58}.connections span:not(.dot){flex-direction:column;display:flex}.connections b{font-size:13px}.connections small{color:#8d7a6e;margin-top:3px;font-size:10px}.connections a{border:1px solid #ddcec2;border-radius:8px;margin-left:auto;padding:7px 9px;font-size:11px;text-decoration:none}.orders{min-height:180px;margin:0 30px 24px}.empty{text-align:center;color:#88756a;background:#fbf7f3;border:1px dashed #d7c7ba;border-radius:14px;margin-top:16px;padding:30px}.orderlist{margin-top:14px}.orderrow{border-top:1px solid #eee6df;grid-template-columns:120px 1fr 140px;align-items:center;gap:16px;padding:14px;display:grid}.orderrow:first-child{border-top:0}.orderrow>div{flex-direction:column;display:flex}.orderrow small{color:#8d7b70;margin-top:4px}.source{text-align:center;border-radius:999px;padding:6px 10px;font-size:11px}.source.etsy{color:#a84716;background:#fce8dc}.source.tiktok{color:#111;background:#eee}footer{color:#806d61;background:#f1e8e1;border:1px solid #e3d6cc;border-radius:0 0 18px 18px;justify-content:space-between;margin:0 30px;padding:14px 18px;font-size:11px;display:flex}.loginPage{background:#f5f0ea;place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#fffdfb;border:1px solid #eadfd6;border-radius:24px;width:min(440px,100%);padding:34px;box-shadow:0 18px 50px #51351f1a}.loginBrand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.loginBrand>span{border:1px solid #b79077;border-radius:50%;place-items:center;width:48px;height:48px;font:19px Georgia;display:grid}.loginBrand b{font:28px Georgia;display:block}.loginBrand small{letter-spacing:.28em;color:#8c7060;font-size:10px}.loginCard h1{margin:0 0 8px;font:500 34px Georgia}.loginCard>p{color:#806d61;margin:0 0 24px;line-height:1.55}.loginCard label{color:#806d61;margin-bottom:7px;font-size:12px;display:block}.loginCard input{border:1px solid #d9c9bd;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:16px}.loginCard button{color:#fff;background:#8a7d75;border:0;border-radius:12px;width:100%;margin-top:16px;padding:13px 16px;font-size:15px;font-weight:700}.notice,.loginError{border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.4}.notice{background:#fff4e5;border:1px solid #ead2ad}.loginError{color:#9b4036;background:#fff1ef;border:1px solid #e4bbb5}.sessionNote{color:#9a877b;margin-top:18px;line-height:1.45;display:block}@media (max-width:1120px){.topbar{gap:18px}.brand{min-width:225px}.topbar nav{gap:16px}.kpis{grid-template-columns:repeat(2,1fr)}.analytics{grid-template-columns:1fr}.connections{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{margin:0;padding:0}.topbar{border-radius:0;flex-wrap:wrap;height:auto;padding:12px 16px}.brand{flex:1;min-width:0}.brand strong{font-size:23px}.topbar nav{order:3;width:100%;overflow-x:auto}.hero{flex-direction:column;padding:24px 18px}.hero h1{font-size:42px}.filters,.kpis,.analytics,.connections{padding-left:18px;padding-right:18px}.filters,.kpis,.connections{grid-template-columns:1fr}.analytics .panel{min-height:auto}.linechart{height:290px}.bars{height:310px}.bartrack{width:38px}.orders{margin-left:18px;margin-right:18px}.orderrow{grid-template-columns:1fr}.source{width:max-content}footer{flex-direction:column;gap:8px;margin:0 18px}.panel h2{font-size:24px}}