@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#f4faf6;--muted:#b7cfc2;--line:#31483d;--green:#37b978;--surface:#14231d;--soft:#0b1713;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif!important;color:var(--ink)!important;background:var(--soft)!important}
*{box-sizing:border-box}html,body{background:#0b1713!important;color:#f4faf6!important;font-family:'DM Sans',Arial,sans-serif!important;font-size:15px;line-height:1.5}button,input,select,textarea{font-family:inherit!important;font-size:14px!important}
.shell{display:grid!important;grid-template-columns:242px minmax(0,1fr)!important;min-height:100vh!important}aside{position:sticky!important;top:0;height:100vh!important;min-height:0!important;overflow-y:auto!important;background:#101e18!important;color:#f5fff8!important;border-right:1px solid #294237!important;box-shadow:none!important;padding:24px 14px!important;display:flex!important;flex-direction:column!important}
aside .brand{display:flex!important;align-items:center!important;gap:11px!important;padding:6px 7px 23px!important;margin:0 0 20px!important;border-bottom:1px solid #31483d!important;color:#fff!important;font-size:16px!important;line-height:1.2!important}aside .brand img{width:48px!important;height:48px!important;border-radius:12px!important;object-fit:contain!important;background:#fff!important}aside .brand small{display:block!important;color:#7fe3ac!important;font-size:10px!important;letter-spacing:.09em!important;margin-top:5px!important}
nav{display:grid!important;gap:6px!important;margin:0!important}nav button{display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;color:#d5e9dc!important;border:1px solid transparent!important;min-height:46px!important;padding:11px 13px!important;text-align:left!important;border-radius:11px!important;font-size:14px!important;font-weight:650!important;box-shadow:none!important;transform:none!important;opacity:1!important}nav button.active,nav button.active:hover{background:#225d3e!important;color:#fff!important;border-color:#337e53!important}nav button:hover:not(.active){background:#1c3528!important;color:#fff!important}.navicon{width:24px!important;text-align:center!important;font-size:18px!important}
.aside-bottom{margin-top:auto!important;border:1px solid #345043!important;background:#172a20!important;border-radius:12px!important;padding:12px!important;color:#e2f6e8!important;font-size:12px!important}.aside-bottom small{color:#a7cfb5!important}
main{min-width:0!important;max-width:none!important;padding:0 30px 42px!important;background:#0b1713!important;color:#f4faf6!important}.topbar,header{background:#0b1713!important;color:#f4faf6!important;border-bottom:1px solid #2b4035!important;box-shadow:none!important}.topbar{margin:0 -30px 26px!important;padding:25px 30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important}
h1,h2,h3,h4,.section-title h2,.topbar h1{color:#f7fff9!important;letter-spacing:-.025em!important;line-height:1.25!important}h1{font-size:26px!important}h2{font-size:20px!important}h3{font-size:17px!important}p,li,td,label,span,small,strong{opacity:1!important}p{color:#e4f0e7!important}.muted,.metric-note,.small-disclaimer,.welcome p,.stock-alert small{color:#c0d3c7!important;opacity:1!important;font-size:13px!important}.eyebrow,.welcome-tag,.text-link{color:#8bf1b5!important;font-weight:750!important}
.card,.panel,.login,.date-chip{background:#14231d!important;color:#f4faf6!important;border:1px solid #345044!important;border-radius:15px!important;box-shadow:none!important}.card,.panel{padding:22px!important}.card{border-top:1px solid #345044!important}.card .number,.metric .number{color:#a1ffca!important;font-weight:800!important;font-size:clamp(24px,2.4vw,32px)!important}.card .muted,.metric .muted{color:#c5d8cc!important}.metric-icon{background:#214d35!important;color:#a1ffca!important}.welcome{margin-bottom:23px!important}.welcome h2{color:#fff!important}
.primary,.secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:10px 15px!important;border-radius:9px!important;font-weight:700!important;box-shadow:none!important;opacity:1!important}.primary{background:#24985d!important;color:#fff!important;border:1px solid #24985d!important}.primary:hover{background:#30b970!important}.secondary{background:#203a2c!important;color:#f1fff5!important;border:1px solid #476755!important}.secondary:hover{background:#2a4d38!important;color:#fff!important}.danger{color:#ffaaaa!important}.text-link{background:transparent!important}
.tablewrap{background:#14231d!important;border:1px solid #345044!important;border-radius:10px!important;overflow:auto!important}table{color:#f0fff5!important;background:#14231d!important;width:100%!important;border-collapse:collapse!important}th{background:#20382a!important;color:#e1f6e8!important;font-size:12px!important;font-weight:750!important}td{background:#14231d!important;color:#f0fff5!important}th,td{padding:13px 14px!important;border-bottom:1px solid #345044!important}tbody tr:hover td{background:#1d3427!important}
.field label,.search-field,.pdv-field label{color:#f1fff5!important;font-weight:700!important}.field input,.field textarea,.field select,.search-field input,.search-field select,.catalog-tools input,.catalog-tools select,.pdv-field input,.pdv-field select,input,select,textarea{background:#1a3023!important;color:#fff!important;border:1px solid #557561!important;border-radius:9px!important;padding:11px 12px!important;opacity:1!important}input::placeholder,textarea::placeholder{color:#bed3c4!important}option{background:#17291e!important;color:#fff!important}input[type=checkbox]{accent-color:#43ca80!important}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #82f5b0!important;outline-offset:2px!important}
.pill,.preview-pill,.pickup-status,.date-chip{background:#214330!important;color:#e5fff0!important;border:1px solid #426c50!important}.message{background:#264d36!important;color:#e4ffec!important}.message.error{background:#542b2b!important;color:#ffe7e7!important}.login{max-width:430px!important;margin:8vh auto!important;padding:30px!important}.login h1,.login p{color:#fff!important}.login .muted{color:#c5d8cc!important}.empty{color:#c5d8cc!important}.stock-alert{border-color:#345044!important}.product-dot{background:#214d35!important;color:#a1ffca!important}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid{grid-template-columns:1fr!important}}
@media(max-width:720px){.shell{display:block!important}aside{position:relative!important;height:auto!important;min-height:0!important;padding:14px!important}aside .brand{margin:0 0 8px!important;padding-bottom:12px!important}nav{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:8px!important}nav button{width:auto!important;white-space:nowrap!important;flex-shrink:0!important}.aside-bottom{display:none!important}main{padding:0 15px 30px!important}.topbar{margin:0 -15px 20px!important;padding:18px 15px!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.card,.panel{padding:15px!important}.formgrid{grid-template-columns:1fr!important}.filters{grid-template-columns:1fr!important}}