@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#171a21;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid #e8eaed;padding:24px 16px;display:flex;flex-direction:column;z-index:10}.logo{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:19px}.logo span{display:grid;place-items:center;background:#5b55e7;color:#fff;border-radius:9px;width:34px;height:34px}.logo svg{width:18px}.logo>button{display:none;border:0;background:transparent;margin-left:auto}.nav-label{font-size:10px;color:#a0a5ae;font-weight:700;letter-spacing:.12em;margin:42px 12px 10px}nav{display:grid;gap:4px}nav button,.aside-bottom>button{border:0;background:none;display:flex;align-items:center;gap:12px;color:#6c727e;padding:10px 12px;border-radius:8px;text-align:left;font-size:13px;font-weight:500}nav button:hover,.aside-bottom>button:hover{background:#f5f5f8}nav button.active{background:#f0efff;color:#514bd3;font-weight:600}nav svg,.aside-bottom svg{width:18px}.aside-bottom{margin-top:auto;display:grid}.user{border-top:1px solid #eceef1;margin-top:13px;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.user>div{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#20232b;color:#fff;font-size:11px}.user span{display:grid;gap:2px}.user b{font-size:11px}.user small{font-size:10px;color:#9297a1}main{margin-left:236px;padding:28px 32px 48px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}header h1{font-size:23px;letter-spacing:-.5px;margin:0 0 5px}header p{margin:0;color:#818792;font-size:12px}.header-actions,.toolbar,.export{display:flex;align-items:center;gap:9px}.header-actions button,.toolbar button,.export button,.text-btn,.modal-actions button{height:38px;border:1px solid #e0e3e7;border-radius:8px;background:#fff;padding:0 13px;display:flex;align-items:center;gap:7px;color:#575d68;font-size:11px;font-weight:600}.header-actions svg,.toolbar svg,.export svg{width:15px}.primary{border-color:#5751da!important;background:#5b55e7!important;color:#fff!important;box-shadow:0 2px 6px #5b55e729}.sync{display:flex;align-items:center;gap:6px;font-size:10px;color:#858b94}.sync i{width:6px;height:6px;border-radius:50%;background:#a4a8ae}.sync.live i{background:#22ad7a}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric,.panel,.insight,.report-grid article{background:#fff;border:1px solid #e6e8ec;border-radius:11px;box-shadow:0 1px 2px #11182705}.metric{padding:17px}.metric-top{display:flex;justify-content:space-between;color:#727884;font-size:11px;font-weight:500}.metric-top svg{width:16px;color:#9ba0a9}.metric strong{display:block;font-size:21px;letter-spacing:-.6px;margin:12px 0 9px}.change{display:flex;align-items:center;gap:2px;color:#dc6a6a;font-size:9px;font-weight:600}.change svg{width:12px;height:12px}.change.good{color:#14966a}.change span{color:#a2a6ae;font-weight:400;margin-left:4px}.panel{margin-top:13px;padding:19px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{font-size:14px;margin:0 0 4px}.panel-head p{font-size:10px;color:#9297a0;margin:0}.segmented{display:flex;background:#f4f5f7;padding:3px;border-radius:7px}.segmented button{border:0;background:transparent;border-radius:5px;padding:5px 9px;color:#7d828c;font-size:9px}.segmented button.active{background:#fff;color:#333844;box-shadow:0 1px 2px #0001}.chart-legends{display:flex;gap:17px;justify-content:flex-end;font-size:9px;color:#767c86;margin:9px 0 3px}.chart-legends span,.pie-row span{display:flex;align-items:center;gap:5px}.chart-legends i,.pie-row i{width:7px;height:7px;border-radius:50%}.purple{background:#5b55e7}.amber{background:#e8a23a}.green{background:#1eaa78}.chart-summary{border-top:1px solid #eceef1;padding-top:15px;display:flex;gap:40px}.chart-summary span{display:grid;color:#8b9099;font-size:9px;gap:4px}.chart-summary b{font-size:14px;color:#242831}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px}.insight{padding:16px;display:grid;gap:6px}.insight span{font-size:10px;color:#8b909a}.insight b{font-size:13px}.insight small{font-size:10px;color:#5b55e7}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:18px 19px}.text-btn{border:0!important;color:#5b55e7!important;height:auto!important;padding:0!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfc;color:#959aa4;font-size:8px;letter-spacing:.05em;padding:10px 15px;border-block:1px solid #eceef1}td{font-size:10px;color:#646a75;padding:12px 15px;border-bottom:1px solid #f0f1f3}td small{display:block;color:#a4a8b0;font-size:8px;margin-bottom:3px}td b{color:#2d313a}.profit{color:#14966a!important;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;background:#eaf8f2;color:#148a64;font-size:8px}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.pendiente{background:#fff5e5;color:#c8841f}.toolbar{justify-content:flex-end;margin-bottom:14px}.search{margin-right:auto;width:270px;height:38px;border:1px solid #e1e4e8;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:7px}.search svg{width:15px;color:#9a9fa8}.search input{border:0;outline:0;width:100%;font-size:11px}.two-cols{display:grid;grid-template-columns:2fr 1fr;gap:13px}.pie-row{display:flex;justify-content:space-between;font-size:10px;padding:6px 10px}.empty{text-align:center;padding:70px}.empty>svg{color:#5b55e7;width:36px}.empty h2{font-size:16px}.empty p{font-size:11px;color:#888e98}.empty button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:10px 14px}.report-hero{display:flex;align-items:center;justify-content:space-between;padding:28px}.report-hero span{font-size:9px;color:#5b55e7;font-weight:700;letter-spacing:.1em}.report-hero h2{font-size:19px;margin:7px 0}.report-hero p{font-size:11px;color:#858a93}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.report-grid article{padding:22px;display:grid;gap:9px}.report-grid span{font-size:10px;color:#8b9099}.report-grid b{font-size:20px}.backdrop{position:fixed;inset:0;background:#16192278;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(580px,100%);background:#fff;border-radius:13px;padding:24px;box-shadow:0 20px 80px #0004}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.modal h2{font-size:18px;margin:0 0 5px}.modal p{font-size:10px;color:#8b9099;margin:0}.modal-head button{border:0;background:none}.modal-head svg{width:18px}.modal label{display:grid;gap:6px;color:#656b75;font-size:10px;font-weight:600;margin-bottom:14px}.modal input,.modal select,.modal textarea{border:1px solid #dfe2e6;border-radius:8px;padding:10px;outline:none;color:#343841;font-size:11px}.modal textarea{resize:vertical;min-height:60px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.calculation{display:grid;grid-template-columns:repeat(4,1fr);background:#f8f8fb;border-radius:9px;padding:13px;margin:4px 0 20px}.calculation span{display:grid;gap:5px;font-size:8px;color:#8b9099}.calculation b{font-size:12px;color:#333741}.modal-actions{display:flex;justify-content:flex-end}.toast{position:fixed;right:24px;bottom:24px;background:#20242c;color:#fff;padding:12px 16px;border-radius:9px;display:flex;align-items:center;gap:8px;font-size:11px;z-index:30;box-shadow:0 10px 40px #0003}.toast svg{width:15px;color:#55d5a8}.hamb{display:none;border:0;background:none}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-grid.four,.insight-grid{grid-template-columns:repeat(2,1fr)}.sync{display:none}}@media(max-width:760px){aside{transform:translate(-100%);transition:.2s}aside.open{transform:none;box-shadow:15px 0 50px #0002}.logo>button{display:block}main{margin:0;padding:20px 14px}.hamb{display:block;padding:0;margin-right:5px}header{justify-content:flex-start}.header-actions{margin-left:auto}.period,.sync{display:none!important}.header-actions .primary{font-size:0;width:38px;padding:0;justify-content:center}.metric-grid,.metric-grid.four,.insight-grid,.report-grid{grid-template-columns:1fr 1fr}.two-cols{grid-template-columns:1fr}.chart-summary{gap:18px}.toolbar .filter{display:none}.search{width:auto;flex:1}.form-grid{grid-template-columns:1fr}.calculation{grid-template-columns:1fr 1fr;gap:12px}.report-hero{align-items:flex-start;gap:18px;flex-direction:column}}@media(max-width:440px){.metric-grid,.metric-grid.four,.insight-grid,.report-grid{grid-template-columns:1fr}.chart-summary{display:grid;grid-template-columns:1fr 1fr}.segmented{display:none}.metric strong{font-size:22px}}:root{zoom:.9}:root{--brand:#8b2cf5;--brand-dark:#6120aa;--brand-soft:#f3eaff;background:#f5f6f8}aside{background:linear-gradient(180deg,#fff,#f6f6f8);border-right-color:#dedfe4;padding-top:18px}.logo{height:76px;padding:0 2px;display:flex;align-items:center}.logo img{width:202px;height:72px;object-fit:contain;object-position:left center}.logo>button{margin-left:auto}nav button:hover,.aside-bottom>button:hover{background:#f1edf6;color:#6320ae}nav button.active,.aside-bottom>button.active{background:color-mix(in srgb,var(--brand) 11%,white);color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.primary{border-color:var(--brand)!important;background:var(--brand)!important;box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 28%,transparent)}.purple{background:var(--brand)}.insight small,.text-btn,.empty>svg,.report-hero span{color:var(--brand)!important}.user>div{border-radius:9px;background:#e7e7ec;overflow:hidden}.user>div img{width:42px;height:42px;object-fit:contain}.user b{color:#3d3546}.metric-brand{--metric-color:var(--brand)}.metric-green{--metric-color:#15966b}.metric-red{--metric-color:#dc3f4f}.metric-orange{--metric-color:#e88724}.metric[class*=metric-]{position:relative;overflow:hidden;border-top:3px solid var(--metric-color);background:linear-gradient(145deg,color-mix(in srgb,var(--metric-color) 5%,white),#fff 52%)}.metric[class*=metric-] .metric-top,.metric[class*=metric-] .metric-top svg,.metric[class*=metric-] strong,.metric[class*=metric-] .change,.metric[class*=metric-] .change span{color:var(--metric-color)}.metric[class*=metric-] strong{font-weight:750}.tier-editor{border:1px solid #e2e5ea;border-radius:10px;padding:12px;margin:5px 0 17px;background:#fafbfc}.tier-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tier-editor-head span{display:grid;gap:3px}.tier-editor-head b{font-size:11px}.tier-editor-head small{font-size:9px;color:#858b94}.tier-editor-head button{display:flex;align-items:center;gap:5px;border:1px solid var(--brand);background:#fff;color:var(--brand);border-radius:7px;padding:7px 9px;font-size:9px}.tier-editor-head svg{width:13px}.tier-row{display:grid;grid-template-columns:1fr 1fr 1.4fr 34px;gap:8px;align-items:end;padding:9px;background:#fff;border:1px solid #e8eaee;border-radius:8px;margin-top:7px}.tier-row label{margin:0}.tier-delete{height:38px;border:1px solid #f1b8be;background:#fff0f2;color:#d32e40;border-radius:7px}.tier-delete svg{width:15px}.tier-chips{display:flex;flex-wrap:wrap;gap:4px}.tier-chips span{font-size:8px;background:color-mix(in srgb,var(--brand) 9%,white);color:var(--brand);border-radius:12px;padding:4px 6px}@media(max-width:760px){.tier-row{grid-template-columns:1fr 1fr}.tier-delete{width:34px}}.modal .sale-product-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.modal .sale-line{grid-template-columns:minmax(0,1fr) minmax(80px,120px) 34px}@media(max-width:760px){.modal .sale-product-filters{grid-template-columns:1fr}.modal .sale-line{grid-template-columns:minmax(0,1fr) 76px 30px}}.backdrop{overflow-y:auto;align-items:start}.modal{max-height:calc(100vh - 32px);overflow-y:auto;margin:auto}.sale-product-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.sale-line{grid-template-columns:minmax(0,1fr) minmax(80px,120px) 34px}.sale-line label,.sale-line input,.sale-line select,.sale-product-filters label,.sale-product-filters input,.sale-product-filters select{min-width:0;width:100%}.modal-actions{position:sticky;bottom:-24px;background:#fff;padding:14px 0 2px;z-index:2}.sale-edit-summary{display:grid;grid-template-columns:2fr 1fr;gap:10px;background:color-mix(in srgb,var(--brand) 7%,white);border:1px solid color-mix(in srgb,var(--brand) 16%,white);border-radius:10px;padding:13px;margin-bottom:16px}.sale-edit-summary span{display:grid;gap:5px;color:#858b94;font-size:9px}.sale-edit-summary b{color:#30343c;font-size:11px;line-height:1.4}.sale-product-filters{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;background:color-mix(in srgb,var(--brand) 7%,white);border:1px solid color-mix(in srgb,var(--brand) 16%,white);border-radius:10px;padding:12px;margin-bottom:5px}.sale-product-filters label{margin:0}.sale-product-filters label span{display:flex;align-items:center;gap:5px}.sale-product-filters svg{width:13px}.sale-results{font-size:9px;color:#858b94;margin:7px 2px}.sale-line{background:#fafbfc;border:1px solid #e9ebef;border-radius:9px;padding:10px;margin-bottom:9px}.sale-line label{margin:0}.sale-line select{font-weight:600;background:#fff}.sale-line button:disabled{opacity:.45}.calculation{grid-template-columns:repeat(2,1fr)!important;border:1px solid color-mix(in srgb,var(--brand) 12%,white)}@media(max-width:760px){.sale-product-filters{grid-template-columns:1fr}.sale-line{grid-template-columns:1fr 80px 30px}}.products-summary{display:flex;align-items:center;justify-content:space-between;color:#777d87;font-size:10px;margin:2px 2px 10px}.products-summary div{display:flex;gap:7px}.products-summary button{border:1px solid #e0e3e7;background:#fff;color:var(--brand);border-radius:7px;padding:6px 9px;font-size:9px}.product-category{margin-top:10px}.category-bar{width:100%;border:0;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 12%,white),#fff);padding:13px 17px;display:flex;align-items:center;justify-content:space-between;color:#333841;text-align:left}.category-bar span{display:flex;align-items:center;gap:10px}.category-bar b{font-size:12px}.category-bar small{font-size:9px;color:#858b94;background:#fff;border-radius:20px;padding:4px 8px}.category-bar>svg{width:17px;height:17px;color:var(--brand);transition:transform .18s}.category-bar>svg.open{transform:rotate(180deg)}.product-category .table-wrap{border-top:1px solid #eceef1}@media(max-width:760px){.products-summary{align-items:flex-start;gap:9px;flex-direction:column}.products-summary div{width:100%}.products-summary button{flex:1}.category-bar{padding:12px}.category-bar span{gap:6px}.category-bar small{font-size:8px}}.settings-card select{height:40px;border:1px solid #dfe2e6;border-radius:8px;padding:0 11px;outline:none;font-size:11px;background:#fff}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-card{margin-top:0;display:flex;flex-direction:column;gap:14px}.settings-card label{display:grid;gap:7px;color:#656b75;font-size:10px;font-weight:600}.settings-card input{height:40px;border:1px solid #dfe2e6;border-radius:8px;padding:0 11px;outline:none;font-size:11px}.settings-card input:focus{border-color:var(--brand)}.settings-card input:disabled{background:#f6f7f8;color:#9297a0}.settings-save{align-self:flex-start;height:40px;border-radius:8px;padding:0 14px;display:flex;align-items:center;gap:7px}.settings-save svg{width:15px}.color-picker{display:flex;flex-wrap:wrap;gap:10px}.color-picker button{width:38px;height:38px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 0 0 1px #d8dbe0}.color-picker button.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 40%,white)}.color-picker svg{width:17px}.custom-color{display:flex;align-items:center;gap:10px}.custom-color input{width:52px;padding:3px}.custom-color span{font-size:11px;color:#777d87}.setting-info{display:grid;gap:4px;padding:11px 0;border-bottom:1px solid #eceef1}.setting-info b{font-size:11px}.setting-info span{font-size:10px;color:#858b94;line-height:1.45}.categories-card{grid-column:1/-1}.settings-categories{display:flex;flex-wrap:wrap;gap:7px}.settings-categories span{background:color-mix(in srgb,var(--brand) 8%,white);border:1px solid color-mix(in srgb,var(--brand) 18%,white);color:#555b65;border-radius:20px;padding:7px 10px;font-size:9px}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.categories-card{grid-column:auto}}.retention-alert{display:flex;align-items:center;gap:14px;background:#fff0f1;border:2px solid #dc3545;color:#9f1f2d;border-radius:11px;padding:16px 18px;margin-bottom:18px;box-shadow:0 4px 16px #dc35451c}.retention-alert>svg{width:28px;height:28px;flex:none}.retention-alert div{flex:1}.retention-alert strong{display:block;font-size:15px;text-transform:capitalize}.retention-alert p{margin:4px 0 0;font-size:11px;line-height:1.5}.retention-alert button{display:flex;align-items:center;gap:7px;border:0;border-radius:8px;background:#c92e3d;color:#fff;padding:11px 14px;font-size:11px;font-weight:700}.retention-alert button:disabled{opacity:.65}.retention-alert button svg{width:16px}@media(max-width:760px){.retention-alert{align-items:flex-start;flex-wrap:wrap}.retention-alert button{width:100%;justify-content:center}}.period{position:relative;height:auto;border:0;padding:0;background:transparent;display:block}.period-trigger{height:38px;min-width:148px;border:1px solid #e0e3e7;border-radius:8px;background:#fff;padding:0 11px;display:flex;align-items:center;gap:8px;color:#4f5560;font-size:10px;font-weight:600}.period-trigger span{flex:1;text-align:left}.period-trigger svg{width:14px;height:14px}.period-trigger svg:last-child{transition:transform .16s ease}.period-trigger svg:last-child.open{transform:rotate(180deg)}.period-menu{position:absolute;top:44px;right:0;width:178px;background:#fff;border:1px solid #e0e2e7;border-radius:10px;padding:6px;box-shadow:0 14px 40px #2414331f;z-index:30;animation:period-in .14s ease}.period-menu button{width:100%;border:0;background:transparent;border-radius:7px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;color:#555b66;font-size:10px;text-align:left}.period-menu button:hover{background:#f6f1fc;color:#7423cc}.period-menu button.selected{background:#f1e8fc;color:#7423cc;font-weight:600}.period-menu button svg{width:13px;height:13px}@keyframes period-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.period{height:38px;border:1px solid #e0e3e7;border-radius:8px;background:#fff;padding:0 10px;display:flex;align-items:center;gap:6px;color:#666b75}.period svg{width:14px}.period select{border:0;background:transparent;appearance:none;font-size:10px;outline:0}.loading{min-height:400px;display:flex;align-items:center;justify-content:center;gap:8px;color:#777d87;font-size:12px}.loading svg{width:18px}.error-state{background:#fff0f1;color:#a43c47;border:1px solid #f3ced2;padding:12px;border-radius:8px;margin-bottom:14px;font-size:11px}.error-state button{float:right;border:0;background:none;color:inherit}.empty.compact{padding:45px 15px}.empty.compact svg{width:28px}.row-action,.delete-action{display:inline-flex;align-items:center;gap:4px;border:0;background:#f2edfa;color:#7423cc;border-radius:6px;padding:6px 8px;font-size:9px;margin-right:5px}.delete-action{color:#c54b59;background:#fff0f2;padding:5px}.delete-action svg{width:13px;height:13px}.ranking{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid #eff0f2}.ranking span{display:grid;gap:3px}.ranking b{font-size:11px}.ranking small{font-size:9px;color:#90959e}.ranking strong{font-size:11px}.sale-line{display:grid;grid-template-columns:1fr 80px 110px 30px;gap:10px;align-items:end}.sale-line button{height:38px;border:0;background:#fff0f2;color:#b84552;border-radius:7px}.sale-line button svg{width:14px}.badge.cancelled{background:#fff0f2;color:#c65360}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}@media print{aside,header,.export{display:none!important}main{margin:0!important}.report-hero,.report-grid article{box-shadow:none}}@media(max-width:760px){:root{zoom:1}.logo img{width:190px;height:68px}.logo>button{display:block}}.auth-page{min-height:111vh;display:grid;grid-template-columns:1fr 1fr;background:#f5f6f8}.auth-brand{background:#30313a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d8d8df;gap:20px}.auth-brand img{width:min(520px,80%)}.auth-brand span{font-size:13px;letter-spacing:.03em}.auth-card{align-self:center;justify-self:center;width:min(390px,88%);background:#fff;border:1px solid #e2e3e7;border-radius:14px;padding:34px;box-shadow:0 16px 50px #1d102c12}.auth-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--brand-soft);color:var(--brand)}.auth-icon svg{width:20px}.auth-card h1{font-size:22px;margin:20px 0 7px}.auth-card>p{font-size:11px;color:#858a94;margin:0 0 24px}.auth-card label{display:grid;gap:7px;font-size:10px;font-weight:600;color:#606671;margin:13px 0}.auth-card input{height:41px;border:1px solid #dfe2e6;border-radius:8px;padding:0 11px;outline:none;font-size:11px}.auth-card input:focus{border-color:var(--brand)}.auth-submit{width:100%;height:42px;border-radius:8px;margin-top:8px}.auth-link,.auth-switch button,.auth-back{border:0;background:none;color:var(--brand);font-size:10px}.auth-link{display:block;margin:13px auto}.auth-switch{text-align:center;border-top:1px solid #eceef1;padding-top:18px;margin-top:18px;font-size:10px;color:#858a94}.auth-back{display:flex;align-items:center;padding:0}.auth-back svg{width:14px}.auth-message{font-size:10px;background:#f3eaff;color:#6220a9;padding:9px;border-radius:7px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.auth-page{grid-template-columns:1fr;min-height:100vh}.auth-brand{display:none}}html.auth-active,body.auth-active{background-color:#030108!important;zoom:1!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important;position:fixed!important;inset:0!important}.auth-custom-wrapper{position:fixed;inset:0;width:100%;height:100%;background-color:#030108;z-index:99999;overflow:hidden!important;display:flex;align-items:center;justify-content:center;touch-action:none}.auth-bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,#8b2cf559,#280a5099 45%,#030108)}.auth-bg-noise{position:absolute;inset:0;opacity:.03;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px}.auth-glow-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:120vh;height:50vh;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background:#a855f72e;filter:blur(80px)}.auth-glow-pulse-top{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:90vh;height:60vh;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background:#c084fc26;filter:blur(60px)}.auth-glow-pulse-bottom{position:absolute;bottom:-15%;left:50%;transform:translate(-50%);width:90vh;height:70vh;border-top-left-radius:50%;border-top-right-radius:50%;background:#8b2cf533;filter:blur(70px)}.auth-card-container{width:100%;max-width:420px;position:relative;z-index:10}.auth-tilt-wrapper{position:relative;transform-style:preserve-3d}.auth-card-group{position:relative;border-radius:20px;padding:1px}.auth-light-beams{position:absolute;inset:0;border-radius:20px;overflow:hidden;pointer-events:none;z-index:1}.beam-top{position:absolute;top:0;left:0;height:2px;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);filter:blur(1px)}.beam-right{position:absolute;top:0;right:0;width:2px;height:50%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9),transparent);filter:blur(1px)}.beam-bottom{position:absolute;bottom:0;right:0;height:2px;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);filter:blur(1px)}.beam-left{position:absolute;bottom:0;left:0;width:2px;height:50%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9),transparent);filter:blur(1px)}.auth-glass-card{position:relative;background:#0c0818a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;padding:36px 30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #0009,inset 0 1px #ffffff1a;color:#fff;z-index:2}.auth-header{text-align:center;margin-bottom:24px}.auth-back-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#fff9;font-size:11px;margin-bottom:12px;padding:0;cursor:pointer}.auth-back-btn:hover{color:#fff}.auth-brand-logo{display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.auth-logo-img{height:52px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(139,44,245,.4))}.auth-header h1{font-size:24px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.5px}.auth-header p{font-size:12px;color:#fff9;margin:0}.auth-form-space{display:flex;flex-direction:column;gap:16px}.auth-input-group{position:relative;display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:all .25s ease;overflow:hidden}.auth-input-group:hover{border-color:#ffffff40;background:#ffffff0f}.auth-input-group.focused{border-color:#8b2cf5;background:#8b2cf51a;box-shadow:0 0 16px #8b2cf54d}.auth-input-icon{position:absolute;left:14px;width:17px;height:17px;color:#fff6;transition:color .2s ease}.auth-input-icon.active{color:#fff}.auth-input-group input{width:100%;height:44px;background:transparent;border:0;outline:none;color:#fff;padding:0 14px 0 42px;font-size:13px}.auth-input-group input::placeholder{color:#ffffff59}.auth-eye-btn{position:absolute;right:14px;background:transparent;border:0;color:#fff6;display:flex;align-items:center;justify-content:center;cursor:pointer}.auth-eye-btn:hover{color:#fff}.auth-feedback-msg{font-size:12px;background:#8b2cf533;border:1px solid rgba(139,44,245,.4);color:#e9d5ff;padding:10px 14px;border-radius:10px;text-align:center;line-height:1.4}.auth-primary-btn{width:100%;height:46px;border-radius:12px;border:0;background:linear-gradient(135deg,#a855f7,#8b2cf5,#6b21a8);color:#fff;font-weight:600;font-size:14px;box-shadow:0 6px 20px #8b2cf566;cursor:pointer;margin-top:6px}.auth-primary-btn:hover{box-shadow:0 8px 25px #8b2cf599}.flex-center{display:flex;align-items:center;justify-content:center}.auth-forgot-link{border:0;background:transparent;color:#fff9;font-size:12px;text-align:center;margin:4px auto 0;cursor:pointer}.auth-forgot-link:hover{color:#fff;text-decoration:underline}.auth-switch-footer{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;margin-top:10px;font-size:12px;color:#ffffff80;display:flex;align-items:center;justify-content:center;gap:6px}.auth-switch-footer button{border:0;background:transparent;color:#c084fc;font-weight:600;font-size:12px;cursor:pointer}.auth-switch-footer button:hover{color:#fff;text-decoration:underline}.auth-config-floating-btn{position:absolute;top:20px;right:20px;z-index:50;display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fffc;padding:8px 14px;border-radius:20px;font-size:11px;font-weight:500;cursor:pointer;backdrop-filter:blur(10px);transition:all .2s ease}.auth-config-floating-btn:hover{background:#8b2cf540;border-color:#8b2cf5;color:#fff}.auth-modal-backdrop{position:fixed;inset:0;z-index:999999;background:#030108d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal-card{width:100%;max-width:440px;background:#120c22f2;border:1px solid rgba(139,44,245,.3);border-radius:20px;padding:26px;box-shadow:0 20px 60px #000c;color:#fff}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.auth-modal-header h3{margin:0;font-size:16px;font-weight:700}.auth-modal-header button{border:0;background:transparent;color:#fff9;cursor:pointer}.auth-modal-header button:hover{color:#fff}.auth-modal-desc{font-size:12px;color:#ffffffb3;margin:0 0 18px;line-height:1.5}.auth-field-label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:#fffc}.auth-modal-input{width:100%;height:42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:0 12px;color:#fff;font-size:12px;outline:none}.auth-modal-input:focus{border-color:#8b2cf5;box-shadow:0 0 12px #8b2cf566}.auth-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.auth-modal-cancel{border:1px solid rgba(255,255,255,.15);background:transparent;color:#ffffffb3;padding:9px 16px;border-radius:10px;font-size:12px;cursor:pointer}.auth-modal-cancel:hover{background:#ffffff1a;color:#fff}.auth-modal-submit{border:0;background:linear-gradient(135deg,#a855f7,#8b2cf5);color:#fff;padding:9px 18px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #8b2cf566}.sale-modal-clean{width:100%;max-width:630px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 20px 50px #0000001a;display:flex;flex-direction:column;max-height:88vh;overflow:hidden}.sale-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f3f4f6;background:#fff}.sale-modal-header h2{margin:0;font-size:16px;font-weight:700;color:#111827}.sale-modal-close{border:0;background:transparent;color:#9ca3af;padding:4px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sale-modal-close:hover{background:#f3f4f6;color:#374151}.sale-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.sale-search-box{position:relative;display:flex;flex-direction:column;gap:6px}.sale-search-label-row{display:flex;align-items:center;justify-content:space-between}.sale-search-label{font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.04em}.sale-cat-filter-small{border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:11px;border-radius:6px;padding:2px 8px;outline:none;cursor:pointer}.sale-combobox-input-wrap{position:relative;display:flex;align-items:center}.sale-combobox-input-wrap svg{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none}.sale-combobox-input{width:100%;height:42px;padding:0 12px 0 36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s}.sale-combobox-input:focus{border-color:#8b2cf5;box-shadow:0 0 0 3px #8b2cf51f}.sale-combobox-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:220px;overflow-y:auto;z-index:50;padding:4px}.sale-combobox-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:0;background:transparent;border-radius:6px;text-align:left;cursor:pointer;transition:background-color .12s}.sale-combobox-item:hover{background:#f9fafb}.sale-combobox-item-info{display:flex;flex-direction:column;gap:2px}.sale-combobox-item-name{font-size:13px;font-weight:500;color:#111827}.sale-combobox-item-cat{font-size:10px;color:#6b7280}.sale-combobox-item-price{font-size:13px;font-weight:600;color:#8b2cf5}.sale-combobox-empty{padding:14px;font-size:12px;color:#9ca3af;text-align:center}.sale-products-list{display:flex;flex-direction:column;gap:10px}.sale-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:border-color .15s}.sale-item-row:hover{border-color:#d1d5db}.sale-item-info{flex:1;min-width:120px;display:flex;flex-direction:column;gap:2px}.sale-item-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-item-meta{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:8px}.sale-item-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.sale-qty-stepper{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;background:#fff;overflow:hidden;height:32px}.sale-qty-stepper button{width:28px;height:32px;border:0;background:#f9fafb;color:#374151;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.sale-qty-stepper button:hover{background:#f3f4f6}.sale-qty-stepper input{width:34px;height:32px;border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;font-size:12px;font-weight:600;color:#111827;outline:none;background:#fff;-moz-appearance:textfield}.sale-qty-stepper input::-webkit-outer-spin-button,.sale-qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sale-price-field{display:inline-flex;align-items:center;gap:4px;border:1px solid #e5e7eb;border-radius:6px;padding:0 8px;height:32px;background:#f9fafb;min-width:115px;max-width:130px;transition:border-color .15s,background-color .15s,box-shadow .15s}.sale-price-field:focus-within{border-color:#8b2cf5;background:#fff;box-shadow:0 0 0 2px #8b2cf51a}.sale-price-tag{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em;user-select:none;flex-shrink:0}.sale-currency-symbol{font-size:11px;color:#9ca3af;font-weight:500;user-select:none;flex-shrink:0}.sale-price-field input{width:100%;border:0;outline:none;font-size:12px;font-weight:600;color:#111827;background:transparent;padding:0;-moz-appearance:textfield}.sale-price-field input::-webkit-outer-spin-button,.sale-price-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sale-remove-btn{border:0;background:transparent;color:#9ca3af;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.sale-remove-btn:hover{background:#fef2f2;color:#ef4444}.sale-add-another-btn{align-self:flex-start;border:1px dashed #d1d5db;background:#fff;color:#4b5563;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.sale-add-another-btn:hover{border-color:#8b2cf5;color:#8b2cf5;background:#faf5ff}.sale-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sale-field-block{display:flex;flex-direction:column;gap:6px}.sale-field-block label{font-size:11px;font-weight:600;color:#374151}.sale-field-block input,.sale-field-block select,.sale-field-block textarea{width:100%;height:40px;border:1px solid #e5e7eb;border-radius:8px;padding:0 12px;background:#fff;font-size:13px;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s}.sale-field-block textarea{height:70px;padding:10px 12px;resize:vertical}.sale-field-block input:focus,.sale-field-block select:focus,.sale-field-block textarea:focus{border-color:#8b2cf5;box-shadow:0 0 0 3px #8b2cf51f}.sale-summary-clean{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:4px}.sale-summary-left{display:flex;flex-direction:column;gap:2px}.sale-summary-count{font-size:12px;color:#6b7280;font-weight:500}.sale-summary-right{text-align:right}.sale-summary-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.sale-summary-total{font-size:22px;font-weight:700;color:#111827;line-height:1.2}.sale-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f3f4f6;background:#fff}.sale-cancel-btn{border:1px solid #e5e7eb;background:#fff;color:#374151;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.sale-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.sale-save-btn{border:0;background:#8b2cf5;color:#fff;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #8b2cf540;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.sale-save-btn:hover{background:#7a22dc}.sale-save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.sale-info-grid{grid-template-columns:1fr}.sale-item-row{flex-direction:column;align-items:stretch;gap:8px}.sale-item-controls{justify-content:space-between}}