.header{display:flex;justify-content:space-between;align-items:center!important;background-color:#007bff;padding:1rem;color:#fff;box-shadow:0 4px 6px #0000001a;z-index:10000000}.title{font-size:1.5rem;font-weight:700}.nav{position:relative;margin-right:30px}.menu-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:none}.menu{display:flex;gap:1rem;list-style:none;align-items:center}.menu-item{position:relative}.menu-link{color:#fff;text-decoration:none;font-size:1rem;padding:.5rem;cursor:pointer;display:flex;align-items:center;gap:3px}.menu-link:hover{text-decoration:underline}.submenu{position:absolute;left:0;top:100%;background:#fff;color:#000;list-style:none;padding:0;margin:0;box-shadow:0 4px 6px #0000001a;border-radius:4px;display:none;overflow:hidden;z-index:1000000}.menu-item:hover .submenu{display:block;margin-left:-15px}.submenu-link{display:block;font-size:.9em;min-width:100%;width:max-content;padding:.5em 1.4em;color:#000;text-decoration:none;word-wrap:none}.submenu-link:hover{background:#f8f9fa}.app-brand{display:flex;align-items:center;gap:5px}.app-brand img{width:40px;height:40px;border-radius:50%}.app-brand h1{font-size:1.2rem;font-weight:500}.app-brand .brand-text{padding:0}.app-brand .brand-text p{font-size:.8em;opacity:.9}.app-warehouse-selector{margin-left:20px;margin-right:auto}.app-warehouse-selector select{padding:.4em .6em;border-radius:5px;border:1px solid #fff;background-color:transparent;font-size:1rem;cursor:pointer;color:#fff}:root{--card-bg: #ffffff;--text-1: #0f172a;--muted-700: #6b7280;--border: rgba(15, 23, 42, .08);--accent: #3b82f6;--accent-strong: #2563eb;--shadow-sm: 0 2px 10px rgba(2, 6, 23, .06)}@media (prefers-color-scheme: dark){:root{--text-1: #2d2d2d;--muted-700: #a3adc2;--border: rgba(148, 163, 184, .15);--accent: #60a5fa;--accent-strong: #3b82f6;--shadow-sm: 0 4px 16px rgba(2, 6, 23, .35)}}.stats-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);padding:16px;min-width:500px;flex:1}.stats-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stats-card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-1);letter-spacing:.2px}.chart-wrap{width:100%;height:280px}@media (max-width: 520px){.chart-wrap{height:240px}}.chart-tooltip{background:#ffffffe6;color:#111827;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (prefers-color-scheme: dark){.chart-tooltip{background:#0b1220e6;color:#e5e7eb}}.chart-tooltip-title{font-size:12px;font-weight:600;margin-bottom:6px;opacity:.9}.chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.stats-card .recharts-cartesian-grid-horizontal line,.stats-card .recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.stats-card .recharts-xAxis .recharts-cartesian-axis-line,.stats-card .recharts-yAxis .recharts-cartesian-axis-line{stroke:transparent!important}.stats-card .recharts-cartesian-axis-tick line{stroke:transparent!important}.stats-card .recharts-xAxis .recharts-cartesian-axis-tick text,.stats-card .recharts-yAxis .recharts-cartesian-axis-tick text{fill:var(--muted-700)!important;font-size:12px}.bar-value{display:inline-block;font-size:12px;font-weight:600;color:var(--text-1);padding:2px 6px;border-radius:6px}@media (prefers-color-scheme: dark){.bar-value{color:#f3f4f6}}.chart-empty{height:280px;display:grid;place-items:center;color:var(--muted-700);font-size:14px}.sales-per-day-stats{display:flex;gap:16px;flex-wrap:wrap}.movements-container{display:flex;flex-direction:column;gap:20px}.movement-card{display:flex;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;align-items:center;gap:15px;max-width:750px;cursor:pointer;flex-wrap:wrap}.movement-card .mc-reason{color:#fff;padding:3px 15px;border-radius:6px;font-size:.9em}.movement-card .mc-details{display:flex;gap:10px;align-items:center;margin-left:auto}.movement-card .mc-details svg{fill:#01ab72}.movement-card .mc-details .mc-date{font-size:.9em;color:#666}.movement-card .mc-quantity{padding:3px 12px;color:#fff;border-radius:4px;margin-left:auto}.mc-extra{width:100%!important;display:none}.mc-extra.expanded{display:block;margin-top:10px}.mc-extra .mc-notes{padding:5px 10px;border-left:2px solid #029fcf;border-radius:3px;margin:10px 0;background-color:#fbfbfb}.app-vintage-form{display:flex;flex-direction:column;gap:5px}.app-vintage-form .vintage-form-title{font-size:1.2em;font-weight:700;color:#002759}.app-vintage-form .vintage-form-description{font-size:1em;color:#555}.app-vintage-form .vintage-form-content{padding-top:20px}.stock-movement-form{max-width:480px;margin:0 auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 6px 18px #00000014;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.stock-movement-form:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-size:.9rem;font-weight:500;color:#555;margin-bottom:6px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;outline:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-group input:focus,.form-group select:focus{border-color:#4f8cff;box-shadow:0 0 0 2px #4f8cff33}.submit-btn{width:100%;padding:12px;background:#4f8cff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease-in-out,transform .2s ease-in-out}.submit-btn:hover{background:#3b72d6;transform:translateY(-1px)}.stock-item{display:flex;align-items:center;box-shadow:0 2px 4px #0000001a;width:max-content;border-radius:10px;padding:0 20px 0 0}.stock-item .si-product{display:flex;align-items:center;max-width:420px;padding:10px 20px 10px 10px;border-right:1px solid #e0e0e0}.stock-item .si-product img{width:80px;height:80px;border-radius:8px;margin-right:10px}.si-description{font-size:.85rem;color:#666;margin-top:5px}.stock-item .total-available{display:flex;flex-direction:column;align-items:center;padding:10px}.stock-item .total-available .stock-quantity{font-size:1.2em;font-weight:600;color:#0073ff}.stock-warehouses{display:flex;flex-wrap:wrap;gap:20px;width:300px;justify-content:left;margin-left:20px}.warehouse-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:#008bd6;color:#fff;padding:5px 15px;border-radius:6px;font-size:.9em}.movements-list{margin-top:30px}.middle-label-input{display:flex;flex-direction:column;position:relative!important;font-size:.8em;border:1px solid var(--spring);padding:.7em;border-radius:5px;transition:all .3s;margin-bottom:1.2em}.middle-label-input label{position:absolute;font-size:.8em;top:-.6em;padding:0 10px;background-color:#fff;color:var(--spring);transition:all .3s}.middle-label-input input,.middle-label-input select{border:none!important;outline:none;font-size:1em;width:100%}.middle-label-input-subcontainer{width:100%;display:flex;justify-content:left;align-items:center}.middle-label-input-icon{max-height:1.5em;margin-right:.4em;transition:all .3s}.middle-label-input input:disabled{border-color:gray}.middle-label-input input:disabled+label{color:gray}.middle-label-input input:disabled~.middle-label-input-subcontainer{border-color:gray}.middle-label-input.textarea{min-height:100px}.middle-label-input.textarea textarea{width:100%;border:none;outline:none;font-size:1em;resize:none}.middle-label-input.number .fast-change{display:flex;gap:10px}.middle-label-input.number .fast-change button{border:none;background-color:var(--spring);color:#fff;cursor:pointer;font-size:1.2em;width:2.2em;border-radius:5px}.middle-label-input.submit{background-color:var(--spring);color:#fff;cursor:pointer;font-size:.9em;width:100%;border-radius:5px;padding:.7em;transition:all .3s;text-align:center!important;justify-content:center!important}.middle-label-input.submit:hover,.middle-label-input.submit:active{transform:scale(1.01)}.middle-label-input.phone select.phone-code{border:none;font-size:1em;background-color:transparent;cursor:pointer;width:80px;color:var(--color-text-primary)}.middle-label-input-subcontainer{display:flex;align-items:center;gap:10px}.middle-label-input-subcontainer{display:flex;align-items:center;gap:10px;position:relative}.pseudo-select-container{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.selected-option{display:flex;align-items:center;gap:6px;font-size:14px}.selected-option img{width:24px;height:18px}.arrow{font-size:10px;margin-left:4px;color:#555}.options-dropdown{position:absolute;top:110%;left:0;background:#fff;box-shadow:0 0 8px #00000026;z-index:999;padding:6px 0;border-radius:6px;min-width:80px}.dropdown-option{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer}.dropdown-option:hover{background:#f2f2f2}.dropdown-option img{width:24px;height:18px}.middle-label-input.password>.middle-label-input-subcontainer>img{width:1.5em!important}.middle-label-input-icon{max-width:1em}.middle-label-button{background-color:var(--spring);color:#fff;cursor:pointer;font-size:.9em;width:100%;border-radius:5px;padding:.7em;transition:all .3s;text-align:center!important;justify-content:center!important}.middle-label-button:hover,.middle-label-button:active{transform:scale(1.01)}.dots-loader-animation{display:flex;align-items:center;justify-content:center;gap:8px;height:40px}.dots-loader-animation .dot{width:1.5em;height:1.5em;border-radius:50%;background-color:var(--spring);animation:bounce 1.2s infinite ease-in-out,glow 1s infinite ease-in-out}.dots-loader-animation .dot:nth-child(1){animation-delay:0s}.dots-loader-animation .dot:nth-child(2){animation-delay:.2s}.dots-loader-animation .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes glow{0%,to{box-shadow:0 0 0 var(--highlight-color);opacity:.8}50%{box-shadow:0 0 10px var(--highlight-color);opacity:1}}.full-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000000000}.full-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000000010}.full-loader-overlay.under-header-true{top:70px}.create-customer-form{display:flex;flex-direction:column;gap:.6em;max-width:500px;padding:20px;box-shadow:0 0 10px #0000001a;border-radius:10px;margin:auto}.ccf-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.ccf-popup-true{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;z-index:1000;background-color:#fff}.ccf-title-and-info{padding:6px 0;display:flex;justify-content:space-between;align-items:center}.ccf-title{font-weight:500}.ccf-close{font-size:1.2em}.create-customer-form .input-group-row{width:100%}.create-customer-form .input-group-row>div{width:50%}.address-form{padding:15px;box-shadow:0 0 10px #0000001a;border-radius:10px}.middle-label-input.neighborhood{width:70%!important}.toggle-address{padding-bottom:20px}.toggle-address>label{display:flex;gap:5px;align-items:center}.form-title{font-size:1.4rem;font-weight:600;color:#2e3a59;margin-bottom:20px;text-align:center}.customer-searcher{position:relative;width:100%;font-family:Segoe UI,sans-serif}.customer-searcher *{box-sizing:border-box}.customer-searcher .searcher-box{display:flex;border:1px solid #d1d1d1;transition:border-color .2s ease-in-out;border-radius:4px;overflow:hidden;align-items:center;padding:0 5px}.search-input{width:100%;padding:7px 14px;font-size:14px;border:none}.search-input:focus{outline:none;border-color:none}.customer-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 8px 20px #0000001a;max-height:240px;overflow-y:auto;overflow-x:hidden;z-index:1000}.customer-item{cursor:pointer;border-bottom:1px solid #f2f2f2}.customer-item:nth-child(odd){background-color:#f9f9f9}.customer-item:last-child{border-bottom:none}.customer-item:hover{background-color:#eee}.customer-row{display:flex;font-size:14px;color:#333;padding:0}.customer-row>*{padding:8px 0;display:flex;align-items:center;font-size:.93em;text-align:center;justify-content:center}.customer-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:60%}.customer-doc{flex:1;text-align:center;color:#555;border-right:1px solid #d1d1d1;border-left:1px solid #d1d1d1;width:17%}.customer-phone{flex:1;text-align:right;color:#555;width:23%}.sale-client-form{width:500px}.sale-client-form .customer-search{display:flex;align-items:top;gap:10px}.sale-client-form .customer-search .add-customer{height:30px;width:30px;border-radius:5px;background-color:var(--spring);color:#fff}.selected-customer{margin-top:20px}.selected-customer .no-customer{color:#555;font-size:.9em}.selected-customer .customer-info{display:flex;align-items:center;gap:10px}.selected-customer .customer-info>svg{width:40px;height:40px;fill:#555}.selected-customer .customer-info .customer-name{font-size:1em}.selected-customer .customer-info .customer-email,.selected-customer .customer-info .customer-phone{font-size:.9em;color:#777}.quantity-details{display:flex;gap:18px;align-items:center}.quantity-details>div>label{font-size:.9em}.quantity-details .details{display:flex;align-items:center;gap:10px}.quantity-details .details p{padding:5px 10px;border-radius:5px;background-color:#f5f5f5;font-size:.9em;border-left:4px solid var(--spring)}.quantity-details .add-items{padding:5px 10px;background-color:var(--spring);color:#fff;border-radius:10px}.items-table{margin-top:20px}.variations-table,.items-table table,.preview-table table{width:100%;border-collapse:collapse;font-size:14px;background-color:#fff;border-radius:10px;overflow:hidden}.variations-table th,.items-table th,.preview-table th{background-color:#f5f5f5;font-weight:600;text-align:left;padding:8px 12px;border-bottom:2px solid #ddd}.variations-table td,.items-table td,.preview-table td{padding:8px 12px;border-bottom:1px solid #eee}.variations-table tbody tr:hover,.items-table tbody tr:hover,.preview-table tbody tr:hover{background-color:#fafafa}.variations-table td:last-child,.items-table td:last-child,.preview-table td:last-child{text-align:right}.items-table button,.preview-table button{background:none;border:none;color:#d33;cursor:pointer;font-size:13px}.items-table button:hover,.preview-table button:hover{text-decoration:underline}.items-table tfoot td{border-top:2px solid #ddd;padding:10px 12px;background:#fafafa}.items-summary{display:grid;gap:8px;margin-top:12px;padding:12px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 1px 2px #0000000a}.items-summary__row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.items-summary__row strong{font-weight:700}.sale-products-form{width:800px}.product-card{width:300px;display:flex;align-items:center;padding:5px;box-shadow:0 0 10px #0000001a;border-radius:5px}.product-card.selected{border:1px solid var(--spring);box-shadow:0 0 10px #07f3}.product-card>img{width:70px;height:70px}.sale-products-form .quantity-options{display:flex;flex-direction:row;margin-top:10px}.sale-products-form .quantity{display:flex;flex-direction:column;margin-top:10px;gap:5px}.sale-products-form .quantity-input{border:1px solid #ccc;padding:5px;border-radius:5px;font-size:1.3em;width:100px}.sale-payments-form{max-width:640px;width:96%}.sale-payments-form input[type=date]{height:max-content}.payment-form{display:flex;flex-direction:column;gap:16px}.payment-form__row{display:flex;flex-wrap:wrap;gap:12px}.payment-form__row>.field{flex:1 1 0;min-width:200px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid #e6e6e6;border-radius:10px;background:#fff;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#cfd4ff;box-shadow:0 0 0 4px #63e5f114}.field--switch{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.field--switch .pill{display:inline-block;padding:6px 10px;font-size:12px;border-radius:999px;background:#f5f7ff;color:var(--spring);border:1px solid #e3e7ff;align-self:center}.payment-form__actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.btn{appearance:none;border:0;cursor:pointer;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1;transition:transform .04s ease,box-shadow .2s ease,background-color .2s ease}.btn:active{transform:translateY(1px)}.btn--ghost{background:#fff;border:1px solid #e8e8e8}.btn--ghost:hover{background:#fafafa}.btn--primary{background:var(--spring);color:#fff;box-shadow:0 6px 14px #00000014}.btn--primary:hover{background:#0b1220}.sale-details-form{width:500px}.sale-details-section{margin:15px 10px;padding-left:15px;border-left:1px solid #ccc;display:flex;flex-direction:column;gap:10px}.sale-details-section input,.sale-details-section textarea{padding:5px;border-radius:5px;border:1px solid #ccc;width:100%}.sale-payments{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;box-shadow:0 8px 20px #0000000a}.sale-payments__list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto;scrollbar-width:thin}.sale-payment-item{display:grid;grid-template-columns:1fr 140px 120px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #f0f0f0;border-radius:10px;background:#fafafa;transition:background-color .2s ease,border-color .2s ease}.sale-payment-item:hover{background:#fefefe;border-color:#eaeaea}.sale-payment-item span:nth-child(1){display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;background:#f2f7ff;color:#1e3a8a;border:1px solid #e3edff}.sale-payment-item span:nth-child(2){justify-self:end;font-weight:700;color:#111827}.sale-payment-item span:nth-child(3){justify-self:end;font-size:13px;color:#555}.sale-payments__total{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:6px;border-top:1px dashed #e6e6e6;font-size:15px}.sale-payments__total:before{content:"Total";font-weight:600;color:#444}.sale-payments__total:after{content:"";flex:1}.sale-payments__total span,.sale-payments__total strong{margin-left:auto}.sale-add-payment{display:flex;justify-content:flex-end}.sale-add-payment button{appearance:none;border:1px solid #e6e6e6;background:var(--spring);color:#fff;font-weight:600;padding:10px 14px;border-radius:12px;cursor:pointer;box-shadow:0 6px 14px #0000000f;transition:transform .04s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.sale-add-payment button:hover{opacity:.95}.sale-add-payment button:active{transform:translateY(1px)}.sale-details-form .finalize-sale{margin-top:15px;width:100%;padding:12px;background:var(--spring);color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 6px 14px #0000000f;transition:transform .04s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.sale-delivery-form{display:flex;flex-direction:column;gap:14px;min-width:500px!important}.sale-form-item-header{display:flex;align-items:center;justify-content:space-between;padding:6px 2px}.sale-form-item-header p{font-size:15px;font-weight:700;color:#111827}.delivery-form{display:flex;flex-direction:column;gap:12px}.delivery-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;box-shadow:0 8px 20px #0000000a}.delivery-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.delivery-row .field{flex:1 1 260px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:600;color:#333}.field select,.field input[type=date],.field input[type=number],.field textarea{width:100%;padding:10px 12px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{min-height:90px;resize:vertical}.field select:focus,.field input:focus,.field textarea:focus{border-color:#cfd4ff;box-shadow:0 0 0 4px #63e5f114}.empty-hint{padding:10px 12px;border-radius:12px;background:#fafafa;border:1px dashed #e6e6e6;color:#666;font-size:13px}.create-sale-form{display:flex;flex-wrap:wrap;gap:20px}.create-sale-form .sale-form-item{padding:20px;box-shadow:0 2px 4px #0000001a;border-radius:12px;max-width:700px}.sale-form-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.alert-warehouse{background-color:#e9f5ff;border:1px solid #b3d4fc;padding:5px 15px;border-radius:8px;margin-bottom:15px}.alert-warehouse p{margin:0;color:#3178c6;font-weight:500;font-size:.8em}.cancel-sale-form{width:720px;max-width:90%;border-radius:8px;box-shadow:0 4px 14px #0003}.cancel-sale-content{display:flex;flex-direction:column;gap:16px;padding:20px}.cancel-warning h4{margin:0;font-size:18px;font-weight:600;color:#b71c1c}.cancel-warning p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#444}.cancel-sale-confirm{background:#b71c1c;color:#fff;font-weight:500;border:none;padding:12px;border-radius:6px;cursor:pointer;transition:background .2s}.cancel-sale-confirm:hover{background:#d32f2f}.cancel-sale-close{background:#f5f5f5;color:#333;border:none;padding:12px;border-radius:6px;cursor:pointer;transition:background .2s}.cancel-sale-close:hover{background:#e0e0e0}.cancel-sale-form .cancel-notes textarea{width:100%;height:100px;padding:10px;border:1px solid #ccc;border-radius:7px;font-size:14px;resize:vertical}.sale-novelty-form{width:700px;max-width:90%}.status-timeline{list-style:none;padding:0 0 0 20px;position:relative;margin:20px 10px}.status-timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#e6e6e6}.timeline-item{display:grid;grid-template-columns:18px 1fr;column-gap:8px;position:relative;padding:6px 0}.timeline-item .marker{width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:2px solid var(--status-color, #999);background:#fff;position:absolute;left:-15px;top:6px}.timeline-item.done .marker{background:var(--status-color, #4caf50);border-color:var(--status-color, #4caf50)}.timeline-item.active .marker{background:radial-gradient(circle at 50% 50%,#fff 35%,var(--status-color, #2196f3) 36%);border-color:var(--status-color, #2196f3);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color, #2196f3) 18%,transparent)}.timeline-item .content{margin-left:14px;min-width:400px}.timeline-item .row{display:flex;align-items:center;gap:6px}.timeline-item .name{font-weight:600;color:#222;line-height:1.15;font-size:14px}.timeline-item .badge{font-size:11px;font-weight:600;color:#fff;background:#111;padding:1px 6px;border-radius:999px}.timeline-item .date{font-size:11px;color:#666;margin-top:0;line-height:1.2}.timeline-item .desc{font-size:12.5px;color:#444;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.timeline-empty{padding:6px 0;color:#666}@media (max-width: 480px){.status-timeline{padding-left:18px}.timeline-item{grid-template-columns:16px 1fr;padding:5px 0}.timeline-item .marker{width:12px;height:12px;left:-6px;top:6px;border-width:2px}.timeline-item .content{margin-left:12px}.timeline-item .name{font-size:13px}.timeline-item .desc{font-size:12px}}.novelty-form{display:block;padding:12px;border-radius:10px;box-shadow:0 2px 4px #00000014;background:#fff}.novelty-form .novelty,.novelty-form .notes{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;border:1px solid #eee;border-radius:10px;background:#fafafa}.novelty-form label{font-size:.95rem;font-weight:600;color:#222;letter-spacing:.2px}.novelty-form select,.novelty-form textarea{width:100%;font-size:.95rem;border:1px solid #ddd;border-radius:8px;padding:10px 12px;background:#fff;color:#222;transition:border-color .15s ease,box-shadow .15s ease}.novelty-form select:focus,.novelty-form textarea:focus{outline:none;border-color:var(--spring);box-shadow:0 0 0 3px color-mix(in srgb,var(--spring) 18%,transparent)}.novelty-form textarea{min-height:110px;resize:vertical;line-height:1.35}.novelty-form>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .02s ease-in;width:100%;margin-top:8px}.novelty-form>button:first-of-type{background:var(--spring);color:#fff}.novelty-form>button:first-of-type:hover{filter:brightness(.96)}.novelty-form>button:first-of-type:active{transform:translateY(1px)}.novelty-form>button:last-of-type{background:#f2f2f2;color:#222}.novelty-form>button:last-of-type:hover{filter:brightness(.97)}.novelty-form>button:last-of-type:active{transform:translateY(1px)}@media (min-width: 560px){.novelty-form>button{width:calc(50% - 6px)}.novelty-form>button+button{margin-left:12px}}.sale-card{padding:15px;box-shadow:0 2px 4px #0000001a;border-radius:10px;cursor:pointer;margin:15px 0}.sales-list-filters .sales-list-filters-group{display:flex;flex-direction:row!important;gap:12px}.sale-card .card-content{display:flex;align-items:center;gap:10px}.sale-card .sale-date{font-size:.9em;color:#666}.sale-card .sale-id{font-weight:700;font-size:1.2em;color:var(--spring)}.sale-card.canceled .sale-customer,.sale-card.canceled .sale-id{color:red}.sale-card .card-content .items-list .item{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:1.1em;color:#000}.sale-card .card-content .items-list img{width:40px;height:40px;object-fit:cover;border:#ccc 1px solid;border-radius:50%}.sale-card .sale-total{margin-left:20px;color:#000}.sale-statuses{margin-left:auto;gap:25px}.sale-statuses .sample-row{gap:5px}.sale-statuses svg{width:30px;height:30px}.extended-content .sale-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.extended-content .sale-actions .actions{display:flex;align-items:center;gap:10px}.extended-content .sale-actions .actions button{padding:5px 15px;border-radius:5px;font-weight:500;border:none;cursor:pointer;background-color:var(--spring);color:#fff}.extended-content .sale-actions .actions button.sale-cancel{background-color:#f44336}.extended-content .sale-actions .actions button.sale-payment{background-color:#4caf50}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#3bb5ed,#066490);font-family:Inter,sans-serif}.login-card{background-color:#fff;padding:40px 35px;border-radius:12px;box-shadow:0 8px 25px #00000026;width:100%;max-width:400px;text-align:center;animation:fadeIn .5s ease}.login-card h2{margin-bottom:8px;color:#333;font-size:26px}.subtitle{color:#777;margin-bottom:25px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:18px}.input-group{display:flex;flex-direction:column;text-align:left}.input-group label{font-size:13px;color:#555;margin-bottom:6px}.input-group input{padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:all .2s ease}.input-group input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e533}.login-button{background:#4f46e5;color:#fff;border:none;padding:10px;font-size:15px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .25s ease}.login-button:hover{background:#4338ca}.error-message{background:#fde8e8;color:#b91c1c;padding:8px;border-radius:6px;font-size:13px}.logged-in{color:#fff;flex-direction:column;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif,Arial,Helvetica;font-size:16px}main,body{overflow-x:hidden}.app-default-main{padding:40px 20px}.input-group-row{display:flex;gap:5px}.sample-row{display:flex;align-items:center;flex-direction:row}button{border:none;cursor:pointer;overflow:hidden;outline:none}input,textarea,select{outline:none}.app-default-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10000000;cursor:pointer}.app-default-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;z-index:10000001}.react-hot-toast,.react-hot-toast *,#_rht_toaster{z-index:1000000010!important}:root{--mountain: #4FC1A6;--grass: #C7C74A;--spring: #3BB5ED;--horns: #474747;--ground: #232323}body{font-size:16px}