:root{font-family:Inter,system-ui;background:#050505;color:#fff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center}.loginBox{width:360px;background:#121212;border:1px solid var(--accent,#d7a928);border-radius:16px;padding:24px;display:grid;gap:12px}.loginBox img{height:140px;object-fit:contain}.loginBox input,.loginBox button{padding:12px;border-radius:9px}.loginBox button,.primary{background:var(--accent,#d7a928);color:#111;border:0;font-weight:800}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#0b0b0b;border-right:1px solid #292929;padding:14px;overflow:auto}aside img{width:100%;height:120px;object-fit:contain}aside button{display:flex;align-items:center;gap:9px;width:100%;padding:11px;background:transparent;color:#fff;border:0;border-radius:8px;margin:3px 0}aside button svg{width:18px}aside button.active,aside button:hover{background:var(--accent,#d7a928);color:#111}main{overflow:auto}header{display:flex;justify-content:space-between;padding:13px 18px;background:#0b0b0b;border-bottom:1px solid #292929}.ok{color:#48d57d}.bad{color:#ef5350}section{padding:18px}.title{display:flex;justify-content:space-between;align-items:center}.title button,.actions button,section>button{display:flex;align-items:center;gap:6px;background:#202020;color:#fff;border:1px solid #444;border-radius:8px;padding:10px}.pos{display:grid;grid-template-columns:1.5fr .8fr;gap:14px}.search{display:flex;align-items:center;background:#111;border:1px solid #444;border-radius:9px;padding:0 10px;margin:10px 0}.search input{width:100%;background:transparent;color:#fff;border:0;padding:12px;outline:0}.search svg{width:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:9px;max-height:75vh;overflow:auto}.cards button{background:#171717;color:#fff;border:1px solid #303030;border-radius:11px;padding:13px;text-align:left}.cards small,.cards strong{display:block}.cards small{color:#999}.cards strong{color:#f2c64c;font-size:20px;margin:7px 0}.cart{background:#121212;border:1px solid #303030;border-radius:13px;padding:14px}.cart>input,.cart>select{width:100%;background:#111;color:#fff;border:1px solid #444;border-radius:8px;padding:10px;margin:5px 0}.cartLine{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 0;border-bottom:1px solid #292929}.cartLine button{background:#222;color:#fff;border:1px solid #444}.cartLine svg{width:14px}.total{display:flex;justify-content:space-between;font-size:22px;padding:6px}.total b{color:#f2c64c}.wide{width:100%;justify-content:center;padding:13px;margin-top:10px}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:9px;border-bottom:1px solid #292929;font-size:13px}td button{display:flex;align-items:center;gap:5px;background:#202020;color:#fff;border:1px solid #444;border-radius:7px;padding:7px}td button svg{width:15px}.optionCards,.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:12px 0}.optionCards div,.kpis div{background:#151515;border:1px solid #333;border-radius:10px;padding:13px}.kpis span{display:block;color:#999}.kpis b{display:block;color:#f2c64c;font-size:22px;margin-top:4px}.actions{display:flex;gap:8px}.danger{background:#7b2020!important}.filters{display:flex;gap:10px}.filters label{display:grid;gap:4px}.filters input{background:#111;color:#fff;border:1px solid #444;border-radius:7px;padding:8px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;z-index:50;padding:15px}.modalBox{background:#121212;border:1px solid var(--accent,#d7a928);border-radius:14px;padding:16px;width:min(900px,96%);max-height:92vh;overflow:auto}.modalHead{display:flex;justify-content:space-between}.modalHead button{background:transparent;color:#fff;border:0}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.formGrid label{display:grid;gap:5px;color:#aaa}.formGrid input,.formGrid select,.purchaseLine input,.purchaseLine select{background:#111;color:#fff;border:1px solid #444;border-radius:8px;padding:10px}.full{grid-column:1/-1}.purchaseLine{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:7px;margin:8px 0}.purchaseLine button{background:#7b2020;color:#fff;border:0;border-radius:7px}.checkGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:330px;overflow:auto}.checkGrid label{display:flex;gap:8px;background:#181818;border:1px solid #333;border-radius:7px;padding:8px}@media (max-width:900px){.app{grid-template-columns:1fr}aside{display:flex;overflow:auto}aside img{display:none}aside button{min-width:max-content}.pos,.formGrid,.checkGrid,.purchaseLine{grid-template-columns:1fr}}.mobileCart{display:none}.mobileSaleModal .modalBox{max-width:520px}@media (max-width:900px){.mobileCart{position:fixed;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;left:10px;right:10px;bottom:10px;z-index:40;background:var(--accent,#d7a928);color:#111;border:0;border-radius:12px;padding:14px;font-weight:800}.mobileCart svg{width:22px}.pos{display:block;padding-bottom:90px}.pos>.cart{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.productCard,.cards>button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modalBox{max-height:92vh;overflow:auto}}.periodButtons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.periodButtons button{background:#1c1c1c;color:#fff;border:1px solid #444;border-radius:8px;padding:9px}.reportBrand{display:flex;align-items:center;gap:14px}.reportBrand img{width:90px;height:90px;object-fit:contain}.reportMeta{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;background:#181818;border:1px solid #333;border-radius:9px;padding:12px}.reportMeta p{margin:2px}.cashReport h3{margin-top:20px}@media print{body *{visibility:hidden!important}.printable,.printable *{visibility:visible!important}.printable{position:absolute;left:0;top:0;width:100%;background:#fff!important;color:#000!important;padding:20px}.printable .kpis div,.printable .reportMeta{background:#fff!important;color:#000!important;border-color:#aaa!important}.printable .kpis b{color:#000!important}.noPrint{display:none!important}}.headerActions{display:flex;align-items:center;gap:10px}.headerActions button,.posQuick button{display:flex;align-items:center;gap:5px;background:#1b1b1b;color:#fff;border:1px solid #444;border-radius:8px;padding:7px}.headerActions svg,.posQuick svg{width:16px}.posQuick{display:flex;justify-content:space-between;align-items:center;gap:10px}.posQuick>div{display:flex;gap:6px}.shortcutGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shortcutGrid>div{display:flex;align-items:center;gap:10px;background:#181818;border:1px solid #333;border-radius:8px;padding:9px}.shortcutGrid kbd{min-width:105px;background:#0b0b0b;border:1px solid #666;border-bottom-width:3px;border-radius:6px;padding:6px 8px;color:#f2c64c;text-align:center}@media (max-width:700px){.shortcutGrid{grid-template-columns:1fr}.posQuick{align-items:flex-start;flex-direction:column}.posQuick>div{flex-wrap:wrap}.headerActions button{display:none}}.sectionHint{color:#999;margin-top:-8px}.promotionEditor{display:grid;gap:14px}.promoSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.promoSummary div{background:#171717;border:1px solid #333;border-radius:9px;padding:10px}.promoSummary span,.promoSummary b{display:block}.promoSummary span{color:#999;font-size:12px}.promoSummary b{color:#f2c64c;font-size:20px}.promoSelectorHead{display:flex;justify-content:space-between;align-items:end;gap:10px}.promoSelectorHead h3{margin-bottom:2px}.promoSelectorHead small{color:#999}.promoSelectorHead>div:last-child{display:flex;gap:7px}.promoSelectorHead button{background:#202020;color:#fff;border:1px solid #444;border-radius:7px;padding:8px}.promoProductList{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:390px;overflow:auto}.promoProductList>label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:#171717;border:1px solid #333;border-radius:9px;padding:9px}.promoProductList>label.selected{border-color:var(--accent,#d7a928);background:#211b0c}.promoProductList small,.promoProductList strong{display:block}.promoProductList>label>span{text-align:right}.promoProductList strong{color:#f2c64c}.toggleLabel{display:flex!important;align-items:center;gap:8px}@media (max-width:700px){.promoSummary,.promoProductList{grid-template-columns:1fr}.promoSelectorHead{align-items:flex-start;flex-direction:column}.promoSelectorHead>div:last-child{flex-wrap:wrap}}.toolbar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.toolbar button{display:flex;align-items:center;gap:6px;background:#202020;color:#fff;border:1px solid #444;border-radius:8px;padding:9px}.toolbar button svg{width:17px}@media (max-width:700px){.title{align-items:flex-start;gap:10px;flex-direction:column}.toolbar{justify-content:flex-start;width:100%}.toolbar button{flex:1;min-width:145px;justify-content:center}}.fatalError{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center;background:#050505;color:#fff}.fatalError img{width:160px;max-height:160px;object-fit:contain}.fatalError pre{max-width:min(760px,92vw);overflow:auto;background:#2a1111;border:1px solid #8c3333;border-radius:10px;padding:12px;color:#ffc1c1;text-align:left}.fatalError>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.fatalError button{background:var(--accent,#d7a928);color:#111;border:0;border-radius:9px;padding:11px 15px;font-weight:800}.dashboardGrid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.dashboardGrid>div{background:#111;border:1px solid #333;border-radius:12px;padding:14px}.alertRow{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #333}.alertRow b{color:#f2c64c}@media (max-width:850px){.dashboardGrid{grid-template-columns:1fr}}@media print{aside,header,.title button,.noPrint{display:none!important}.app{display:block}main{overflow:visible}section{padding:0}.cards,.posPage{display:none}}.muted{color:#999}.block{display:block}.dashboardKpis{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.statusOk,.statusVoid{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.statusOk{background:#123421;color:#8df0ad}.statusVoid{background:#551516;color:#ffb2b2}.dangerAction{background:#711f22!important;color:#fff!important;border-color:#a33!important}.networkCard{margin-top:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#151515;border:1px solid #333;border-radius:12px;padding:16px}.networkCard code{display:block;margin:9px 0;background:#080808;color:#f2c64c;padding:10px;border-radius:8px;font-size:16px}.networkCard small{display:block;color:#aaa}.networkCard button{background:var(--accent,#d7a928);color:#111;border:0;border-radius:8px;padding:10px 14px;font-weight:800}.emptyState{color:#999;padding:15px}@media (max-width:700px){.networkCard{align-items:stretch;flex-direction:column}table{display:block;overflow-x:auto;white-space:nowrap}}:root{--accent:#d7a928}:root[data-theme=light] body,:root[data-theme=light] .app{background:#f4f4f4;color:#151515}:root[data-theme=light] aside,:root[data-theme=light] header,:root[data-theme=light] .settingsCard{background:#fff;color:#151515}.settingsPage{padding-bottom:40px}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settingsCard{background:#121212;border:1px solid #343434;border-radius:13px;padding:16px}.settingsCard h2{margin-top:0;color:var(--accent)}.settingsCard textarea{min-height:90px;resize:vertical;background:#111;color:#fff;border:1px solid #444;border-radius:8px;padding:10px}.settingsCard select,.settingsCard input{width:100%}.settingsCard .checkGrid{display:grid;grid-template-columns:1fr;gap:9px}.settingsCard .checkGrid label{display:flex;align-items:center;gap:8px}.settingsCard .checkGrid input[type=checkbox],.settingsCard>label input[type=checkbox]{width:auto}.accentPreview{margin-top:12px;border-radius:9px;padding:14px;color:#111;font-weight:900;text-align:center}@media (max-width:850px){.settingsGrid{grid-template-columns:1fr}}.connectionStatus{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.9rem}.connectionStatus svg{width:17px;height:17px}.connectionStatus.online{background:#2ecc7124;color:#45df8c;border:1px solid rgba(46,204,113,.4)}.connectionStatus.offline{background:#e74c3c24;color:#ff7064;border:1px solid rgba(231,76,60,.45)}.connectionStatus small{display:flex;align-items:center;gap:4px;margin-left:5px;padding-left:7px;border-left:1px solid currentColor}.connectionStatus small svg{width:14px}@media (max-width:700px){.connectionStatus span{display:none}.connectionStatus{padding:7px}.connectionStatus small{font-size:.72rem}}.wholesaleBadge{display:inline-flex;width:max-content;background:#d7a92824;border:1px solid rgba(215,169,40,.55);color:var(--accent,#d7a928);border-radius:999px;padding:3px 7px;font-weight:800}.wholesaleLine>span{display:flex;flex-direction:column;gap:3px}.wholesaleLine>span small{color:var(--accent,#d7a928);font-size:.75rem}.pricingSection{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #3a3a3a;border-radius:12px;background:#111}.pricingSection h3{grid-column:1/-1;margin:0;color:var(--accent,#d7a928)}.wholesalePricing{grid-template-columns:repeat(4,minmax(0,1fr))}.pricingPreview{grid-column:1/-1;display:grid;gap:6px;padding:12px;border-radius:9px;background:#d7a92814;border:1px solid rgba(215,169,40,.35)}.pricingPreview span{display:flex;justify-content:space-between;gap:12px}@media (max-width:900px){.pricingSection,.wholesalePricing{grid-template-columns:1fr 1fr}}@media (max-width:600px){.pricingSection,.wholesalePricing{grid-template-columns:1fr}.pricingPreview span{display:block}}