:root{--ink:#28252d;--muted:#827d89;--line:#ebe8e3;--paper:#f7f5f0;--card:#fff;--purple:#7251bd;--purple-dark:#4d327f;--lilac:#eee8fa;--green:#4b9b74;--orange:#c4773c;--red:#bc605b;--shadow:0 8px 30px rgba(52,39,68,.045)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,a{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;width:246px;top:0;bottom:0;background:#fff;border-right:1px solid var(--line);padding:27px 16px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:37px}.brand-mark{height:30px;width:30px;display:grid;place-items:center;background:var(--purple-dark);color:#fff;border-radius:9px 9px 9px 2px;font:700 20px 'Playfair Display'}.brand-name{font:700 19px 'Playfair Display'}.brand-name em{font-style:normal;color:var(--purple)}.store-switcher{display:flex;align-items:center;gap:9px;background:#faf9f7;border:1px solid var(--line);border-radius:11px;padding:9px 8px;margin:0 3px 25px}.store-avatar,.profile-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e5d7c8;color:#8a6047;font-weight:700}.store-switcher strong,.store-switcher small,.profile-copy strong,.profile-copy small{display:block}.store-switcher strong{font-size:12px}.store-switcher small,.profile-copy small{color:var(--muted);font-size:10px;margin-top:2px}.chevron{color:#9c96a0;margin-left:auto}.nav-label{color:#aaa5ac;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:0 13px;margin:22px 0 8px}.nav-item{color:#77727c;text-decoration:none;display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:9px;margin:2px 0;font-weight:500}.nav-item.active{background:var(--lilac);color:var(--purple-dark);font-weight:700}.nav-icon{font-size:18px;width:17px;text-align:center;color:#99929f}.active .nav-icon{color:var(--purple)}.nav-badge{margin-left:auto;border-radius:20px;background:#dccaef;color:#6846a3;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-box{margin:14px 3px 0;padding:12px 9px;border-radius:11px;background:#f9f5ee;display:flex;align-items:center;gap:8px}.help-icon{border:1px solid #d7b690;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#b57945;font-weight:700;font-size:11px}.help-box strong{font-size:10px;display:block}.help-box small{font-size:9px;color:var(--muted)}.help-box .arrow{margin-left:auto;color:#b57945}.main-content{margin-left:246px;width:calc(100% - 246px)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgba(255,255,255,.56)}.breadcrumb span{color:#a7a2aa;margin-right:15px}.breadcrumb strong{font-size:14px}.top-actions{display:flex;align-items:center;gap:22px}.icon-button{position:relative;font-size:21px;color:#7f7886}.icon-button i{position:absolute;width:6px;height:6px;background:#d87e6d;border:2px solid var(--paper);border-radius:50%;top:1px;right:-1px}.profile{display:flex;align-items:center;gap:9px;text-align:left}.profile-avatar{border-radius:50%;background:#d7c4da;color:#684d79}.profile-copy{min-width:100px}.profile-copy strong{font-size:12px}.content-wrap{max-width:1440px;margin:auto;padding:34px 42px 26px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:#aaa2ad;margin:0 0 7px}.orange-text{color:var(--orange)}h1,h2,p{margin-top:0}h1{font:700 32px 'Playfair Display';margin-bottom:5px}h1 span{font-size:22px;color:#a582de}.muted{color:var(--muted);font-size:12px;margin-bottom:0}.date-button,.select-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 13px;color:#625c67;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-card,.panel,.stale-banner{background:var(--card);border:1px solid rgba(231,226,219,.8);border-radius:13px;box-shadow:var(--shadow)}.metric-card{padding:18px 19px 16px}.metric-card.featured{background:var(--purple-dark);color:white;border-color:transparent}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#8d8792;font-size:12px}.featured .metric-top{color:#d5c9ed}.metric-icon{color:#d5c6ee;font-size:21px}.metric-icon.soft{color:#b8a5d8}.metric-value{font-size:27px;font-weight:700;margin:15px 0 11px;letter-spacing:-.04em}.metric-value span{font-size:17px;font-weight:500}.metric-value.dark{color:#302c35}.metric-foot{font-size:11px}.positive{color:#7ac29c}.positive small{color:#9a959b;margin-left:4px}.featured .positive{color:#c8e7d2}.featured .positive small{color:#c4b8d9}.neutral{color:#9774c6}.neutral small{color:#9a959b;margin-left:4px}.main-grid{display:grid;grid-template-columns:1.78fr 1fr;gap:14px;margin-bottom:20px}.panel{padding:21px 22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font:700 17px 'Playfair Display';margin:0 0 5px}.more{color:#9d98a1;letter-spacing:2px}.chart-legend{display:flex;align-items:center;gap:8px;margin:25px 0 8px}.chart-legend strong{font-size:13px;margin-left:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.purple{background:#8a63d1}.legend-up{color:var(--green);font-size:11px}.chart{height:190px;display:flex;margin-top:3px}.y-labels{width:31px;display:flex;flex-direction:column;justify-content:space-between;color:#aaa5ac;font-size:10px;padding-bottom:25px}.chart-area{position:relative;flex:1}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed #ece9ee}.l1{top:7px}.l2{top:44px}.l3{top:81px}.l4{top:118px}.chart svg{position:absolute;inset:0 0 25px;width:100%;height:155px;overflow:visible}.chart .line{fill:none;stroke:#7952c3;stroke-width:3}.chart .area{fill:url(#fill)}.chart-point{fill:#fff;stroke:#7952c3;stroke-width:3}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aaa5ac;font-size:10px}.goal-panel{padding:21px 22px}.goal-ring{margin:15px auto 18px;width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7952c3 0 72.8%,#eee9f3 72.8% 100%);position:relative}.goal-ring:after{content:'';background:#fff;position:absolute;inset:11px;border-radius:50%}.goal-ring div{position:relative;z-index:1;text-align:center}.goal-ring strong{display:block;font-size:26px}.goal-ring strong span{font-size:16px}.goal-ring small{color:var(--muted);font-size:10px}.goal-values{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.goal-values span,.goal-values strong{display:block}.goal-values span{color:var(--muted);font-size:10px;margin-bottom:4px}.goal-values strong{font-size:13px}.progress,.stock-bar{height:7px;background:#eeeaf2;border-radius:8px;overflow:hidden;margin:17px 0 10px}.progress span{height:100%;display:block;background:#7952c3;border-radius:8px}.goal-note{font-size:11px;color:var(--muted);margin:0}.goal-note strong{color:var(--purple)}.bottom-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:14px;margin-bottom:20px}.text-link{font-size:11px;color:var(--purple);text-decoration:none;font-weight:700}.product-list{margin-top:14px}.product-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0eeeb}.rank{font-size:10px;color:#aaa4ad;width:20px}.product-thumb{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:white;font-size:22px}.thumb-1{background:#baa1a0}.thumb-2{background:#8b9d9b}.thumb-3{background:#d1ab92}.product-name{flex:1}.product-name strong,.product-name small{display:block}.product-name strong{font-size:12px}.product-name small{font-size:10px;color:var(--muted);margin-top:3px}.product-count{font-size:12px}.product-count small{font-weight:400;color:var(--muted);font-size:10px}.trend{font-size:10px;color:var(--green);background:#edf7f0;padding:5px 6px;border-radius:5px}.stock-total{margin-top:17px}.stock-total strong{font-size:27px;display:block}.stock-total span{font-size:11px;color:var(--muted)}.stock-total .stock-cost{float:right;margin-top:-16px;font-size:11px}.stock-bar{height:9px;display:flex;background:#f5eded}.stock-bar span{display:block;height:100%}.healthy{background:#77b58d;width:79%}.low{background:#e4a263;width:13%}.empty{background:#d27d77;width:8%}.stock-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:19px}.stock-legend strong{color:var(--ink);font-size:11px;margin-left:3px}.green{background:#77b58d}.orange{background:#e4a263}.red{background:#d27d77}.alert-row{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;gap:9px}.alert-symbol{background:#fff1dd;color:#c67a35;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-weight:700}.alert-row strong,.alert-row small{display:block}.alert-row strong{font-size:11px}.alert-row small{font-size:10px;color:var(--muted);margin-top:3px}.alert-row a{margin-left:auto;color:#b96e32;font-size:10px;font-weight:700;text-decoration:none}.stale-banner{display:flex;align-items:center;gap:17px;padding:19px 21px;background:#fffaf5;border-color:#f0e3d5}.stale-icon{width:42px;height:42px;border-radius:11px;background:#f9e8d7;color:#bd7335;display:grid;place-items:center;font-size:24px}.stale-banner h2{font:700 17px 'Playfair Display';margin:1px 0 4px}.stale-banner p{font-size:11px;color:var(--muted);margin:0}.stale-banner p strong{color:#bd7335}.stale-stats{margin-left:auto;display:flex;gap:27px}.stale-stats span{font-weight:700;font-size:16px}.stale-stats small{font-size:10px;display:block;color:var(--muted);font-weight:400;margin-top:2px}.outline-button{border:1px solid #d8ad83;color:#b66d32;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700}footer{text-align:center;color:#a6a1aa;font-size:10px;padding:25px 0 0}footer span{margin:0 7px}.menu-button{display:none}
@media(max-width:1100px){.content-wrap{padding:28px}.topbar{padding:0 28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.stale-stats{gap:15px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:10px 0 30px #2d1e4415}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.topbar{height:65px;padding:0 18px}.menu-button{display:block;font-size:21px;color:#685e6e}.breadcrumb{display:none}.top-actions{gap:12px}.profile-copy,.profile .chevron{display:none}.content-wrap{padding:25px 17px}.welcome-row{align-items:flex-start;gap:20px}.welcome-row .date-button{font-size:0;padding:10px}.welcome-row .date-button:first-letter{font-size:15px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-value{font-size:21px}.main-grid{grid-template-columns:1fr}.panel{padding:17px}.select-button{font-size:10px;padding:8px}.stale-banner{align-items:flex-start;flex-wrap:wrap}.stale-stats{margin-left:59px;order:3;width:calc(100% - 59px);justify-content:space-between}.stale-banner .outline-button{margin-left:59px}.stock-legend{gap:5px;flex-wrap:wrap}.stock-legend span{font-size:9px}}

/* Direção visual inspirada na referência: preto editorial, superfícies frias e coral para ações. */
:root{--ink:#11161b;--muted:#747b83;--line:#e6e8eb;--paper:#f4f5f7;--purple:#db5260;--purple-dark:#0f1419;--lilac:#242a30;--shadow:0 4px 18px rgba(24,29,34,.045)}body{background:var(--paper);color:var(--ink)}.sidebar{background:#0f1419;border-color:#222930;color:#fff}.brand-mark{background:#fff;color:#10151a;border-radius:3px}.brand-name{color:#fff}.brand-name em{color:#f09b9f}.store-switcher{background:#1a2026;border-color:#30373e}.store-switcher strong{color:#fff}.store-switcher small,.nav-label{color:#7d858e}.nav-item{color:#b6bdc4}.nav-item.active{background:#252b31;color:#fff}.active .nav-icon{color:#fff}.nav-icon{color:#9da5ad}.nav-badge{background:#633037;color:#ffbec2}.help-box{background:#1a2026}.help-box strong{color:#fff}.main-content{background:#f5f6f8}.topbar{background:#fff;border-color:var(--line)}.top-search{margin-left:auto;margin-right:30px;width:245px;height:33px;border:1px solid #eceef0;background:#f7f8fa;border-radius:8px;color:#7c848c;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:12px}.top-search span{font-size:10px}.content-wrap{max-width:1500px}.eyebrow{color:#969da4}.metric-card,.panel,.stale-banner{border-color:#e4e7ea;box-shadow:0 3px 14px rgba(23,27,32,.035)}.metric-card.featured{background:#171d22}.metric-icon,.metric-icon.soft{color:#e56c78}.nav-item.active{border-left:2px solid #e56c78}.date-button,.select-button{background:#fff}.chart .line{stroke:#d84f68}.chart .area{fill:url(#fill)}.goal-ring{background:conic-gradient(#d84f68 0 72.8%,#eceef0 72.8% 100%)}.progress span{background:#21936b}.text-link{color:#c94450}.trend{color:#218b63;background:#eaf6ef}.thumb-1{background:#282d32}.thumb-2{background:#708999}.thumb-3{background:#c18476}.thumb-4{background:#dfd8d1}.stock-panel{min-height:260px}.stale-total{margin:18px 0 12px}.stale-total strong{display:block;color:#c94753;font-size:20px}.stale-total span{color:#c94753;font-size:10px}.stale-list>div{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #f0f1f2}.mini-thumb{display:grid;place-items:center;background:#e3e7eb;width:27px;height:31px;border-radius:4px;color:#35404a}.mini-thumb.peach{background:#f0d1c8}.mini-thumb.blue{background:#ccdce7}.mini-thumb.white{background:#f1eee9}.stale-list span:nth-child(2){flex:1}.stale-list strong,.stale-list small{display:block}.stale-list strong{font-size:10px}.stale-list small{font-size:9px;color:var(--muted);margin-top:2px}.stale-list b{color:#b84551;background:#fdebed;padding:5px 6px;border-radius:5px;font-size:9px}.extra-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:14px;margin-bottom:20px}.mini-table{padding-bottom:12px}.table-row{display:grid;grid-template-columns:52px 1fr 45px 90px;gap:8px;align-items:center;border-top:1px solid #eff0f1;padding:9px 0;font-size:10px;color:#4f5860}.table-row strong{color:#171c21}.table-head{border-top:0;color:#9aa1a8;font-size:9px;padding-top:13px}.birthday-row{display:grid;grid-template-columns:29px 1fr 72px 104px;gap:8px;align-items:center;border-top:1px solid #eff0f1;padding:8px 0;font-size:10px}.tiny-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d8c0b4;color:#7d5046;font-size:8px;font-weight:700}.tiny-avatar.pink{background:#e5c5d4;color:#8b4f67}.tiny-avatar.gold{background:#ead8ae;color:#806a34}.tiny-avatar.blue{background:#c5d8e2;color:#466a78}.birthday-row span:nth-child(3){color:#798188}.birthday-row button{border:1px solid #dfe2e5;border-radius:5px;padding:5px;font-size:9px;color:#5c656d}.stale-banner{display:none}.panel h2{letter-spacing:-.01em}
@media(max-width:1100px){.top-search{display:none}.extra-grid{grid-template-columns:1fr}}