:root{--mobile: 480px;--tablet: 768px;--tablet-lg: 1024px;--desktop: 1200px}.responsive-container{max-width:100%;padding:0 16px}@media (min-width: 768px){.responsive-container{padding:0 24px}}@media (min-width: 1024px){.responsive-container{padding:0 32px}}@media (max-width: 1024px){.ant-layout-header{padding:0 16px!important}.ant-layout-header h1{font-size:16px!important}}@media (max-width: 768px){.ant-layout-header h1{font-size:14px!important}}.user-dropdown{transition:all .2s ease}.user-dropdown:hover{background-color:#f5f5f5}.balanza-responsive-layout{height:100vh;display:flex;flex-direction:column;padding:8px;overflow:hidden}.balanza-product-grid .ant-col{margin-bottom:8px!important}@media (min-width: 768px){.balanza-product-grid .ant-col{margin-bottom:12px!important}}@media (min-width: 1024px){.balanza-product-grid .ant-col{margin-bottom:16px!important}}.balanza-compact-header{display:flex;gap:8px;margin-bottom:8px;align-items:center;flex-wrap:wrap}.balanza-floating-keypad{position:fixed;bottom:20px;right:300px;width:280px;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #d9d9d9}.balanza-large-keypad .ant-btn{height:75px!important;font-size:22px!important;font-weight:700!important;min-height:75px!important}.balanza-large-keypad .ant-btn.ant-btn-primary{height:75px!important;min-height:75px!important}@media (pointer: coarse){.balanza-keypad-overlay{touch-action:none!important;-ms-touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;overscroll-behavior:none!important}.balanza-large-keypad{touch-action:none!important;-ms-touch-action:none!important;overscroll-behavior:none!important}.balanza-large-keypad *{touch-action:manipulation!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}}.balanza-floating-keypad .ant-btn{height:45px!important;font-size:16px!important;font-weight:700!important}.balanza-floating-keypad .ant-btn.ant-btn-primary{height:50px!important}@media (max-width: 1200px){.balanza-floating-keypad{right:20px}}@media (max-width: 768px){.balanza-floating-keypad{width:240px;bottom:10px;right:10px}.balanza-floating-keypad .ant-btn{height:40px!important;font-size:14px!important}.balanza-floating-keypad .ant-btn.ant-btn-primary{height:45px!important}}@media (max-width: 480px){.balanza-floating-keypad{width:200px}.balanza-floating-keypad .ant-btn{height:35px!important;font-size:12px!important}.balanza-floating-keypad .ant-btn.ant-btn-primary{height:40px!important}}.balanza-keypad .ant-btn{height:32px!important;font-size:12px!important;padding:0!important}@media (min-width: 768px){.balanza-keypad .ant-btn{height:40px!important;font-size:14px!important}}@media (min-width: 1024px){.balanza-keypad .ant-btn{height:48px!important;font-size:16px!important}}@media (max-width: 1024px){.ant-layout-sider{width:200px!important;min-width:200px!important;max-width:200px!important}.ant-layout-sider .ant-menu-item{padding-left:16px!important}.ant-layout-sider .ant-menu-item-icon{font-size:16px!important}}@media (max-width: 768px){.ant-layout-sider{width:60px!important;min-width:60px!important;max-width:60px!important}.ant-layout-sider .ant-menu-item span{display:none!important}.ant-layout-sider .ant-menu-item{padding:0!important;text-align:center!important}}.responsive-layout{height:100vh;overflow:hidden}.responsive-content{margin:0;overflow:auto;background:#f5f5f5;padding:16px}@media (min-width: 768px){.responsive-content{padding:24px}}.responsive-product-grid{display:grid;gap:16px;margin:20px 0}@media (max-width: 480px){.responsive-product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width: 481px) and (max-width: 768px){.responsive-product-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media (min-width: 769px) and (max-width: 1024px){.responsive-product-grid{grid-template-columns:repeat(5,1fr);gap:16px}}@media (min-width: 1025px){.responsive-product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}.responsive-card{margin-bottom:16px}@media (max-width: 768px){.responsive-card .ant-card-body{padding:12px!important}.responsive-card .ant-card-head{padding:0 12px!important}}.responsive-form{max-width:100%}@media (min-width: 768px){.responsive-form{max-width:600px}}.responsive-button-group{display:flex;flex-direction:column;gap:8px;width:100%}@media (min-width: 768px){.responsive-button-group{flex-direction:row;justify-content:space-between}}.responsive-button{width:100%!important;margin-bottom:8px}@media (min-width: 768px){.responsive-button{width:auto!important;margin-bottom:0}}.responsive-table{overflow-x:auto}@media (max-width: 768px){.responsive-table .ant-table{font-size:12px}.responsive-table .ant-table-thead>tr>th{padding:8px 4px!important}.responsive-table .ant-table-tbody>tr>td{padding:8px 4px!important}}@media (max-width: 768px){.ant-modal{width:95%!important;margin:16px auto!important;top:20px!important}.ant-modal-content{margin:0!important}}.responsive-spacing-xs{margin:8px 0}.responsive-spacing-sm{margin:12px 0}.responsive-spacing-md{margin:16px 0}.responsive-spacing-lg{margin:24px 0}@media (min-width: 768px){.responsive-spacing-xs{margin:12px 0}.responsive-spacing-sm{margin:16px 0}.responsive-spacing-md{margin:24px 0}.responsive-spacing-lg{margin:32px 0}}.balanza-responsive-layout{height:calc(100vh - 120px);overflow:hidden}.balanza-hide-sidebar .ant-layout-sider{width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important}.balanza-hide-sidebar .ant-layout-content{margin-left:0!important}.balanza-fullscreen{height:100vh;overflow:hidden}.balanza-fullscreen .responsive-content{padding:8px;height:100vh;overflow:auto}@media (max-width: 1024px){.balanza-responsive-layout .ant-row{flex-direction:column!important}.balanza-responsive-layout .ant-col{width:100%!important;max-width:100%!important;flex:none!important}.balanza-left-panel{order:1;margin-bottom:16px}.balanza-right-panel{order:2}}@media (max-width: 1024px){.balanza-product-grid .ant-col{flex:0 0 50%!important;max-width:50%!important}.balanza-product-grid .product-card{height:240px!important;max-width:180px!important}.balanza-product-grid .product-card__image-container{height:100px!important}.balanza-product-grid .product-card__content{padding:8px!important}.balanza-product-grid .product-card__name{font-size:12px!important;min-height:30px!important;max-height:30px!important;-webkit-line-clamp:2!important;line-clamp:2!important}.balanza-product-grid .product-card__price{font-size:14px!important}}@media (max-width: 768px){.balanza-product-grid .ant-col{flex:0 0 50%!important;max-width:50%!important}.balanza-product-grid .product-card{height:220px!important;max-width:160px!important}.balanza-product-grid .product-card__image-container{height:90px!important}}.numeric-keypad-responsive{width:100%}@media (max-width: 768px){.numeric-keypad-responsive .ant-btn{height:40px!important;font-size:16px!important}}.order-creation-responsive{height:calc(100vh - 120px)}@media (max-width: 1024px){.order-creation-responsive .ant-row{flex-direction:column!important}.order-creation-responsive .order-left-panel{order:1;margin-bottom:16px}.order-creation-responsive .order-right-panel{order:2}}@media (pointer: coarse){.ant-btn{min-height:44px;padding:8px 16px}.ant-input{min-height:44px;font-size:16px}.ant-select-selector{min-height:44px!important}.product-card{min-height:120px}}@media (orientation: landscape) and (max-height: 1024px){.ant-layout-header{height:48px!important;line-height:48px!important}.responsive-content{padding:12px}.balanza-responsive-layout{height:calc(100vh - 60px)}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.ant-card{box-shadow:0 2px 8px rgba(0,0,0,.1)}.ant-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.ant-btn-sm{height:36px!important;padding:0 12px!important}.ant-btn{height:44px!important;padding:0 16px!important}.ant-btn-lg{height:52px!important;padding:0 20px!important;font-size:18px!important}}.show-mobile{display:block}.show-tablet,.show-desktop{display:none}@media (min-width: 768px){.show-mobile{display:none}.show-tablet{display:block}}@media (min-width: 1024px){.show-tablet{display:none}.show-desktop{display:block}}.flex-responsive{display:flex;flex-direction:column}@media (min-width: 768px){.flex-responsive{flex-direction:row}}.flex-responsive-reverse{display:flex;flex-direction:column-reverse}@media (min-width: 768px){.flex-responsive-reverse{flex-direction:row-reverse}}:root{--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-primary-active: #096dd9;--color-danger: #ff4d4f;--color-danger-hover: #ff7875;--color-success: #52c41a;--color-warning: #faad14;--color-text: #262626;--color-text-secondary: #8c8c8c;--color-border: #d9d9d9;--color-bg: #fff;--color-bg-secondary: #fafafa;--color-bg-layout: #f0f2f5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 2px 12px rgba(0, 0, 0, .1);--transition: .2s ease}.app-layout{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}.app-layout-inner{display:flex;flex:1;overflow:hidden}.app-sider{width:250px;min-width:250px;background:var(--color-bg);border-right:1px solid #f0f0f0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;transition:width var(--transition)}.app-sider--collapsed{width:80px;min-width:80px}.app-content{flex:1;overflow-y:auto;background:var(--color-bg-layout);padding:24px;height:calc(100vh - 64px)}.app-header{height:64px;background:var(--color-bg);border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0}.app-menu{list-style:none;margin:0;padding:8px 0;flex:1}.app-menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;color:var(--color-text);font-size:14px;border-radius:0;transition:background var(--transition);white-space:nowrap;overflow:hidden;text-decoration:none;border:none;background:none;width:100%;text-align:left}.app-menu-item:hover{background:#e6f7ff;color:var(--color-primary)}.app-menu-item--active{background:#e6f7ff;color:var(--color-primary);font-weight:600;border-right:3px solid var(--color-primary)}.app-menu-item-icon{font-size:16px;min-width:16px;display:flex;align-items:center}.app-menu-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition)}.card{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #f0f0f0;padding:20px 24px}.card--no-padding{padding:0}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition);white-space:nowrap;min-height:32px;line-height:1.4;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-default{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn-default:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-text{background:transparent;border-color:transparent;color:var(--color-text)}.btn-text:hover:not(:disabled){background:rgba(0,0,0,.04)}.btn-link{background:transparent;border-color:transparent;color:var(--color-primary);padding:0;min-height:auto;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-primary-hover)}.btn-danger-text{background:transparent;border-color:transparent;color:var(--color-danger)}.btn-danger-text:hover:not(:disabled){background:rgba(255,77,79,.06)}.btn-sm{padding:2px 10px;font-size:12px;min-height:24px}.btn-lg{padding:8px 24px;font-size:16px;min-height:40px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{pointer-events:none;opacity:.8}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;line-height:1.4}.tag-success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tag-warning{background:#fffbef;color:#d46b08;border:1px solid #ffd591}.tag-error{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.tag-default{background:#fafafa;color:#555;border:1px solid #d9d9d9}.tag-blue{background:#e6f7ff;color:#0958d9;border:1px solid #91caff}.spin-container{position:relative}.spin-overlay{display:flex;align-items:center;justify-content:center;padding:40px}.spin-icon{width:36px;height:36px;border:3px solid #f0f0f0;border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.flex-row{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column;gap:8px}.descriptions{border:1px solid #f0f0f0;border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px}.descriptions-title{padding:12px 16px;font-weight:600;font-size:14px;background:#fafafa;border-bottom:1px solid #f0f0f0}.descriptions-table{width:100%;border-collapse:collapse}.descriptions-table td{padding:10px 16px;border-bottom:1px solid #f5f5f5;font-size:14px;vertical-align:top}.descriptions-label{font-weight:600;color:var(--color-text-secondary);width:30%;background:#fafafa}.descriptions-value{color:var(--color-text)}.statistic{display:flex;flex-direction:column}.statistic-title{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.statistic-value{font-size:24px;font-weight:600;color:var(--color-text);line-height:1.2}.statistic-value-prefix{font-size:18px;margin-right:2px}.alert{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:8px}.alert-error{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322}.alert-warning{background:#fffbef;border:1px solid #ffd591;color:#d46b08}.alert-success{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.alert-info{background:#e6f7ff;border:1px solid #91caff;color:#0958d9}.divider{border:none;border-top:1px solid #f0f0f0;margin:16px 0}.form-item{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:6px}.form-label-required:before{content:"* ";color:var(--color-danger)}.form-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition),box-shadow var(--transition);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.form-input-error{border-color:var(--color-danger)}.form-error-text{color:var(--color-danger);font-size:12px;margin-top:4px}.form-textarea{resize:vertical;min-height:80px}.form-select{width:100%;padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);background:var(--color-bg);cursor:pointer;box-sizing:border-box;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238c8c8c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:999}.drawer{position:fixed;top:0;left:0;height:100vh;width:250px;background:var(--color-bg);z-index:1000;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto;box-shadow:2px 0 12px rgba(0,0,0,.15)}.drawer--open{transform:translate(0)}.collapse{border:1px solid #f0f0f0;border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:500;user-select:none}.collapse-panel-header:hover{background:#f0f2f5}.collapse-panel-body{padding:16px;background:var(--color-bg)}.badge{position:relative;display:inline-flex}.badge-count{position:absolute;top:-6px;right:-10px;background:var(--color-danger);color:#fff;border-radius:10px;font-size:11px;font-weight:600;padding:0 5px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch-track{position:relative;width:40px;height:22px;border-radius:11px;background:var(--color-border);transition:background var(--transition);cursor:pointer}.switch-track--checked{background:var(--color-primary)}.switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:left var(--transition)}.switch-track--checked .switch-thumb{left:calc(100% - 19px)}.switch-input{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--color-text-secondary);font-size:14px}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.35}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,.2);max-width:90vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #f0f0f0}.modal-title{font-weight:600;font-size:16px}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 24px;border-top:1px solid #f0f0f0}[title]{cursor:help}.row{display:flex;flex-wrap:wrap;margin:0 -8px}.col-6{flex:0 0 25%;max-width:25%;padding:0 8px}.col-8{flex:0 0 33.33%;max-width:33.33%;padding:0 8px}.col-12{flex:0 0 50%;max-width:50%;padding:0 8px}.col-24{flex:0 0 100%;max-width:100%;padding:0 8px}@media (max-width: 768px){.col-6,.col-8,.col-12{flex:0 0 100%;max-width:100%}}.product-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;cursor:pointer;height:130px;max-width:100%;margin:0 auto;transition:all .2s ease}.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.product-card__color-header{position:relative;width:100%;height:60px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px}.product-card__content{padding:8px;display:flex;flex-direction:column;flex-grow:1;gap:4px;min-height:0;background:#fff}.product-card__name{font-size:20px;font-weight:600;color:#fff;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.product-card__price{font-size:15px;font-weight:700;color:#059669;margin:0;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__category{font-size:10px;color:#9ca3af;text-transform:uppercase;font-weight:500;letter-spacing:.3px;margin:0;padding:2px 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.product-card{max-width:100%;height:140px}.product-card__color-header{height:70px}.product-card__content{padding:8px}.product-card__name{font-size:20px}.product-card__price{font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.product-card{max-width:140px;height:135px}.product-card__color-header{height:65px}.product-card__content{padding:8px}.product-card__name{font-size:17px}.product-card__price{font-size:13px}}@media (pointer: coarse){.product-card{box-shadow:0 3px 12px rgba(0,0,0,.12)}.product-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.15)}.product-card:active{box-shadow:0 3px 12px rgba(0,0,0,.12);transform:scale(.98)}}.product-card--compact{height:120px!important;max-width:130px!important}.product-card--compact .product-card__color-header{height:55px!important}.product-card--compact .product-card__content{padding:6px!important}.product-card--compact .product-card__name{font-size:10px!important}.product-card--compact .product-card__price{font-size:12px!important}.product-card:focus{outline:2px solid #3b82f6;outline-offset:2px}.product-card--disabled{opacity:.6;cursor:not-allowed}.product-card--disabled:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:none}.product-card--pressed{transform:scale(.95);filter:brightness(.9);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.product-form-container{width:100%;max-width:800px;margin:0 auto;padding:16px}@media (max-width: 576px){.product-form-container{padding:8px}.product-form-container .ant-form-item-label>label{font-size:14px;font-weight:600}.product-form-container .ant-input,.product-form-container .ant-input-number,.product-form-container .ant-select-selector{font-size:16px!important;min-height:44px}.product-form-container .ant-input-number-input{font-size:16px!important;height:44px!important}.product-form-container .ant-btn{min-height:44px;font-size:14px;padding:0 12px;width:100%;margin-bottom:8px}.product-form-container .ant-space-horizontal,.product-form-container .ant-space-item{width:100%!important}.product-form-container .ant-form-item{margin-bottom:16px}.product-form-actions{display:flex;flex-direction:column;gap:8px;width:100%}.product-form-actions .ant-btn{width:100%}}@media (min-width: 577px) and (max-width: 992px){.product-form-container{padding:20px;max-width:700px}.product-form-container .ant-form-item-label>label{font-size:15px;font-weight:600}.product-form-container .ant-input,.product-form-container .ant-input-number,.product-form-container .ant-select-selector{font-size:15px;min-height:42px}.product-form-container .ant-input-number-input{font-size:15px;height:42px}.product-form-container .ant-btn{min-height:42px;font-size:14px;padding:0 16px}.product-form-container .ant-form-item{margin-bottom:20px}.product-form-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.product-form-actions .ant-btn{flex:1;min-width:140px}}@media (min-width: 993px){.product-form-container{padding:24px;max-width:800px}.product-form-container .ant-form-item{margin-bottom:24px}.product-form-actions{display:flex;flex-wrap:wrap;gap:12px;width:auto}.product-form-actions .ant-btn{min-width:140px}}.product-form-container .ant-select-selection-item,.product-form-container .ant-select-selection-placeholder{display:flex;align-items:center}.product-form-container .ant-input-number-handler-wrap{opacity:1!important}.product-form-container textarea.ant-input{font-size:16px!important;line-height:1.5}.clone-button{background-color:#52c41a;border-color:#52c41a;color:#fff}.clone-button:hover,.clone-button:focus{background-color:#73d13d;border-color:#73d13d;color:#fff}@media (hover: none) and (pointer: coarse){.product-form-container .ant-btn{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.product-form-container .ant-input,.product-form-container .ant-input-number,.product-form-container .ant-select-selector,.product-form-container textarea.ant-input{-webkit-appearance:none;appearance:none;border-radius:8px}}.product-form-container .ant-form-item-required:before{color:#ff4d4f;font-size:16px}.product-form-container .ant-form-item-explain-error{font-size:13px;margin-top:4px}@media (max-width: 576px){.ant-popover-inner{max-width:calc(100vw - 32px)}}body:has(.product-list-container),html:has(.product-list-container){overflow:hidden;height:100vh;position:fixed;width:100%}.product-list-container{padding:16px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.product-list-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;flex-shrink:0}.product-list-title{font-size:24px;font-weight:700;margin:0;color:#1a1a1a}.product-list-actions{display:flex;gap:8px;justify-content:flex-start}.btn{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.6);transform:translateY(-2px)}.btn-primary:active{transform:scale(.98) translateY(0)}.btn-secondary{background:#fff;color:#667eea;border:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.btn-secondary:hover{background:#f8f9ff;border-color:#667eea}.btn-icon{width:20px;height:20px}.product-search-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);flex-shrink:0}.search-controls{display:flex;flex-direction:column;gap:12px}.search-row{display:flex;flex-direction:column;gap:8px}.search-input-wrapper{position:relative;flex:1}.search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .2s ease;-webkit-appearance:none;appearance:none}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-input::placeholder{color:#999}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-btn:hover{color:#667eea;background:rgba(102,126,234,.1)}.search-button-wrapper{display:flex;gap:8px}.btn-search,.btn-refresh{flex:1;justify-content:center}.view-sort-controls{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between}.view-toggle{display:flex;gap:4px;background:#f5f5f5;padding:4px;border-radius:8px;flex-shrink:0}.btn-view{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666;min-width:40px}.btn-view:hover{color:#667eea;background:rgba(102,126,234,.1)}.btn-view.active{background:#fff;color:#667eea;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sort-controls{display:flex;align-items:center;gap:4px;color:#666;flex:1;min-width:0}.sort-controls svg{flex-shrink:0}.sort-select{flex:1;min-width:80px;padding:8px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:all .2s ease}.sort-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.btn-sort-order{padding:8px 10px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;color:#667eea;transition:all .2s ease;min-width:36px;flex-shrink:0}.btn-sort-order:hover{background:#f8f9ff;border-color:#667eea}.product-container{margin-bottom:24px}.product-container.grid-view{display:grid;grid-template-columns:1fr;gap:16px}.product-container.list-view{display:flex;flex-direction:column;gap:12px}.product-list-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:all .2s ease}.product-list-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.product-list-item:active{transform:scale(.98)}.product-list-image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.product-list-image img{width:100%;height:100%;object-fit:cover}.product-list-info{flex:1;min-width:0}.product-list-name{font-size:16px;font-weight:600;margin:0 0 4px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-category{font-size:14px;color:#666;margin:0}.product-list-price{font-size:18px;font-weight:700;color:#667eea;flex-shrink:0}.responsive-product-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.error-container{background:#fff;border-radius:12px;padding:50px 24px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08)}.error-message{color:#ff4d4f;font-size:16px;margin-bottom:20px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;flex-shrink:0}.spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.search-results-info{margin-bottom:16px;padding:12px 16px;background:#f8f9ff;border-left:4px solid #667eea;border-radius:8px;flex-shrink:0}.search-results-info p{margin:0;color:#666;font-size:14px}.search-results-info strong{color:#667eea;font-weight:700}.products-scroll-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px;display:flex;flex-direction:column}.products-scroll-wrapper::-webkit-scrollbar{width:8px}.products-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.products-scroll-wrapper::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.products-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#5568d3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:20px;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:slideUp .3s ease;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:700;margin:0;color:#1a1a1a}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1}.modal-close:hover{color:#667eea;background:rgba(102,126,234,.1)}.modal-body{padding:24px;overflow-y:auto;flex:1}.empty-state{text-align:center;padding:60px 24px;color:#999}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;margin:0}@media (min-width: 768px){.product-list-container{padding:24px}.product-list-header{flex-direction:row;justify-content:space-between;align-items:center}.product-list-title{font-size:28px}.product-search-card{padding:20px}.search-controls{flex-direction:row;align-items:center;gap:16px}.search-row{flex-direction:row;flex:1;gap:12px}.view-sort-controls{flex-shrink:0;gap:12px}.sort-controls{min-width:200px;gap:8px}.sort-select{font-size:14px;padding:8px 12px;min-width:120px}.btn-sort-order{min-width:40px;padding:8px 12px;font-size:18px}.search-button-wrapper{flex:0 0 auto}.btn-search,.btn-refresh{flex:0 0 auto;min-width:120px}.product-container.grid-view,.responsive-product-grid{grid-template-columns:repeat(2,1fr);gap:20px}.product-list-image{width:80px;height:80px}.product-list-name{font-size:18px}}@media (min-width: 1024px){.product-list-container{padding:32px;max-width:1400px}.product-list-title{font-size:32px}.product-container.grid-view,.responsive-product-grid{grid-template-columns:repeat(3,1fr);gap:24px}.modal-overlay{padding:40px}}@media (min-width: 1400px){.product-container.grid-view,.responsive-product-grid{grid-template-columns:repeat(4,1fr)}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px;min-width:44px}.search-input{font-size:16px}}.page-size-selector{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-size-label{font-size:14px;color:#666;font-weight:500}.page-size-options{display:flex;gap:6px;flex-wrap:wrap}.page-size-option{min-width:44px;min-height:44px;padding:8px 12px;border:2px solid #d9d9d9;background-color:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#595959;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none}.page-size-option:hover{border-color:#1890ff;color:#1890ff;transform:translateY(-1px)}.page-size-option:active{transform:translateY(0)}.page-size-option.active{background-color:#1890ff;border-color:#1890ff;color:#fff;box-shadow:0 2px 8px rgba(24,144,255,.3)}.page-size-option.active:hover{background-color:#40a9ff;border-color:#40a9ff}@media (max-width: 768px){.page-size-selector{width:100%;justify-content:flex-start}.page-size-options{flex:1}.page-size-option{flex:1;min-width:50px}}@media (max-width: 480px){.page-size-label{font-size:13px}.page-size-option{font-size:13px;padding:6px 10px;min-height:40px}}._overlay_f2e48_3{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}._modal_f2e48_33{background:#fff;border-radius:12px;box-shadow:0 24px 48px rgba(0,0,0,.15);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;outline:none;animation:_modalFadeIn_f2e48_1 .2s ease-out}._modal--centered_f2e48_61{margin:auto}@keyframes _modalFadeIn_f2e48_1{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}._header_f2e48_93{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa;border-radius:12px 12px 0 0}._title_f2e48_113{margin:0;font-size:16px;font-weight:600;color:#333;line-height:1.4}._closeButton_f2e48_129{background:none;border:none;font-size:20px;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;line-height:1;padding:0}._closeButton_f2e48_129:hover{background:#f5f5f5;color:#333}._closeButton_f2e48_129:focus{outline:2px solid #1890ff;outline-offset:2px}._content_f2e48_185{padding:20px;overflow-y:auto;flex:1}@media (max-width: 768px){._overlay_f2e48_3{padding:40px 8px 8px;align-items:flex-start}._modal_f2e48_33{width:100%!important;max-width:none;max-height:calc(100vh - 48px);border-radius:16px 16px 0 0;margin-top:auto}._header_f2e48_93{padding:14px 16px}._title_f2e48_113{font-size:18px}._closeButton_f2e48_129{width:40px;height:40px;font-size:24px}._content_f2e48_185{padding:16px}}@media (max-width: 480px){._overlay_f2e48_3{padding:20px 0 0}._modal_f2e48_33{border-radius:12px 12px 0 0;min-height:calc(100vh - 20px)}._header_f2e48_93{padding:12px 16px}._content_f2e48_185{padding:12px 16px 16px}}@media (prefers-color-scheme: dark){._overlay_f2e48_3{background:rgba(0,0,0,.65)}._modal_f2e48_33{background:#262626;box-shadow:0 24px 48px rgba(0,0,0,.4)}._header_f2e48_93{background:#1f1f1f;border-bottom-color:#434343}._title_f2e48_113{color:#fff}._closeButton_f2e48_129{color:#999}._closeButton_f2e48_129:hover{background:#363636;color:#fff}}@media (prefers-contrast: high){._modal_f2e48_33{border:2px solid #000}._header_f2e48_93{border-bottom-color:#000}._closeButton_f2e48_129{border:1px solid #999}._closeButton_f2e48_129:focus{outline:3px solid #0050b3}}@media (prefers-reduced-motion: reduce){._modal_f2e48_33{animation:none}._closeButton_f2e48_129{transition:none}}._button_3wl4r_3{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:8px;font-family:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;white-space:nowrap;user-select:none;outline:none}._button_3wl4r_3:focus{outline:2px solid #1890ff;outline-offset:2px}._button--primary_3wl4r_53{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-color:#1890ff}._button--primary_3wl4r_53:hover:not(._button--disabled_3wl4r_65){background:linear-gradient(135deg,#096dd9,#0050b3);border-color:#096dd9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,144,255,.4)}._button--secondary_3wl4r_79{background:#fff;color:#333;border-color:#d9d9d9}._button--secondary_3wl4r_79:hover:not(._button--disabled_3wl4r_65){background:#f5f5f5;border-color:#1890ff;color:#1890ff}._button--danger_3wl4r_103{background:linear-gradient(135deg,#ff4d4f,#cf1322);color:#fff;border-color:#ff4d4f}._button--danger_3wl4r_103:hover:not(._button--disabled_3wl4r_65){background:linear-gradient(135deg,#cf1322,#a8071a);border-color:#cf1322;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,77,79,.4)}._button--ghost_3wl4r_129{background:transparent;color:#1890ff;border-color:#1890ff}._button--ghost_3wl4r_129:hover:not(._button--disabled_3wl4r_65){background:rgba(24,144,255,.1);border-color:#096dd9;color:#096dd9}._button--small_3wl4r_155{height:32px;padding:0 12px;font-size:14px;gap:4px}._button--medium_3wl4r_169{height:40px;padding:0 16px;font-size:15px;gap:6px}._button--large_3wl4r_183{height:48px;padding:0 20px;font-size:16px;gap:8px}@media (max-width: 768px){._button--small_3wl4r_155{height:36px;padding:0 14px}._button--medium_3wl4r_169{height:44px;padding:0 18px}._button--large_3wl4r_183{height:52px;padding:0 24px;font-size:17px}}._button--disabled_3wl4r_65{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}._button--loading_3wl4r_251{cursor:wait;pointer-events:none}._icon_3wl4r_263{display:flex;align-items:center;justify-content:center;flex-shrink:0}._text_3wl4r_277{display:flex;align-items:center}._spinner_3wl4r_289{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:_spin_3wl4r_289 1s linear infinite}@keyframes _spin_3wl4r_289{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._button_3wl4r_3:active:not(._button--disabled_3wl4r_65){transform:translateY(0)}._button--full-width_3wl4r_337{width:100%}@media (prefers-contrast: high){._button_3wl4r_3{border-width:2px}._button--primary_3wl4r_53{background:#0050b3;border-color:#fff}._button--secondary_3wl4r_79{border-color:#000;color:#000}}@media (prefers-color-scheme: dark){._button--secondary_3wl4r_79{background:#262626;color:#fff;border-color:#434343}._button--secondary_3wl4r_79:hover:not(._button--disabled_3wl4r_65){background:#363636;border-color:#1890ff}}@media (prefers-reduced-motion: reduce){._button_3wl4r_3{transition:none}._spinner_3wl4r_289{animation:none}}._container_4fpph_3{display:flex;flex-direction:column;gap:4px}._container--full-width_4fpph_15{width:100%}._label_4fpph_25{font-size:14px;font-weight:500;color:#333;margin:0;line-height:1.4}._inputWrapper_4fpph_43{position:relative;display:flex;align-items:center}._input_4fpph_43{width:100%;border:2px solid #d9d9d9;border-radius:8px;font-family:inherit;font-size:15px;line-height:1.4;color:#333;background:#fff;transition:all .2s ease;outline:none}._input_4fpph_43:focus{border-color:#1890ff;box-shadow:0 0 0 3px rgba(24,144,255,.1)}._input_4fpph_43:hover:not(._input--disabled_4fpph_93){border-color:#1890ff}._input_4fpph_43::placeholder{color:#999;opacity:1}._input--small_4fpph_113{height:32px;padding:0 12px;font-size:14px}._input--medium_4fpph_125{height:40px;padding:0 16px;font-size:15px}._input--large_4fpph_137{height:48px;padding:0 20px;font-size:16px}@media (max-width: 768px){._input--small_4fpph_113{height:36px;padding:0 14px}._input--medium_4fpph_125{height:44px;padding:0 18px}._input--large_4fpph_137{height:52px;padding:0 24px;font-size:17px}}._input--disabled_4fpph_93{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#d9d9d9}._input--disabled_4fpph_93::placeholder{color:#ccc}._input--error_4fpph_211{border-color:#ff4d4f}._input--error_4fpph_211:focus{border-color:#ff4d4f;box-shadow:0 0 0 3px rgba(255,77,79,.1)}._input--with-prefix_4fpph_231{padding-left:40px}._input--with-suffix_4fpph_239{padding-right:40px}._prefix_4fpph_247,._suffix_4fpph_249{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;pointer-events:none;z-index:1}._prefix_4fpph_247{left:12px}._suffix_4fpph_249{right:12px}._input--full-width_4fpph_293{width:100%}._helpText_4fpph_303{font-size:12px;color:#666;line-height:1.4;margin:0}._errorText_4fpph_319{font-size:12px;color:#ff4d4f;line-height:1.4;margin:0;font-weight:500}@media (prefers-color-scheme: dark){._label_4fpph_25{color:#fff}._input_4fpph_43{background:#262626;color:#fff;border-color:#434343}._input_4fpph_43:focus{border-color:#1890ff;box-shadow:0 0 0 3px rgba(24,144,255,.2)}._input--disabled_4fpph_93{background:#1f1f1f;color:#666;border-color:#434343}._helpText_4fpph_303,._prefix_4fpph_247,._suffix_4fpph_249{color:#999}}@media (prefers-contrast: high){._input_4fpph_43{border-width:2px;border-color:#000}._input_4fpph_43:focus{border-color:#0050b3;box-shadow:0 0 0 3px rgba(0,80,179,.3)}._input--error_4fpph_211{border-color:#a8071a}._errorText_4fpph_319{color:#a8071a}}@media (prefers-reduced-motion: reduce){._input_4fpph_43{transition:none}}._title_1b0t0_3{margin:0;font-family:inherit;font-weight:600;line-height:1.2;color:#333}._title--level-1_1b0t0_19{font-size:32px;font-weight:700}._title--level-2_1b0t0_29{font-size:24px;font-weight:600}._title--level-3_1b0t0_39{font-size:20px;font-weight:600}._title--level-4_1b0t0_49{font-size:16px;font-weight:600}._title--level-5_1b0t0_59{font-size:14px;font-weight:600}@media (max-width: 768px){._title--level-1_1b0t0_19{font-size:28px}._title--level-2_1b0t0_29{font-size:22px}._title--level-3_1b0t0_39{font-size:18px}}._text_1b0t0_101{margin:0;font-family:inherit;line-height:1.5;color:#333}._text--small_1b0t0_117{font-size:12px}._text--medium_1b0t0_125{font-size:14px}._text--large_1b0t0_133{font-size:16px}._text--normal_1b0t0_143{font-weight:400}._text--medium_1b0t0_125{font-weight:500}._text--semibold_1b0t0_159{font-weight:600}._text--bold_1b0t0_167{font-weight:700}._text--italic_1b0t0_177{font-style:italic}._text--underline_1b0t0_185{text-decoration:underline}._text--code_1b0t0_193{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f5f5f5;padding:2px 4px;border-radius:4px;font-size:.9em}._text--mark_1b0t0_209{background:#fff3cd;padding:2px 4px;border-radius:4px}._title--primary_1b0t0_223{color:#1890ff}._title--secondary_1b0t0_231{color:#666}._title--danger_1b0t0_239{color:#ff4d4f}._title--warning_1b0t0_247{color:#faad14}._title--success_1b0t0_255{color:#52c41a}._text--primary_1b0t0_265{color:#1890ff}._text--secondary_1b0t0_273{color:#666}._text--danger_1b0t0_281{color:#ff4d4f}._text--warning_1b0t0_289{color:#faad14}._text--success_1b0t0_297{color:#52c41a}._text--muted_1b0t0_305{color:#999}@media (prefers-color-scheme: dark){._title_1b0t0_3,._text_1b0t0_101{color:#fff}._title--secondary_1b0t0_231,._text--secondary_1b0t0_273{color:#999}._text--muted_1b0t0_305{color:#666}._text--code_1b0t0_193{background:#363636;color:#fff}._text--mark_1b0t0_209{background:#4a4a00;color:#fff}}@media (prefers-contrast: high){._title--primary_1b0t0_223,._text--primary_1b0t0_265{color:#0050b3}._title--danger_1b0t0_239,._text--danger_1b0t0_281{color:#a8071a}._title--warning_1b0t0_247,._text--warning_1b0t0_289{color:#d48806}._title--success_1b0t0_255,._text--success_1b0t0_297{color:#389e0d}}.dt-wrapper{position:relative;width:100%}.dt-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.dt-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top-color:#1890ff;border-radius:50%;animation:dt-spin .7s linear infinite}@keyframes dt-spin{to{transform:rotate(360deg)}}.dt-scroll-container{width:100%}.dt-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.dt-table thead tr{background:#fafafa;border-bottom:2px solid #f0f0f0}.dt-table th{padding:12px 16px;font-weight:600;color:#333;white-space:nowrap;border-bottom:1px solid #f0f0f0;position:relative}.dt-th-sortable{cursor:pointer;user-select:none}.dt-th-sortable:hover{background:#f5f5f5}.dt-table td{padding:12px 16px;border-bottom:1px solid #f5f5f5;color:#444;vertical-align:middle}.dt-row:hover td{background:#fafafa}.dt-empty{text-align:center;padding:40px;color:#999;font-size:14px}.dt-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fff}.dt-pagination-total{color:#555;font-size:13px}.dt-pagination-controls{display:flex;align-items:center;gap:4px}.dt-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:13px;color:#555;transition:all .2s}.dt-page-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.dt-page-btn--active{background:#1890ff;color:#fff;border-color:#1890ff}.dt-page-btn:disabled{opacity:.4;cursor:not-allowed}.dt-page-size-select{height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:13px;cursor:pointer;margin-right:8px}.dt-filter-select{margin-left:6px;font-size:12px;border:1px solid #d9d9d9;border-radius:4px;padding:2px 4px;background:#fff;cursor:pointer;max-width:100px}.dt-fixed-right{position:sticky;right:0;background:#fff}.dt-fixed-left{position:sticky;left:0;background:#fff}.compact-table .ant-table-tbody>tr>td{padding:8px 16px!important}.compact-table .ant-table-thead>tr>th{padding:10px 16px!important}.compact-table .ant-table{font-size:14px}.compact-table .ant-table-tbody>tr{height:48px}.compact-table .ant-table-tbody>tr:hover{background-color:#f5f5f5}@media (max-width: 768px){.compact-table .ant-table-tbody>tr>td{padding:6px 12px!important;font-size:13px}.compact-table .ant-table-thead>tr>th{padding:8px 12px!important;font-size:13px}.compact-table .ant-table-tbody>tr{height:42px}.compact-table .ant-btn-sm{padding:2px 8px;font-size:12px;height:28px}.compact-table .ant-tag{font-size:11px!important;padding:2px 8px!important}}@media (max-width: 480px){.compact-table .ant-table-tbody>tr>td{padding:4px 8px!important;font-size:12px}.compact-table .ant-table-thead>tr>th{padding:6px 8px!important;font-size:12px}.compact-table .ant-table-tbody>tr{height:40px}.responsive-button-group{flex-direction:column;gap:12px;align-items:flex-start!important}.responsive-button-group .ant-space{width:100%}.responsive-button-group .ant-space-item{flex:1}.responsive-button-group .ant-btn{width:100%}}.ant-pagination{margin-top:16px}@media (max-width: 768px){.ant-pagination{display:flex;justify-content:center;flex-wrap:wrap}.ant-pagination-simple .ant-pagination-simple-pager{margin:0 8px}.ant-pagination-simple .ant-pagination-simple-pager input{width:50px;padding:4px 8px}}.reports-page-container{min-height:100vh;display:flex;flex-direction:column;padding:8px;box-sizing:border-box;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-y:visible}.reports-header-card{background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 1px 2px rgba(0,0,0,.03);margin-bottom:8px;flex:0 0 auto}.header-top{display:flex;flex-direction:column;gap:8px}.page-title{margin:0;font-size:16px;font-weight:600;color:#262626;display:flex;align-items:center;gap:8px}.header-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.custom-date-range{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:2px 6px;height:24px}.custom-date-input{border:none;outline:none;font-size:11px;padding:0;width:90px;color:#262626;cursor:pointer;font-family:inherit}.date-separator{color:#8c8c8c;font-size:11px;user-select:none}.custom-dropdown{position:relative;display:inline-block}.dropdown-trigger{border:1px solid #d9d9d9;background:#fff;color:#262626;padding:0 8px;font-size:11px;cursor:pointer;border-radius:4px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:6px;transition:all .2s;min-width:120px;height:26px}.dropdown-trigger:hover{border-color:#1890ff;color:#1890ff}.dropdown-arrow{font-size:9px}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:140px;z-index:10000;padding:4px 0;max-height:300px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:11px;color:#262626;transition:background .2s;margin:0}.dropdown-item:hover{background:#f5f5f5}.custom-button-group{display:inline-flex;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;flex-shrink:0}.custom-btn{border:none;background:#fff;color:#262626;padding:0 10px;font-size:11px;cursor:pointer;transition:all .2s;border-right:1px solid #d9d9d9;font-weight:500;display:flex;align-items:center;justify-content:center;white-space:nowrap}.custom-btn:last-child{border-right:none}.custom-btn:hover{background:#f5f5f5;color:#1890ff}.custom-btn.active{background:#1890ff;color:#fff}.refresh-btn{background:#1890ff;color:#fff;border:none;border-radius:4px;padding:0 12px;height:26px;font-size:11px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;font-weight:500}.refresh-btn:hover{background:#40a9ff}.refresh-btn:disabled{background:#d9d9d9;cursor:not-allowed}.export-btn{background:#52c41a;color:#fff;border:none;border-radius:4px;padding:0 12px;height:26px;font-size:11px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;font-weight:500;gap:4px}.export-btn:hover{background:#73d13d}.export-btn:disabled{background:#d9d9d9;cursor:not-allowed}.stats-container{display:flex;gap:8px;margin-bottom:8px;flex:0 0 auto}.stat-card{flex:1;background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;flex-direction:column;justify-content:center}.stat-title{font-size:11px;color:#8c8c8c;margin-bottom:4px}.stat-value{font-size:16px;font-weight:600;color:#262626;display:flex;align-items:center;gap:4px}.stat-icon{font-size:14px}.table-container-card{flex:1;min-height:220px;background:#fff;border-radius:8px;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.03);overflow:hidden;display:flex;flex-direction:column;position:relative;margin-bottom:8px}.table-scroll-wrapper{flex:1;overflow:auto;width:100%;-webkit-overflow-scrolling:touch}.custom-excel-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;min-width:max-content}.custom-excel-table th,.custom-excel-table td{padding:4px 8px;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;white-space:nowrap}.custom-excel-table th{background:#fafafa;font-weight:600;color:#262626;position:sticky;top:0;z-index:10;text-align:right;height:32px;box-sizing:border-box}.custom-excel-table td{text-align:right;color:#262626}.sticky-col-header{position:sticky;left:0;z-index:20!important;background:#fafafa;text-align:left!important;border-right:2px solid #f0f0f0;min-width:120px;max-width:200px}.sticky-col-cell{position:sticky;left:0;z-index:5;background:#fff;text-align:left!important;border-right:2px solid #f0f0f0;font-weight:500;min-width:120px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.total-row td{background:#fafafa;font-weight:700;border-bottom:2px solid #1890ff;color:#262626;font-size:12px;position:sticky;top:32px;z-index:9}.total-row .sticky-col-cell{background:#fafafa;color:#1890ff;z-index:15;font-size:13px}.custom-excel-table tbody tr:hover td,.custom-excel-table tbody tr:hover .sticky-col-cell{background:#e6f7ff}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:100;font-size:14px;color:#1890ff;font-weight:500}.error-alert{background:#fff2f0;border:1px solid #ffccc7;padding:8px 12px;border-radius:4px;color:#ff4d4f;font-size:12px;margin-bottom:8px}@media (min-width: 769px){.header-top{flex-direction:row;align-items:center;justify-content:space-between}}@media (max-width: 1024px){.reports-page-container{padding:6px}.header-controls{flex-wrap:wrap;gap:6px}.dropdown-trigger{min-width:100px;font-size:11px}.stats-container{flex-wrap:wrap;gap:6px}.stat-card{flex:1 1 calc(50% - 6px);min-width:120px}.daily-orders-card{max-height:300px}.debtors-card{max-height:260px}}@media (max-width: 768px){.reports-page-container{padding:6px 4px}.reports-header-card{padding:8px}.header-top{flex-direction:column;gap:8px}.page-title{font-size:14px}.header-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;align-items:stretch}.custom-date-range{grid-column:1 / -1;width:100%;height:32px;box-sizing:border-box;justify-content:space-between}.custom-date-input{width:44%;font-size:12px}.custom-dropdown{width:100%}.dropdown-trigger{width:100%;min-width:unset;height:32px;font-size:11px;padding:0 6px;box-sizing:border-box}.custom-button-group{width:100%;height:32px;display:flex}.custom-btn{flex:1;height:32px;padding:0 4px;font-size:11px}.refresh-btn,.export-btn{width:100%;height:32px;font-size:11px;padding:0 6px;box-sizing:border-box}.stats-container{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.stat-card-total{grid-column:1 / -1}.stat-card{flex:unset;padding:8px 10px}.stat-title{font-size:10px}.stat-value{font-size:14px}.stat-value-highlight{font-size:16px!important}.custom-excel-table{font-size:10px}.custom-excel-table th,.custom-excel-table td{padding:4px 6px}.daily-orders-table th,.daily-orders-table td{padding:5px 8px;font-size:11px}.daily-orders-card{max-height:280px;margin-bottom:6px}.debtors-card{max-height:240px}.reports-tab{flex:1;justify-content:center;font-size:12px;padding:0 8px}.dropdown-menu{min-width:140px;font-size:12px}}@media (max-width: 480px){.reports-page-container{padding:4px}.reports-header-card{padding:6px;margin-bottom:6px;border-radius:6px}.page-title{font-size:13px}.reports-tabs{gap:4px;margin-bottom:6px}.reports-tab{height:34px;font-size:11px;gap:4px}.header-controls{grid-template-columns:repeat(2,1fr);gap:4px}.custom-date-range{height:34px;padding:2px 8px}.custom-date-input{font-size:11px;width:44%}.dropdown-trigger{height:34px;font-size:10px;padding:0 5px}.custom-button-group{height:34px}.custom-btn{height:34px;padding:0 4px;font-size:10px}.refresh-btn,.export-btn{height:34px;font-size:10px}.stats-container{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px}.stat-card{padding:6px 8px;border-radius:6px}.stat-title{font-size:9px;margin-bottom:2px}.stat-value{font-size:13px}.stat-icon{font-size:12px}.stat-value-highlight{font-size:14px!important}.custom-excel-table{font-size:9px}.custom-excel-table th,.custom-excel-table td{padding:3px 5px}.sticky-col-header,.sticky-col-cell{min-width:90px;max-width:130px;font-size:9px}.daily-orders-table th,.daily-orders-table td{padding:4px 6px;font-size:10px}.col-id{width:50px}.col-time{width:60px}.status-badge,.pay-type-badge{padding:1px 5px;font-size:9px}.daily-orders-card{max-height:250px;margin-bottom:4px}.debtors-card{max-height:220px}.daily-section-title{font-size:11px;padding:6px 8px 5px}.daily-badge{font-size:9px;padding:1px 6px}.orders-total-row td{font-size:10px;padding:5px 8px}.orders-total-row .col-amount{font-size:11px}.table-container-card{border-radius:6px}}@media (max-width: 360px){.header-controls{grid-template-columns:1fr 1fr}.dropdown-trigger{font-size:9px;height:30px;padding:0 4px}.custom-btn,.refresh-btn,.export-btn{font-size:9px;height:30px}.stats-container{grid-template-columns:1fr}.stat-card-total{grid-column:1}.custom-date-range{height:30px}.custom-date-input{font-size:10px;width:44%}}.reports-tabs{display:flex;gap:4px;margin-bottom:8px;flex:0 0 auto}.reports-tab{border:1px solid #d9d9d9;background:#fff;color:#595959;padding:0 16px;height:32px;font-size:12px;cursor:pointer;border-radius:6px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.reports-tab:hover{border-color:#1890ff;color:#1890ff}.reports-tab.active{background:#1890ff;border-color:#1890ff;color:#fff}.daily-orders-card{flex:0 0 auto!important;max-height:340px;min-height:180px;margin-bottom:8px}.debtors-card{max-height:280px;min-height:160px}.daily-section-title{font-size:12px;font-weight:600;color:#262626;padding:8px 12px 6px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px;flex:0 0 auto}.daily-badge{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:500}.debtor-badge{background:#f6ffed;color:#52c41a;border-color:#b7eb8f}.daily-empty{padding:24px;text-align:center;color:#8c8c8c;font-size:12px}.daily-orders-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.daily-orders-table th,.daily-orders-table td{padding:5px 10px;border-bottom:1px solid #f0f0f0;white-space:nowrap}.daily-orders-table th{background:#fafafa;font-weight:600;color:#595959;position:sticky;top:0;z-index:10;text-align:left}.daily-orders-table tbody tr:hover td{background:#e6f7ff}.col-id{color:#8c8c8c;width:70px}.col-time{color:#595959;width:80px}.col-amount{text-align:right!important;font-weight:600;color:#262626}.col-running{text-align:right!important;color:#1890ff;font-weight:700;background:#f0f7ff!important}.daily-orders-table th.col-running{background:#e6f4ff!important;color:#1890ff}.status-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:500}.status-paid{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-pending{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.status-cancelled{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.status-refunded{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.pay-type-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:500;background:#f5f5f5;color:#595959;border:1px solid #e8e8e8}.orders-total-row td{background:#fafafa;border-top:2px solid #1890ff;color:#262626;font-size:12px;padding:6px 10px}.orders-total-row .col-amount{color:#1890ff;font-size:13px}.stat-card-total{border:1px solid #91d5ff;background:linear-gradient(135deg,#e6f7ff,#f0f9ff)}.stat-value-highlight{color:#1890ff!important;font-size:18px!important}.debtor-amount{color:#52c41a!important}.whatsapp-overlay{position:absolute;top:0;left:0;width:100%;height:calc(100% - 5px);display:flex;flex-direction:column;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;overflow:hidden;background:#111b21}body.wa-no-scroll,html:has(body.wa-no-scroll){overflow:hidden!important;height:100%!important;touch-action:none;overscroll-behavior:none}.wa-app-wrapper{flex:1;display:flex;align-items:stretch;justify-content:center;padding:0;min-height:0}.wa-app-container{width:100%;height:100%;display:flex;overflow:hidden;position:relative}body.wa-no-scroll{overflow:hidden!important;height:100%!important;width:100%!important;position:fixed}.whatsapp-close-btn-float{position:absolute;top:8px;right:8px;z-index:10;background:rgba(0,0,0,.25);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background .2s;line-height:1}.whatsapp-close-btn-float:hover{background:rgba(0,0,0,.45)}.whatsapp-sidebar{width:30%;min-width:340px;max-width:420px;display:flex;flex-direction:column;background:#fff;height:100%;flex-shrink:0;border-right:1px solid #e9edef;position:relative;z-index:2}.whatsapp-sidebar-header{height:59px;padding:10px 16px;background:#f0f2f5;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.whatsapp-sidebar-header-avatar{width:40px;height:40px;border-radius:50%;background:#dfe5e7;display:flex;align-items:center;justify-content:center;color:#cfd4d6;font-size:22px;flex-shrink:0}.whatsapp-sidebar-actions{display:flex;align-items:center;gap:4px}.wa-icon-btn{background:none;border:none;color:#54656f;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s}.wa-icon-btn:hover{background:#e9edef}.whatsapp-search-box{padding:7px 12px;background:#f0f2f5;flex-shrink:0}.whatsapp-search-input-wrapper{display:flex;align-items:center;background:#fff;border-radius:8px;padding:0 12px;height:35px;gap:12px}.whatsapp-search-input-wrapper .search-icon{color:#54656f;font-size:14px;flex-shrink:0}.whatsapp-search-input{flex:1;border:none;outline:none;font-size:13px;color:#111b21;background:transparent}.whatsapp-search-input::placeholder{color:#8696a0}.whatsapp-chat-list{flex:1;overflow-y:auto;overflow-x:hidden}.whatsapp-chat-list::-webkit-scrollbar,.whatsapp-messages-area::-webkit-scrollbar{width:6px}.whatsapp-chat-list::-webkit-scrollbar-track,.whatsapp-messages-area::-webkit-scrollbar-track{background:transparent}.whatsapp-chat-list::-webkit-scrollbar-thumb,.whatsapp-messages-area::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.whatsapp-chat-item{display:flex;align-items:center;padding:0 15px;cursor:pointer;height:72px;transition:background .15s;position:relative}.whatsapp-chat-item:after{content:"";position:absolute;bottom:0;left:78px;right:15px;height:1px;background:#e9edef}.whatsapp-chat-item:hover{background-color:#f5f6f6}.whatsapp-chat-item.active{background-color:#f0f2f5}.whatsapp-avatar{width:49px;height:49px;border-radius:50%;background-color:#dfe5e7;display:flex;align-items:center;justify-content:center;margin-right:13px;color:#cfd4d6;font-size:26px;flex-shrink:0;overflow:hidden}.whatsapp-avatar img{width:100%;height:100%;object-fit:cover}.whatsapp-avatar-sm{width:40px;height:40px;font-size:20px;margin-right:0}.whatsapp-chat-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:13px 0;height:100%}.whatsapp-chat-name-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.whatsapp-chat-name{font-size:16px;font-weight:400;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.whatsapp-chat-time{font-size:12px;color:#667781;flex-shrink:0;margin-left:6px}.whatsapp-chat-time.unread{color:#25d366}.whatsapp-chat-preview-row{display:flex;justify-content:space-between;align-items:center}.whatsapp-chat-preview{font-size:13px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.whatsapp-unread-badge{background-color:#25d366;color:#fff;font-size:11px;font-weight:500;min-width:20px;height:20px;padding:0 6px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.whatsapp-main{flex:1;display:flex;flex-direction:column;position:relative;height:100%;min-width:0;background-color:#efe7dd}.whatsapp-main-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;opacity:.4;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;z-index:0}.whatsapp-main>*{position:relative;z-index:1}.whatsapp-main-header{height:59px;padding:0 16px;background-color:#f0f2f5;border-bottom:1px solid #e9edef;display:flex;align-items:center;gap:13px;flex-shrink:0}.whatsapp-main-header-info{flex:1;min-width:0}.whatsapp-main-header-name{font-size:16px;font-weight:400;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsapp-main-header-status{font-size:13px;color:#667781}.whatsapp-messages-area{flex:1;padding:30px 63px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;background-color:#efeae2}.wa-date-separator{align-self:center;background:#fff;color:#54656f;font-size:12.5px;padding:5px 12px;border-radius:8px;box-shadow:0 1px .5px rgba(0,0,0,.13);margin:10px 0;user-select:none}.whatsapp-message{max-width:65%;padding:6px 7px 8px 9px;border-radius:7.5px;font-size:14.2px;line-height:19px;position:relative;box-shadow:0 1px .5px rgba(11,20,26,.13);word-wrap:break-word;overflow-wrap:break-word}.whatsapp-message.sent{align-self:flex-end;background-color:#d9fdd3;border-top-right-radius:0;margin-right:0}.whatsapp-message.sent:before{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-left:8px solid #d9fdd3;border-top:0px solid transparent;border-bottom:13px solid transparent}.whatsapp-message.received{align-self:flex-start;background-color:#fff;border-top-left-radius:0;margin-left:0}.whatsapp-message.received:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-right:8px solid #fff;border-top:0px solid transparent;border-bottom:13px solid transparent}.whatsapp-message-body{display:inline}.whatsapp-message-meta{float:right;display:flex;align-items:center;gap:3px;margin:3px 0 -5px 12px}.whatsapp-message-time{font-size:11px;color:#667781;white-space:nowrap}.whatsapp-input-area{padding:5px 10px;background-color:#f0f2f5;display:flex;align-items:flex-end;gap:8px;flex-shrink:0;min-height:62px}.wa-input-icons{display:flex;align-items:center;gap:2px;padding-bottom:8px}.whatsapp-input-wrapper{flex:1;display:flex;align-items:center;background:#fff;border-radius:8px;padding:9px 12px;min-height:42px}.whatsapp-input{flex:1;border:none;outline:none;font-size:15px;line-height:20px;color:#111b21;background:transparent;resize:none}.whatsapp-input::placeholder{color:#8696a0}.whatsapp-send-btn{background:none;color:#54656f;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;margin-bottom:2px;transition:color .15s}.whatsapp-send-btn:hover{color:#00a884}.whatsapp-send-btn:disabled{color:#b3b3b3;cursor:default}.wa-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f2f5;text-align:center;padding:40px;border-bottom:6px solid #25d366}.wa-empty-state-icon{width:330px;max-width:80%;margin-bottom:28px;opacity:.55}.wa-empty-state h2{font-weight:300;font-size:32px;color:#41525d;margin:0 0 14px}.wa-empty-state p{font-size:14px;color:#667781;max-width:500px;line-height:20px}.whatsapp-qr-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:40px;text-align:center}.whatsapp-qr-container h3{font-size:20px;font-weight:300;color:#41525d;margin:0 0 28px}.whatsapp-qr-image{width:264px;height:264px;border:0;border-radius:4px}.whatsapp-qr-container .qr-instructions{margin-top:30px;text-align:left;max-width:400px}.whatsapp-qr-container .qr-instructions p{color:#667781;font-size:14px;line-height:20px;margin:0 0 10px}.whatsapp-qr-container .qr-instructions ol{color:#667781;font-size:14px;line-height:26px;padding-left:18px}.spinner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;z-index:5}.spinner{border:3px solid #e9edef;border-top:3px solid #00a884;border-radius:50%;width:36px;height:36px;animation:wa-spin .8s linear infinite}@keyframes wa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.wa-app-container{border-radius:0}.whatsapp-sidebar{min-width:260px;width:260px}.whatsapp-messages-area{padding:20px 16px 12px}}@media (max-width: 600px){.whatsapp-sidebar{min-width:200px;width:200px}.whatsapp-messages-area{padding:12px 8px}.whatsapp-message{max-width:85%}}.shared-spinner{border-radius:50%;display:block;box-sizing:border-box;will-change:transform;transform-origin:center;-webkit-animation:spinnerRotate .6s linear infinite;animation:spinnerRotate .6s linear infinite}.shared-spinner--sm{width:14px;height:14px;border-width:2px;border-style:solid}.shared-spinner--md{width:24px;height:24px;border-width:3px;border-style:solid}.shared-spinner--lg{width:48px;height:48px;border-width:4px;border-style:solid}.shared-spinner--white{border-color:rgba(255,255,255,.3);border-top-color:#fff}.shared-spinner--blue{border-color:rgba(24,144,255,.2);border-top-color:#1890ff}.shared-spinner--blue-light{border-color:#e3f2fd;border-right-color:#40a9ff}@-webkit-keyframes spinnerRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000;padding:16px;backdrop-filter:blur(4px)}.payment-modal{background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-out;display:flex;flex-direction:column}.payment-status-pending{border-top:4px solid #1890ff}.payment-status-success{border-top:4px solid #52c41a}.payment-status-error{border-top:4px solid #ff4d4f}.payment-modal-header{display:flex;justify-content:center;align-items:center;padding:32px 24px 16px}.payment-status-icon{width:72px;height:72px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:700;animation:iconPulse 2s ease-in-out infinite}.payment-status-icon-success{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;box-shadow:0 4px 16px rgba(82,196,26,.3)}.payment-status-icon-error{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;box-shadow:0 4px 16px rgba(255,77,79,.3)}.payment-status-icon-loading{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;box-shadow:0 4px 16px rgba(24,144,255,.3);position:relative}.large-loading-spinner{width:48px;height:48px;border:4px solid #e3f2fd;border-right:4px solid #40a9ff;border-radius:50%;animation:spinFast .6s linear infinite;display:block;box-sizing:border-box;will-change:transform;transform-origin:center;margin:0 auto}.payment-status-icon-loading .large-loading-spinner{animation:spinFast .6s linear infinite!important;transform:rotate(0)}.loading-spinner{width:32px;height:32px;border:3px solid #e3f2fd;border-top:3px solid #1890ff;border-radius:50%;animation:spinFast .8s linear infinite;display:block;box-sizing:border-box;will-change:transform}.loading-spinner-fallback{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.payment-modal-title{padding:0 24px 16px;text-align:center}.payment-modal-title h2{margin:0;font-size:clamp(18px,4vw,24px);font-weight:600;line-height:1.3}.payment-status-pending .payment-modal-title h2{color:#1890ff}.payment-status-success .payment-modal-title h2{color:#52c41a}.payment-status-error .payment-modal-title h2{color:#ff4d4f}.payment-modal-amount{padding:0 24px 16px;text-align:center}.amount-label{font-size:clamp(14px,3vw,16px);color:#666;margin-right:8px}.amount-value{font-size:clamp(16px,3.5vw,20px);font-weight:600;color:#262626}.payment-modal-progress{padding:0 24px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.payment-modal-time{text-align:center}.time-text{font-size:clamp(14px,2.5vw,16px);font-weight:500;color:#595959}.payment-modal-info{text-align:center}.info-text{font-size:clamp(12px,2vw,14px);color:#8c8c8c;line-height:1.4}.payment-modal-message{margin:0 24px 24px;padding:16px;border-radius:8px;text-align:center}.success-message{background-color:#f6ffed;border:1px solid #b7eb8f}.error-message{background-color:#fff2f0;border:1px solid #ffccc7}.message-text{font-size:clamp(14px,2.5vw,16px);font-weight:500;line-height:1.4}.success-message .message-text{color:#52c41a}.error-message .message-text{color:#ff4d4f}.payment-modal-actions{padding:0 24px 24px;display:flex;flex-direction:column;gap:8px}.action-button{width:100%;height:48px;border:none;border-radius:8px;font-size:clamp(14px,2.5vw,16px);font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;touch-action:manipulation;user-select:none;display:flex;align-items:center;justify-content:center;text-align:center}.primary-button{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;box-shadow:0 2px 8px rgba(24,144,255,.3)}.primary-button:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,144,255,.4)}.primary-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(24,144,255,.3)}.cancel-button{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;border:none;box-shadow:0 2px 8px rgba(255,77,79,.3)}.cancel-button:hover{background:linear-gradient(135deg,#ff7875,#ff4d4f);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,77,79,.4)}.cancel-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(255,77,79,.3)}.minimize-button{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border:none;box-shadow:0 2px 8px rgba(24,144,255,.3);display:flex;align-items:center;justify-content:center;gap:6px}.minimize-button:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,144,255,.4)}.minimize-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(24,144,255,.3)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px rgba(24,144,255,.3)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(24,144,255,.5)}}.payment-status-icon-loading{animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.payment-modal-overlay{padding:12px}.payment-modal{border-radius:12px;max-width:100%}.payment-modal-header{padding:24px 20px 12px}.payment-status-icon{width:64px;height:64px;font-size:32px}.loading-spinner{width:28px;height:28px}.payment-modal-title,.payment-modal-amount,.payment-modal-message{padding-left:20px;padding-right:20px}.payment-modal-progress,.payment-modal-actions{padding:0 20px 20px}.action-button{height:44px}}@media (max-width: 480px){.payment-modal-overlay{padding:8px}.payment-modal{border-radius:8px}.payment-modal-header{padding:20px 16px 8px}.payment-status-icon{width:56px;height:56px;font-size:28px}.loading-spinner{width:24px;height:24px}.payment-modal-title,.payment-modal-amount,.payment-modal-message{padding-left:16px;padding-right:16px}.payment-modal-progress{padding:0 16px 16px;gap:12px}.payment-modal-actions{padding:0 16px 16px}.action-button{height:40px}.spinner{width:32px;height:32px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px){.payment-modal-header{padding:16px 20px 8px}.payment-status-icon{width:48px;height:48px;font-size:24px}.payment-modal-progress{gap:8px;padding:0 20px 12px}.payment-modal-message{margin:0 20px 12px;padding:12px}}@media (hover: none) and (pointer: coarse){.action-button{height:48px;font-size:16px}.action-button:active{transform:scale(.98)}}.keypad-btn{border:none;outline:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;touch-action:manipulation;will-change:transform;transition:transform .08s ease-out,filter .08s ease-out,box-shadow .08s ease-out}.keypad-btn:active:not(.keypad-btn--disabled){transform:scale(.95)!important;filter:brightness(.9);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)!important}.keypad-btn--disabled{opacity:.5;cursor:not-allowed}.keypad-btn>*{pointer-events:none}.keypad-num{width:100%;height:100%;font-size:clamp(28px,5vh,48px);font-weight:700;border-radius:16px;border:3px solid #d9d9d9;background:linear-gradient(145deg,#fff,#f5f5f5);box-shadow:0 4px 8px rgba(0,0,0,.1);color:#262626}.keypad-num--disabled{border-color:#bfbfbf;background:linear-gradient(145deg,#f5f5f5,#e8e8e8);box-shadow:none;color:#bfbfbf;cursor:not-allowed}.keypad-clear{width:100%;height:100%;font-size:clamp(28px,5vh,48px);font-weight:700;border-radius:16px;background:linear-gradient(145deg,#ff4d4f,#cf1322);box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;border:3px solid #cf1322}.keypad-delete{width:100%;height:100%;font-size:clamp(28px,5vh,48px);font-weight:700;border-radius:16px;border:3px solid #d9d9d9;background:linear-gradient(145deg,#fff,#f5f5f5);box-shadow:0 4px 8px rgba(0,0,0,.1);color:#262626}.keypad-delete--lock{border-color:#cf1322;background:linear-gradient(145deg,#ff4d4f,#cf1322);color:#fff}.keypad-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:2px solid #d9d9d9;background:rgba(255,255,255,.9);font-size:18px;color:#595959}.keypad-cancel{width:100%;height:clamp(44px,7vh,60px);font-size:clamp(13px,2vh,18px);font-weight:700;border-radius:8px;border:2px solid #d9d9d9;background:linear-gradient(145deg,#fff,#f5f5f5);color:#595959}.keypad-add{width:100%;height:clamp(44px,7vh,60px);font-size:clamp(13px,2vh,18px);font-weight:700;border-radius:8px;border:2px solid #52c41a;background-color:#52c41a;color:#fff}.keypad-add--disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#8c8c8c}.debtors-list-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .25s ease-in}.debtors-list-modal{background-color:#fff;border-radius:16px;width:90%;max-width:900px;height:92vh;min-height:500px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.debtors-list-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#1976d2;box-shadow:0 2px 4px rgba(0,0,0,.1)}.debtors-list-header h2{margin:0;font-size:22px;font-weight:700;color:#fff}.debtors-list-close-btn{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;font-size:22px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.debtors-list-close-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}.debtors-list-sort-controls{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid #e8e8e8;background-color:#f9fafb;flex-wrap:wrap;align-items:center}.search-container{position:relative;flex:1;min-width:250px}.search-input{width:100%;padding:10px 40px 10px 14px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;color:#333;font-size:14px;font-weight:500;transition:all .2s ease;outline:none}.search-input:focus{border-color:#667eea;background-color:#f0f4ff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-input::placeholder{color:#999;font-weight:400}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.1);border:none;border-radius:50%;width:24px;height:24px;font-size:14px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search-btn:hover{background:rgba(0,0,0,.2);color:#333}.sort-btn,.refresh-btn{padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.sort-btn:hover,.refresh-btn:hover{border-color:#1976d2;background-color:#e3f2fd;transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,118,210,.2)}.sort-btn.active{background:#1976d2;color:#fff;border-color:#1976d2}.refresh-btn{background:#4caf50;color:#fff;border-color:#4caf50;box-shadow:0 2px 8px rgba(76,175,80,.3)}.refresh-btn:hover{background:#45a049;border-color:#45a049;box-shadow:0 4px 12px rgba(76,175,80,.4)}.refresh-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6;box-shadow:none}.debtors-list-summary{display:flex;justify-content:space-around;padding:16px 24px;background:linear-gradient(to bottom,#f9fafb,#fff);border-bottom:1px solid #e8e8e8}.summary-item{display:flex;flex-direction:column;align-items:center;gap:6px}.summary-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:22px;font-weight:800;color:#333}.summary-value.total-debt{color:#dc3545}.debtors-list-content{flex:1;overflow-y:auto;overflow-x:auto;padding:0;min-height:0}.debtors-list-loading,.debtors-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#666}.spinner{border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:16px}.debtors-list-loading p,.debtors-list-empty p{font-size:16px;margin:0}.debtors-list-table{display:flex;flex-direction:column;min-width:750px}.debtors-list-table-header{display:grid;grid-template-columns:1fr 150px 150px 200px;background:#1976d2;padding:14px 24px;font-weight:700;font-size:14px;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}.debtors-list-table-header .table-cell{color:#fff!important}.debtors-list-table-body{display:flex;flex-direction:column}.debtors-list-row{display:grid;grid-template-columns:1fr 150px 150px 200px;padding:12px 24px;border-bottom:1px solid #f0f0f0;transition:all .25s ease;cursor:pointer;user-select:none}.debtors-list-row:hover{background-color:#f5f5f5;transform:translate(4px);box-shadow:-3px 0 #1976d2,0 2px 8px rgba(0,0,0,.08)}.debtors-list-row:active{transform:translate(2px);background-color:#e8f4fd}.debtors-list-row.row-warning{border-left:4px solid #ffc107;background-color:#fff9e6}.debtors-list-row.row-warning:hover{background-color:#fff3cd;box-shadow:-4px 0 #ffc107,0 2px 8px rgba(255,193,7,.3)}.debtors-list-row.row-critical{border-left:4px solid #dc3545;background-color:#ffe6e6}.debtors-list-row.row-critical:hover{background-color:#fcc;box-shadow:-4px 0 #dc3545,0 2px 8px rgba(220,53,69,.3)}.debtors-list-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center}.table-cell.name-cell{font-weight:600;font-size:15px;color:#333}.table-cell.date-cell{justify-content:center;font-weight:500;font-size:14px;color:#666}.table-cell.days-cell{justify-content:center;font-weight:600;font-size:14px;color:#333}.table-cell.amount-cell{justify-content:flex-end}.debtor-name{font-size:15px;display:flex;align-items:center;gap:8px}.debtor-name:before{content:"👤";font-size:16px}.debtor-date{font-size:14px;font-weight:600;color:#1976d2;padding:6px 12px;background-color:#e3f2fd;border-radius:6px;border:1px solid #bbdefb}.debtor-days{font-size:14px;font-weight:700;color:#333;padding:6px 12px;background-color:#f5f5f5;border-radius:6px;border:1px solid #e0e0e0}.row-warning .debtor-days{color:#f57c00;background-color:#fff3e0;border-color:#ffe0b2;font-weight:800}.row-critical .debtor-days{color:#c62828;background-color:#ffebee;border-color:#ffcdd2;font-weight:800}.debtor-amount{font-size:16px;font-weight:800;color:#dc3545;padding:8px 14px;background-color:#fff5f5;border-radius:8px;border:2px solid #ffebee;box-shadow:0 2px 6px rgba(220,53,69,.15);transition:all .2s ease}.debtors-list-row:hover .debtor-amount{transform:scale(1.05);box-shadow:0 4px 12px rgba(220,53,69,.25)}.debtors-list-footer{display:none}.debtors-list-content::-webkit-scrollbar{width:10px}.debtors-list-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.debtors-list-content::-webkit-scrollbar-thumb{background:#1976d2;border-radius:10px}.debtors-list-content::-webkit-scrollbar-thumb:hover{background:#1565c0}@media (max-width: 768px){.debtors-list-modal{width:96%;max-height:92vh;border-radius:12px}.debtors-list-header{padding:18px 20px}.debtors-list-header h2{font-size:20px}.debtors-list-sort-controls{padding:12px 16px;gap:8px}.search-container{min-width:100%;order:-1}.search-input{padding:10px 36px 10px 14px;font-size:13px}.sort-btn,.refresh-btn{padding:8px 14px;font-size:12px;flex:1}.debtors-list-summary{padding:14px 20px;flex-direction:column;gap:12px}.summary-value{font-size:22px}.debtors-list-table-header,.debtors-list-row{grid-template-columns:1fr 100px 80px 140px;padding:10px 16px;font-size:12px}.table-cell.name-cell{font-size:13px}.table-cell.date-cell,.table-cell.days-cell{font-size:11px}.debtor-name:before{font-size:14px}.debtor-date,.debtor-days{font-size:11px;padding:4px 8px}.debtor-amount{font-size:13px;padding:6px 10px}.debtors-list-footer{padding:16px 20px}.close-footer-btn{padding:12px 28px;font-size:14px}}.bg-orders-badge{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(24,144,255,.4);z-index:9000;transition:all .3s ease;user-select:none;-webkit-tap-highlight-color:transparent}.bg-orders-badge:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(24,144,255,.5)}.bg-orders-badge:active{transform:scale(.95)}.bg-orders-badge-icon{font-size:24px;display:flex;align-items:center;justify-content:center}.bg-orders-badge-count{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#ff4d4f;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.bg-orders-badge-completed{position:absolute;top:-4px;left:-4px;width:22px;height:22px;border-radius:50%;background:#52c41a;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;animation:bgPulse 2s infinite}@keyframes bgPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.bg-orders-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:8999;background:transparent}.bg-orders-panel{position:fixed;bottom:88px;left:24px;width:360px;max-height:480px;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:9000;display:flex;flex-direction:column;overflow:hidden;animation:bgSlideUp .25s ease-out}@keyframes bgSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bg-orders-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid #f0f0f0}.bg-orders-panel-header h4{margin:0;font-size:16px;font-weight:600;color:#1a1a2e}.bg-orders-panel-close{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.bg-orders-panel-close:hover{background:#e0e0e0}.bg-orders-panel-list{flex:1;overflow-y:auto;padding:8px}.bg-orders-empty{text-align:center;color:#999;padding:24px;font-size:14px}.bg-orders-item{background:#fafafa;border-radius:12px;padding:12px;margin-bottom:8px;border:1px solid #f0f0f0;transition:all .3s ease}.bg-orders-item--polling{border-left:3px solid #1890ff}.bg-orders-item--processed{border-left:3px solid #52c41a;background:#f6ffed}.bg-orders-item--canceled{border-left:3px solid #ff4d4f;background:#fff2f0}.bg-orders-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bg-orders-item-icon{font-size:18px}.bg-orders-item-type{font-size:14px;font-weight:600;color:#333;flex:1}.bg-orders-item-total{font-size:15px;font-weight:700;color:#1a1a2e}.bg-orders-item-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bg-orders-item-order{font-size:12px;color:#888}.bg-orders-item-time{font-size:12px;color:#1890ff;font-weight:600;font-variant-numeric:tabular-nums}.bg-orders-item-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#1890ff}.bg-orders-item-complete{display:flex;flex-direction:column;gap:8px}.bg-orders-success-text{font-size:13px;font-weight:600;color:#52c41a}.bg-orders-error-text{font-size:13px;font-weight:600;color:#ff4d4f}.bg-orders-item-actions{display:flex;gap:8px}.bg-orders-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.bg-orders-btn--print{background:#1890ff;color:#fff}.bg-orders-btn--print:hover{background:#096dd9}.bg-orders-btn--print:active{transform:scale(.96)}.bg-orders-btn--skip{background:#f0f0f0;color:#666}.bg-orders-btn--skip:hover{background:#e0e0e0}.bg-orders-btn--skip:active{transform:scale(.96)}.bg-orders-btn--cancel{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}.bg-orders-btn--cancel:hover{background:linear-gradient(135deg,#ff7875,#ff4d4f);box-shadow:0 2px 8px rgba(255,77,79,.3)}.bg-orders-btn--cancel:active{transform:scale(.96)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.touch-button{touch-action:manipulation;cursor:pointer;position:relative;overflow:hidden;transition:all .15s ease}.touch-button:active{transform:scale(.95);filter:brightness(.9)}.touch-button:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);z-index:-1}.balanza-keypad-overlay{touch-action:none;-webkit-overflow-scrolling:touch}.balanza-keypad-container{touch-action:none;overscroll-behavior:contain}.balanza-large-keypad{will-change:transform}.balanza-product-grid{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.balanza-product-grid .ant-col{padding:3px}@media (hover: hover) and (pointer: fine){.touch-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}}@media (hover: none) and (pointer: coarse){.ant-btn{min-height:44px;padding:8px 16px}.ant-input{min-height:44px}.ant-card{box-shadow:0 4px 8px rgba(0,0,0,.15)}.balanza-keypad-container{width:95%!important;max-width:950px!important;min-width:400px!important;height:92vh!important;max-height:950px!important;padding:20px!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){input,select,textarea{font-size:16px}}.balanza-keypad-overlay,.balanza-keypad-container,.touch-button{will-change:transform,opacity;transform-origin:center center}.ant-card-body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.touch-button:active,.ant-btn:active{transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.balanza-keypad-container button,.touch-button{min-width:44px;min-height:44px}.ant-modal-content{touch-action:manipulation}@media screen and (orientation: landscape) and (max-height: 600px){.balanza-keypad-container{height:95vh!important;max-height:none!important;padding:16px!important}}@media screen and (orientation: portrait) and (max-width: 768px){.balanza-keypad-container{width:95%!important;height:90vh!important;min-width:350px!important}}@media screen and (min-width: 768px) and (hover: none){.balanza-keypad-container{width:90%!important;max-width:950px!important;height:90vh!important}}@media screen and (max-width: 480px){.balanza-keypad-container{width:98%!important;height:92vh!important;padding:16px!important;min-width:320px!important}}.product-grid-item{transition:transform .15s ease-out;will-change:transform}.product-grid-item:hover{transform:translateY(-2px)}.transfers-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.transfers-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.transfers-modal-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px;background:#fafafa;flex-shrink:0}.transfers-modal-title{font-size:16px;font-weight:600;color:#262626;margin:0;display:flex;align-items:center;gap:8px}.transfers-modal-close{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;color:#8c8c8c;transition:all .2s}.transfers-modal-close:hover{background:#f5f5f5;color:#262626}.transfers-modal-body{flex:1;overflow-y:auto;padding:20px}.transfers-table{width:100%;border-collapse:collapse;font-size:14px}.transfers-table th,.transfers-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #f0f0f0;vertical-align:top}.transfers-table th{background:#fafafa;font-weight:600;color:#262626;position:sticky;top:0;z-index:1}.transfers-table tr:hover{background:#f9f9f9}.transfers-amount{font-weight:600;color:#52c41a}.transfers-empty{text-align:center;padding:60px 20px;color:#8c8c8c}.transfers-empty-icon{font-size:48px;margin-bottom:16px;display:block;color:#d9d9d9}.transfers-empty-text{font-size:16px;color:#595959}.transfers-modal-footer{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;background:#fafafa;flex-shrink:0}.transfers-close-btn{background:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.transfers-close-btn:hover{background:#40a9ff}@media (max-width: 768px){.transfers-modal-overlay{padding:8px}.transfers-modal{max-height:95vh;border-radius:12px}.transfers-modal-header{padding:12px 16px}.transfers-modal-title{font-size:15px}.transfers-modal-body{padding:16px;overflow-x:auto}.transfers-table{min-width:600px;font-size:13px}.transfers-table th,.transfers-table td{padding:10px 6px;white-space:nowrap}.transfers-empty{padding:40px 16px}.transfers-empty-icon{font-size:40px;margin-bottom:12px}.transfers-empty-text{font-size:14px}.transfers-modal-footer{padding:12px 16px}.transfers-close-btn{padding:10px 20px;width:100%}}@media (max-width: 480px){.transfers-table{font-size:12px}.transfers-table th,.transfers-table td{padding:8px 4px}.transfers-modal-title{font-size:14px}.transfers-empty-icon{font-size:36px}.transfers-empty-text{font-size:13px}}.transfers-modal-overlay{animation:fadeIn .2s ease-out}.transfers-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes breathe{0%,to{box-shadow:0 0 rgba(255,77,79,.4),0 2px #ff4d4f;border-color:#ff4d4f;transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(255,77,79,0),0 2px #ff7875;border-color:#ff7875;transform:scale(1.02)}}.transfer-button-breathing.ant-btn{animation:breathe 2s ease-in-out infinite!important;transition:all .3s ease!important;background-color:rgba(255,77,79,.05)!important;position:relative!important}.transfer-button-breathing.ant-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:6px;background:linear-gradient(45deg,rgba(255,77,79,.1),rgba(255,77,79,.3));z-index:-1;animation:breathe-glow 2s ease-in-out infinite}@keyframes breathe-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.transfer-button-breathing.ant-btn:hover{animation-play-state:paused!important;box-shadow:0 4px 12px rgba(255,77,79,.4)!important;transform:scale(1.02)!important}.transfer-button-breathing.ant-btn:focus{animation-play-state:paused!important}.transfer-button-breathing.ant-btn:hover:before{animation-play-state:paused!important}.transfer-button-breathing.ant-btn:hover{background-color:rgba(255,77,79,.1)!important;border-color:#ff4d4f!important;color:#ff4d4f!important}.transfer-button-breathing.ant-btn:focus{background-color:rgba(255,77,79,.1)!important;border-color:#ff4d4f!important;color:#ff4d4f!important}.print-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.print-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:100%;max-width:400px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.print-modal-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px;background:#fafafa;flex-shrink:0}.print-modal-title{font-size:16px;font-weight:600;color:#262626;margin:0;display:flex;align-items:center;gap:8px}.print-modal-close{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;color:#8c8c8c;transition:all .2s}.print-modal-close:hover{background:#f5f5f5;color:#262626}.print-modal-body{flex:1;padding:20px;text-align:center}.print-modal-footer{padding:20px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;gap:16px;background:#fafafa;flex-shrink:0}.print-no-btn{background:#f0f0f0;color:#262626;border:none;padding:20px 32px;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s;flex:1;min-height:64px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.print-no-btn:hover{background:#d9d9d9;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.print-no-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.print-yes-btn{background:#1890ff;color:#fff;border:none;padding:20px 32px;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s;flex:1;min-height:64px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.print-yes-btn:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.print-yes-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 768px){.print-modal-overlay{padding:8px}.print-modal{max-height:95vh;border-radius:12px}.print-modal-header{padding:12px 16px}.print-modal-title{font-size:15px}.print-modal-body{padding:16px}.print-modal-footer{padding:12px 16px}.print-no-btn,.print-yes-btn{padding:10px 20px}}.charge-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-in}.charge-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideUp .3s ease-out}.charge-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1890ff,#096dd9)}.charge-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.charge-modal-title-icon{font-size:24px}.charge-modal-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px;min-height:44px}.charge-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.charge-modal-close:active{background:rgba(255,255,255,.4);transform:scale(.95) rotate(90deg)}.charge-modal-body{padding:24px;overflow-y:auto;flex:1}.charge-form-group{margin-bottom:24px}.charge-form-label{display:block;font-size:14px;font-weight:600;color:#262626;margin-bottom:8px}.charge-form-label.required:after{content:" *";color:#ff4d4f}.charge-form-input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s;background:#fff;color:#262626;box-sizing:border-box;min-height:48px}.charge-form-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.charge-form-input::placeholder{color:#bfbfbf}.charge-form-input.error{border-color:#ff4d4f}.charge-form-input.error:focus{box-shadow:0 0 0 2px rgba(255,77,79,.1)}.charge-form-error{color:#ff4d4f;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.charge-form-datetime-wrapper{display:flex;gap:12px;flex-wrap:wrap}.charge-form-datetime-wrapper .charge-form-input{flex:1;min-width:120px}.charge-order-summary{background:linear-gradient(135deg,#f0f9ff,#e6f7ff);padding:16px;border-radius:8px;border:1px solid #91d5ff}.charge-summary-title{font-size:14px;font-weight:600;color:#096dd9;margin-bottom:12px;display:flex;align-items:center;gap:6px}.charge-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.charge-summary-row:last-child{margin-bottom:0;padding-top:8px;border-top:1px solid rgba(9,109,217,.2)}.charge-summary-label{color:#595959;font-weight:500}.charge-summary-value{color:#262626;font-weight:600}.charge-summary-total{font-size:20px;color:#1890ff;font-weight:700}.charge-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;gap:12px;background:#fafafa}.charge-btn{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.charge-btn-cancel{background:#fff;color:#595959;border:1px solid #d9d9d9}.charge-btn-cancel:hover{background:#fafafa;border-color:#40a9ff;color:#40a9ff}.charge-btn-cancel:active{transform:scale(.98);background:#f0f0f0}.charge-btn-submit{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff}.charge-btn-submit:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px rgba(24,144,255,.3)}.charge-btn-submit:active{transform:scale(.98);box-shadow:0 2px 6px rgba(24,144,255,.3)}.charge-btn-submit:disabled{background:#d9d9d9;cursor:not-allowed;opacity:.6}.charge-btn-submit:disabled:hover{box-shadow:none}.charge-btn-loading{position:relative;pointer-events:none}.charge-btn-loading:before{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.charge-modal{max-width:95%}.charge-modal-header{padding:16px 20px}.charge-modal-title{font-size:18px}.charge-modal-body{padding:20px}}@media (max-width: 480px){.charge-modal-overlay{padding:0;align-items:flex-end}.charge-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.charge-modal-header{padding:16px}.charge-modal-title{font-size:17px}.charge-modal-body{padding:16px}.charge-form-group{margin-bottom:20px}.charge-form-datetime-wrapper{flex-direction:column}.charge-form-datetime-wrapper .charge-form-input{min-width:100%}.charge-modal-footer{padding:12px 16px;flex-direction:column-reverse}.charge-btn{width:100%}}@media (pointer: coarse){.charge-form-input{min-height:52px;font-size:16px}.charge-btn{min-height:52px;font-size:17px}.charge-modal-close{min-width:48px;min-height:48px}}.debt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1100;padding:16px;animation:fadeIn .2s ease-in}.debt-modal{background:#fff;border-radius:12px;width:100%;max-width:450px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.debt-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ff4d4f,#cf1322)}.debt-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.debt-modal-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px;min-height:44px}.debt-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.debt-modal-close:active{background:rgba(255,255,255,.4);transform:scale(.95) rotate(90deg)}.debt-modal-body{flex:1;overflow-y:auto;padding:24px}.debt-form-group{margin-bottom:24px}.debt-form-label{display:block;font-size:15px;font-weight:600;color:#262626;margin-bottom:8px}.debt-form-label .required{color:#ff4d4f;margin-left:4px}.debt-form-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #d9d9d9;border-radius:8px;transition:all .2s;box-sizing:border-box;-webkit-appearance:none;appearance:none}.debt-form-input:focus{outline:none;border-color:#ff4d4f;box-shadow:0 0 0 3px rgba(255,77,79,.1)}.debt-form-input.error{border-color:#ff4d4f;background-color:#fff1f0}.debt-form-error{color:#ff4d4f;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.debt-total-display{background:linear-gradient(135deg,#ff4d4f,#cf1322);color:#fff;padding:16px 20px;border-radius:10px;margin-bottom:20px;text-align:center}.debt-total-label{font-size:14px;opacity:.9;margin-bottom:4px}.debt-total-amount{font-size:28px;font-weight:700;letter-spacing:-.5px}.debt-modal-footer{padding:20px 24px;border-top:1px solid #f0f0f0;display:flex;gap:12px;background:#fafafa}.debt-btn{padding:16px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;min-height:56px;touch-action:manipulation}.debt-btn-cancel{flex:1;border:2px solid #d9d9d9;background:#fff;color:#595959}.debt-btn-cancel:hover:not(:disabled){border-color:#8c8c8c;color:#262626;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.debt-btn-cancel:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.05)}.debt-btn-submit{flex:2;border:none;background:linear-gradient(135deg,#ff4d4f,#cf1322);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.debt-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,77,79,.4)}.debt-btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(255,77,79,.3)}.debt-btn-submit:disabled{opacity:.6;cursor:not-allowed;background:#d9d9d9}.debt-btn-loading{position:relative}.debt-btn-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-left:8px}@media (max-width: 480px){.debt-modal{max-width:100%;margin:0;border-radius:12px 12px 0 0;max-height:95vh}.debt-modal-header{padding:16px 20px}.debt-modal-title{font-size:18px}.debt-modal-body{padding:20px}.debt-form-input{font-size:16px}.debt-total-amount{font-size:24px}.debt-modal-footer{padding:16px 20px;flex-direction:column}.debt-btn-cancel,.debt-btn-submit{flex:none;width:100%}}.debt-form-summary{background:#f0f9ff;border:2px solid #91d5ff;border-radius:8px;padding:16px;margin-top:20px}.debt-summary-row{display:flex;justify-content:space-between;align-items:center}.debt-summary-label{font-size:15px;color:#595959;font-weight:500}.debt-summary-value{font-size:22px;font-weight:700;color:#0050b3}.debtor-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;margin-top:4px}.debtor-dropdown-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.debtor-dropdown-item:last-child{border-bottom:none}.debtor-dropdown-item:hover{background-color:#f5f5f5}.debtor-dropdown-item:active{background-color:#e8e8e8}.debtor-dropdown-name{font-weight:500;margin-bottom:4px;color:#262626}.debtor-dropdown-debt{font-size:12px;color:#999}.debtor-loading-indicator{position:absolute;right:12px;top:38px;font-size:14px;color:#999}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.debtor-dropdown{animation:dropdownSlideDown .2s ease-out}.debtor-dropdown::-webkit-scrollbar{width:6px}.debtor-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.debtor-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.debtor-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.debtor-clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ff4d4f;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .2s;z-index:10;padding:0;line-height:1;touch-action:manipulation;min-width:44px;min-height:44px}.debtor-clear-button:hover{background:#cf1322;transform:translateY(-50%) scale(1.1)}.debtor-clear-button:active{background:#a8071a;transform:translateY(-50%) scale(.95)}.debtor-clear-button:focus{outline:2px solid #ff4d4f;outline-offset:2px}.debt-form-input:not(:placeholder-shown){padding-right:50px}@media (max-width: 480px){.debtor-clear-button{right:8px;width:32px;height:32px;min-width:44px;min-height:44px}}.spent-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.spent-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:spent-modal-enter .3s ease-out}@keyframes spent-modal-enter{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spent-modal-header{padding:16px 20px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}.spent-modal-title{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.spent-modal-close{background:rgba(255,255,255,.2);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:#fff;transition:all .2s ease}.spent-modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.spent-modal-content{padding:16px 20px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.spent-form-group{margin-bottom:14px}.spent-form-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:6px;line-height:1.4}.spent-form-label.required:after{content:" *";color:#ff4d4f;font-weight:700}.spent-form-input,.spent-form-select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;background:#fff;transition:all .3s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.spent-form-input:focus,.spent-form-select:focus{outline:none;border-color:#ff4d4f;box-shadow:0 0 0 4px rgba(255,77,79,.1);transform:translateY(-1px)}.spent-form-input.error,.spent-form-select.error{border-color:#ff4d4f;background:rgba(255,77,79,.05);animation:spent-shake .5s ease-in-out}@keyframes spent-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.spent-form-input::placeholder{color:#999;opacity:1}.spent-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4.427 9.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 9H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;cursor:pointer}.spent-form-error{color:#ff4d4f;font-size:14px;font-weight:500;margin-top:8px;padding:8px 16px;background:rgba(255,77,79,.1);border-radius:8px;border-left:4px solid #ff4d4f;animation:spent-error-slide .3s ease-out}@keyframes spent-error-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spent-modal-footer{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:12px;background:#fafafa}.spent-button-cancel,.spent-button-submit{flex:1;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.spent-button-cancel{background:#f5f5f5;color:#666;border:2px solid #e0e0e0}.spent-button-cancel:hover{background:#e0e0e0;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.spent-button-submit{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;border:2px solid #ff4d4f}.spent-button-submit:hover:not(:disabled){background:linear-gradient(135deg,#d9363e,#ff4d4f);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,77,79,.3)}.spent-button-submit:disabled{background:#ccc;color:#999;cursor:not-allowed;transform:none;box-shadow:none;border-color:#ccc}@media (min-width: 768px){.spent-modal{max-width:480px}.spent-modal-content,.spent-modal-header,.spent-modal-footer{padding:20px 24px}}@media (pointer: coarse){.spent-form-input,.spent-form-select{padding:14px 16px;font-size:18px;min-height:50px}.spent-button-cancel,.spent-button-submit{min-height:54px;font-size:16px}.spent-modal-close{width:40px;height:40px;font-size:20px}}.orders-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.45);z-index:999;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-in-out}.orders-drawer{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.orders-drawer{width:90%!important;max-width:400px}}*{margin:0;padding:0;box-sizing:border-box}.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-background{width:100%;height:100vh;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:20px;padding:40px 35px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid rgba(255,255,255,.2)}.login-title{font-size:32px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:40px;letter-spacing:-.025em}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.login-form{width:100%}.form-group{margin-bottom:24px}.form-input{width:100%;padding:16px 20px;border:none;border-bottom:2px solid #e5e7eb;background:transparent;font-size:16px;color:#374151;outline:none;transition:all .3s ease;font-weight:400}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input:focus{border-bottom-color:#8b5cf6;background:rgba(139,92,246,.02)}.form-input:hover{border-bottom-color:#a78bfa}.remember-me-container{margin-bottom:24px;display:flex;align-items:center}.remember-me-label{display:flex;align-items:center;cursor:pointer;user-select:none}.remember-me-checkbox{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#8b5cf6;border-radius:4px}.remember-me-text{color:#6b7280;font-size:14px;font-weight:500;transition:color .3s ease}.remember-me-label:hover .remember-me-text{color:#8b5cf6}.remember-me-checkbox:disabled{cursor:not-allowed;opacity:.5}.login-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:32px;letter-spacing:.025em}.login-button:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px);box-shadow:0 10px 20px rgba(139,92,246,.3)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button.loading{opacity:.8;cursor:not-allowed}.login-links{text-align:center}.forgot-password{color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:16px;display:block;transition:color .3s ease}.forgot-password:hover{color:#8b5cf6}.signup-link{color:#6b7280;font-size:14px;font-weight:400}.signup-link a{color:#8b5cf6;text-decoration:none;font-weight:600;transition:color .3s ease}.signup-link a:hover{color:#7c3aed}@media (max-width: 768px){.login-background{padding:16px}.login-card{padding:32px 24px;max-width:350px;border-radius:16px}.login-title{font-size:28px;margin-bottom:32px}.form-input{padding:14px 16px;font-size:15px}.login-button{padding:14px 20px;font-size:15px}}@media (max-width: 480px){.login-background{padding:12px}.login-card{padding:24px 20px;max-width:320px}.login-title{font-size:24px;margin-bottom:28px}.form-group{margin-bottom:20px}.form-input{padding:12px 16px;font-size:14px}.login-button{padding:12px 16px;font-size:14px;margin-bottom:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease-out}.form-input:focus{outline:2px solid transparent;outline-offset:2px}.login-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(139,92,246,.5)}@media (pointer: coarse){.form-input,.login-button{min-height:48px}.forgot-password,.signup-link a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px}}.add-product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-in}.add-product-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideUp .3s ease-out}.add-product-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#52c41a,#389e0d)}.add-product-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.add-product-modal-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px;min-height:44px}.add-product-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.add-product-modal-close:active{background:rgba(255,255,255,.4);transform:scale(.95) rotate(90deg)}.add-product-modal-body{padding:24px;overflow-y:auto;flex:1}.add-product-form-group{margin-bottom:24px}.add-product-form-label{display:block;font-size:14px;font-weight:600;color:#262626;margin-bottom:8px}.add-product-form-label.required:after{content:" *";color:#ff4d4f}.add-product-select{width:100%;padding:12px 40px 12px 16px;font-size:16px;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s;background:#fff;color:#262626;box-sizing:border-box;min-height:48px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.add-product-select:focus{outline:none;border-color:#52c41a;box-shadow:0 0 0 2px rgba(82,196,26,.1)}.add-product-select.error{border-color:#ff4d4f}.add-product-select.error:focus{box-shadow:0 0 0 2px rgba(255,77,79,.1)}.add-product-input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s;background:#fff;color:#262626;box-sizing:border-box;min-height:48px}.add-product-input:focus{outline:none;border-color:#52c41a;box-shadow:0 0 0 2px rgba(82,196,26,.1)}.add-product-input.error{border-color:#ff4d4f}.add-product-input.error:focus{box-shadow:0 0 0 2px rgba(255,77,79,.1)}.add-product-form-error{color:#ff4d4f;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.add-product-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;gap:12px;background:#fafafa}.add-product-btn{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.add-product-btn-cancel{background:#fff;color:#595959;border:1px solid #d9d9d9}.add-product-btn-cancel:hover{background:#fafafa;border-color:#52c41a;color:#52c41a}.add-product-btn-cancel:active{transform:scale(.98);background:#f0f0f0}.add-product-btn-submit{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff}.add-product-btn-submit:hover{background:linear-gradient(135deg,#73d13d,#52c41a);box-shadow:0 4px 12px rgba(82,196,26,.3)}.add-product-btn-submit:active{transform:scale(.98);box-shadow:0 2px 6px rgba(82,196,26,.3)}.add-product-btn-submit:disabled{background:#d9d9d9;cursor:not-allowed;opacity:.6}.add-product-btn-submit:disabled:hover{box-shadow:none}.add-product-btn-loading{position:relative;pointer-events:none}.add-product-btn-loading:before{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.add-product-modal{max-width:95%}.add-product-modal-header{padding:16px 20px}.add-product-modal-title{font-size:18px}.add-product-modal-body{padding:20px}}@media (max-width: 480px){.add-product-modal-overlay{padding:0;align-items:flex-end}.add-product-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-product-modal-header{padding:16px}.add-product-modal-title{font-size:17px}.add-product-modal-body{padding:16px}.add-product-form-group{margin-bottom:20px}.add-product-modal-footer{padding:12px 16px;flex-direction:column-reverse}.add-product-btn{width:100%}}@media (pointer: coarse){.add-product-select,.add-product-input{min-height:52px;font-size:16px}.add-product-btn{min-height:52px;font-size:17px}.add-product-modal-close{min-width:48px;min-height:48px}}.add-product-input[type=number]::-webkit-inner-spin-button,.add-product-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-product-input[type=number]{-moz-appearance:textfield}.status-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:statusFadeIn .3s ease-out;padding:16px}@keyframes statusFadeIn{0%{opacity:0}to{opacity:1}}.status-selector-content{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 8px 32px rgba(0,0,0,.15);animation:statusSlideUp .3s ease-out;overflow:hidden}@keyframes statusSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.status-selector-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#1890ff,#096dd9)}.status-selector-title{margin:0;font-size:18px;font-weight:600;color:#fff;flex:1}.status-selector-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}.status-selector-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.status-selector-close:active{transform:rotate(90deg) scale(.95)}.status-selector-body{padding:24px 20px}.status-options{display:flex;flex-direction:column;gap:12px}.status-option{display:flex;align-items:center;padding:16px;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;overflow:hidden}.status-option:hover{border-color:#1890ff;background:#f0f7ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,144,255,.15)}.status-option:active{transform:translateY(0)}.status-option.selected{border-color:#1890ff;background:#e6f7ff;box-shadow:0 0 0 3px rgba(24,144,255,.1)}.status-option.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1890ff}.status-icon-container{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;font-size:24px;transition:transform .3s ease}.status-option:hover .status-icon-container{transform:scale(1.1) rotate(5deg)}.status-option.selected .status-icon-container{transform:scale(1.15)}.status-icon-container.pending{background:#fff7e6;color:#faad14}.status-icon-container.complete{background:#f6ffed;color:#52c41a}.status-icon-container.canceled{background:#fff1f0;color:#ff4d4f}.status-option-content{flex:1;display:flex;flex-direction:column;gap:4px}.status-option-label{font-size:16px;font-weight:600;color:#262626;margin:0}.status-option-description{font-size:13px;color:#8c8c8c;margin:0}.status-option-checkmark{width:24px;height:24px;border-radius:50%;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;color:transparent;font-size:16px}.status-option.selected .status-option-checkmark{background:#1890ff;border-color:#1890ff;color:#fff}.status-selector-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fafafa}.status-selector-button{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-selector-button:active{transform:scale(.98)}.status-selector-button-cancel{background:#fff;color:#595959;border:1px solid #d9d9d9}.status-selector-button-cancel:hover{color:#262626;border-color:#595959;background:#fafafa}.status-selector-button-submit{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 8px rgba(24,144,255,.3)}.status-selector-button-submit:hover{box-shadow:0 4px 12px rgba(24,144,255,.4);transform:translateY(-1px)}.status-selector-button-submit:active{transform:scale(.98) translateY(0)}.status-selector-button-submit:disabled{background:#d9d9d9;color:#8c8c8c;cursor:not-allowed;box-shadow:none}.status-selector-button-submit:disabled:hover{transform:none}.status-selector-button-submit.loading{opacity:.7;cursor:wait}@media (max-width: 480px){.status-selector-overlay{padding:0;align-items:flex-end}.status-selector-content{max-width:100%;border-radius:20px 20px 0 0;animation:statusSlideUpMobile .3s ease-out;max-height:90vh;display:flex;flex-direction:column}@keyframes statusSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.status-selector-header{padding:16px;border-top-left-radius:20px;border-top-right-radius:20px}.status-selector-title{font-size:17px}.status-selector-close{width:32px;height:32px;font-size:24px}.status-selector-body{padding:20px 16px;overflow-y:auto;flex:1}.status-options{gap:10px}.status-option{padding:14px;min-height:72px}.status-icon-container{width:44px;height:44px;font-size:22px;margin-right:14px}.status-option-label{font-size:15px}.status-option-description{font-size:12px}.status-selector-footer{padding:12px 16px;gap:10px;position:sticky;bottom:0}.status-selector-button{padding:14px 20px;font-size:16px;min-height:52px}}@media (min-width: 481px) and (max-width: 768px){.status-selector-content{max-width:480px}.status-option{padding:15px}}@media (prefers-reduced-motion: reduce){.status-selector-overlay,.status-selector-content,.status-option,.status-selector-button,.status-selector-close,.status-icon-container{animation:none;transition:none}}@media (prefers-contrast: high){.status-option{border-width:3px}.status-option.selected{border-width:4px}}.debtor-status-selector-native{position:relative;display:inline-block;min-width:140px}.debtor-status-select{width:100%;min-height:44px;padding:8px 36px 8px 12px;font-size:14px;font-weight:500;border:2px solid #d9d9d9;border-radius:6px;background-color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s ease;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238c8c8c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.debtor-status-select:hover:not(:disabled){border-color:#40a9ff}.debtor-status-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.debtor-status-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5;background-image:none}.debtor-status-select.status-pending{color:#fa8c16;border-color:#ffa940;background-color:#fff7e6}.debtor-status-select.status-paid{color:#52c41a;border-color:#73d13d;background-color:#f6ffed}.debtor-status-select.status-canceled{color:#f5222d;border-color:#ff4d4f;background-color:#fff1f0}.debtor-status-select option{padding:10px;font-size:14px;background-color:#fff}.debtor-status-select option.status-pending{color:#fa8c16}.debtor-status-select option.status-paid{color:#52c41a}.debtor-status-select option.status-canceled{color:#f5222d}.debtor-status-loading-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #1890ff;border-radius:50%;animation:spin .8s linear infinite;pointer-events:none}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 768px){.debtor-status-selector-native{min-width:120px}.debtor-status-select{min-height:48px;font-size:16px;padding:10px 36px 10px 12px}.debtor-status-select option{font-size:16px}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-in;-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirmation-modal-header{padding:24px 24px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px}.confirmation-modal-icon{font-size:28px;color:#faad14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirmation-modal-title{font-size:18px;font-weight:600;color:#262626;margin:0;flex:1}.confirmation-modal-body{padding:24px;font-size:15px;line-height:1.6;color:#595959}.confirmation-modal-body strong{color:#262626;font-weight:600}.confirmation-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirmation-modal-button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-height:48px;min-width:100px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.confirmation-modal-button:active{transform:scale(.97)}.confirmation-modal-button-cancel{background:#fff;color:#595959;border:2px solid #d9d9d9}.confirmation-modal-button-cancel:hover{border-color:#8c8c8c;color:#262626;box-shadow:0 2px 8px rgba(0,0,0,.1)}.confirmation-modal-button-cancel:active{background:#f5f5f5}.confirmation-modal-button-confirm{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none}.confirmation-modal-button-confirm:hover{box-shadow:0 4px 12px rgba(24,144,255,.4);transform:translateY(-1px)}.confirmation-modal-button-confirm:active{transform:translateY(0) scale(.97);box-shadow:0 2px 8px rgba(24,144,255,.3)}.confirmation-modal-status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-weight:600;font-size:14px;margin:0 4px}.confirmation-modal-status-badge.pending{background:#fff7e6;color:#d48806;border:1px solid #ffd591}.confirmation-modal-status-badge.paid{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.confirmation-modal-status-badge.canceled{background:#fff1f0;color:#cf1322;border:1px solid #ffccc7}@media (max-width: 768px){.confirmation-modal-overlay{padding:16px;align-items:flex-end}.confirmation-modal{max-width:100%;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-modal-header{padding:20px 20px 16px}.confirmation-modal-icon{font-size:32px}.confirmation-modal-title{font-size:17px}.confirmation-modal-body{padding:20px;font-size:16px}.confirmation-modal-footer{padding:16px 20px 20px;flex-direction:column-reverse}.confirmation-modal-button{width:100%;min-height:52px;font-size:16px}}.confirmation-modal-overlay.closing{animation:fadeOut .2s ease-out forwards}.confirmation-modal-overlay.closing .confirmation-modal{animation:slideDown .2s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(30px) scale(.95);opacity:0}}@media (max-width: 768px){.confirmation-modal-overlay.closing .confirmation-modal{animation:slideDownMobile .2s ease-out forwards}@keyframes slideDownMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}}.debt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-overflow-scrolling:touch;overflow-y:auto}.debt-modal-container{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;transform:translateZ(0);will-change:transform}.debt-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:1}.debt-modal-header h3{margin:0;font-size:16px;font-weight:600;color:rgba(0,0,0,.85)}.debt-close-btn{background:transparent;border:none;font-size:24px;line-height:1;cursor:pointer;color:rgba(0,0,0,.45);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s;-webkit-tap-highlight-color:transparent}.debt-close-btn:hover,.debt-close-btn:active{color:rgba(0,0,0,.75)}.debt-modal-body{padding:24px;flex:1;overflow-y:auto}.debt-info-section{margin-bottom:20px}.debt-total{font-size:16px;margin-bottom:8px;color:rgba(0,0,0,.85)}.debt-progress{font-size:14px;color:rgba(0,0,0,.45);margin:0}.debt-current-order{background:#f5f5f5;padding:16px;border-radius:8px}.debt-current-order p{margin:0 0 8px;color:rgba(0,0,0,.85)}.debt-current-order p:last-child{margin-bottom:0}.debt-loading-container{text-align:center;padding:40px 20px}.debt-loading-container p{margin-top:16px;color:rgba(0,0,0,.65)}.debt-spinner{width:40px;height:40px;margin:0 auto;border:3px solid rgba(0,0,0,.1);border-top-color:#1890ff;border-radius:50%;animation:debt-spin .8s linear infinite}@keyframes debt-spin{to{transform:rotate(360deg)}}.debt-modal-footer{padding:12px 16px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:8px;background:#fff;position:sticky;bottom:0}.debt-btn{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:400;cursor:pointer;border:1px solid transparent;transition:all .3s;outline:none;-webkit-tap-highlight-color:transparent;min-width:80px}.debt-btn-cancel{background:#fff;border-color:#d9d9d9;color:rgba(0,0,0,.85)}.debt-btn-cancel:hover,.debt-btn-cancel:active{border-color:#40a9ff;color:#40a9ff}.debt-btn-primary{background:#1890ff;border-color:#1890ff;color:#fff}.debt-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.debt-btn-primary:active{background:#096dd9;border-color:#096dd9}@media (max-width: 768px){.debt-modal-overlay{padding:8px}.debt-modal-container{max-height:95vh}.debt-modal-header{padding:12px 16px}.debt-modal-header h3{font-size:15px}.debt-modal-body{padding:16px}.debt-modal-footer{padding:10px 12px}.debt-btn{flex:1;min-width:0}.debt-modal-container{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.debt-modal-body{-webkit-overflow-scrolling:touch}}@keyframes debt-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.debt-modal-overlay{animation:debt-fade-in .2s ease-out}._container_cvyrh_3{display:flex;flex-direction:column;gap:16px;padding:24px;max-height:none;overflow:visible;background-color:#fff;color:#1f2937;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.15);margin:-20px;position:relative;min-height:400px}._modalHeader_cvyrh_35{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}._modalTitle_cvyrh_53{margin:0;font-size:20px;font-weight:700;color:#1f2937}._closeButton_cvyrh_67{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}._closeButton_cvyrh_67:hover{background:#f3f4f6;color:#374151}._debtorInfo_cvyrh_99{position:relative;text-align:center;padding:20px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1f2937;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:8px}._debtorInfo_cvyrh_99:before{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:20px;background:#fff;padding:4px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);border:2px solid #e2e8f0}._debtorName_cvyrh_149{margin:0 0 12px;color:#6b7280;font-size:16px;font-weight:500}._totalDebt_cvyrh_163{margin:0;color:#1f2937;font-weight:800;font-size:24px}._paymentForm_cvyrh_177{display:flex;flex-direction:column;gap:16px;padding:20px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;position:relative}._instruction_cvyrh_199{margin:0 0 8px;color:#374151;font-size:16px;font-weight:600;text-align:center}._amountInputContainer_cvyrh_217{position:relative;margin:16px 0}._amountInputContainer_cvyrh_217 input{width:100%;padding:20px 24px;font-size:24px!important;font-weight:700;text-align:center;border:2px solid #d1d5db;border-radius:12px;background:#fff;color:#1f2937;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}._amountInputContainer_cvyrh_217 input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 2px 8px rgba(59,130,246,.15);outline:none}._amountInputContainer_cvyrh_217 input::placeholder{color:#9ca3af;font-weight:500;font-size:18px}._amountInputContainer_cvyrh_217 input[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1),0 2px 8px rgba(239,68,68,.15)}._errorMessage_cvyrh_299{color:#ef4444;font-size:14px;font-weight:600;text-align:center;margin-top:8px;padding:8px 12px;background:rgba(239,68,68,.1);border-radius:6px}._summary_cvyrh_321{margin-top:12px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;animation:_slideIn_cvyrh_1 .3s ease-out}@keyframes _slideIn_cvyrh_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._summaryRow_cvyrh_361{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;padding:6px 0}._summaryRow_cvyrh_361:last-child{margin-bottom:0;padding-top:12px;border-top:1px solid #bae6fd;font-size:18px;font-weight:700}._summaryRow_cvyrh_361 span{color:#374151;font-weight:500}._summaryRow_cvyrh_361 strong{color:#0369a1;font-weight:700;font-size:1.05em}._actionButtons_cvyrh_417{display:flex;flex-direction:row;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}._actionButtons_cvyrh_417 button{flex:1;min-height:48px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}._actionButtons_cvyrh_417 button:first-child{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;order:1}._actionButtons_cvyrh_417 button:first-child:hover{background:#e5e7eb;border-color:#9ca3af}._actionButtons_cvyrh_417 button:last-child{background:#3b82f6;color:#fff;order:2}._actionButtons_cvyrh_417 button:last-child:hover:not(:disabled){background:#2563eb}._actionButtons_cvyrh_417 button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border:1px solid #e5e7eb}@media (max-width: 480px){._container_cvyrh_3{gap:12px;max-height:none;margin:-16px;padding:20px;min-height:350px}._modalHeader_cvyrh_35{margin-bottom:16px;padding-bottom:12px}._modalTitle_cvyrh_53{font-size:18px}._debtorInfo_cvyrh_99{padding:16px 12px;margin-bottom:6px}._debtorInfo_cvyrh_99:before{font-size:18px;padding:3px;top:-8px}._totalDebt_cvyrh_163{font-size:20px}._paymentForm_cvyrh_177{padding:16px 12px;gap:12px}._instruction_cvyrh_199{font-size:14px}._amountInputContainer_cvyrh_217 input{padding:16px 20px;font-size:20px!important}._summary_cvyrh_321{padding:12px}._summaryRow_cvyrh_361{font-size:14px}._summaryRow_cvyrh_361:last-child{font-size:16px}._actionButtons_cvyrh_417{gap:12px;margin-top:16px;padding-top:16px;flex-direction:column}._actionButtons_cvyrh_417 button{min-height:44px;font-size:15px}}@media (max-width: 360px){._container_cvyrh_3{gap:10px;max-height:none;margin:-12px;padding:16px;min-height:320px}._modalTitle_cvyrh_53{font-size:16px}._debtorInfo_cvyrh_99{padding:14px 10px}._totalDebt_cvyrh_163{font-size:18px}._paymentForm_cvyrh_177{padding:14px 10px}._amountInputContainer_cvyrh_217 input{padding:14px 18px;font-size:18px!important}._actionButtons_cvyrh_417 button{min-height:42px;font-size:14px}}.franchise-selector-readonly{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#e6f7ff;border-radius:6px;border:1px solid #91d5ff;user-select:none}.franchise-badge{color:#52c41a;font-size:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.franchise-icon{width:18px;height:18px;color:#1890ff;flex-shrink:0}.franchise-name{font-size:14px;font-weight:600;color:#1890ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.franchise-selector-dropdown{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#fafafa;border-radius:6px;border:1px solid #d9d9d9;transition:border-color .3s,box-shadow .3s}.franchise-selector-dropdown:hover{border-color:#1890ff}.franchise-selector-dropdown:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.franchise-select{min-width:180px;padding:4px 20px 4px 8px;font-size:14px;font-weight:500;color:#262626;background:transparent;border:none;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23595959' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.franchise-select:disabled{cursor:not-allowed;opacity:.6}.franchise-select:hover:not(:disabled){color:#1890ff}.franchise-select option{padding:8px;font-size:14px;color:#262626;background:#fff}.franchise-loading{display:inline-block;font-size:16px;color:#1890ff;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.franchise-selector-readonly,.franchise-selector-dropdown{padding:4px 10px}.franchise-name{font-size:13px;max-width:150px}.franchise-select{min-width:140px;font-size:13px}}*,*:before,*:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}.custom-toast{animation:toastSlideIn .3s ease-out}.custom-toast.leaving{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media (max-width: 768px){.custom-toast{max-width:85vw!important;min-width:250px!important;font-size:16px!important;padding:14px 18px!important}}@media (pointer: coarse){.custom-toast{max-width:85vw!important;min-width:250px!important;font-size:16px!important;padding:14px 18px!important;touch-action:manipulation!important}}.ant-message *{transition-duration:.3s!important;transition-delay:0s!important;animation-duration:.3s!important;animation-delay:0s!important}.ant-message{display:block!important;visibility:visible!important;opacity:1!important}.ant-message-notice{animation:none!important;transition:opacity .3s ease,transform .3s ease!important}.ant-message-notice-leave{opacity:0!important;transform:translateY(-100%)!important;transition:opacity .3s ease,transform .3s ease!important}.ant-message-notice-fade-leave{animation:none!important;opacity:0!important;transform:translateY(-100%)!important;transition:opacity .3s ease,transform .3s ease!important}@media (pointer: coarse),(max-width: 768px){.ant-message,.ant-message *{display:block!important;visibility:visible!important;opacity:1!important;transition-duration:.3s!important;animation-duration:.3s!important}.ant-message-notice,.ant-message-notice-leave{animation-duration:.3s!important;transition-duration:.3s!important}.ant-message-notice{min-height:48px!important;padding:12px 16px!important;font-size:16px!important;line-height:1.4!important}.ant-message-notice-close{min-width:48px!important;min-height:48px!important;font-size:20px!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)!important}}.ant-message .anticon-close,.ant-message-notice .anticon-close,.ant-message-notice-close,.ant-notification .anticon-close,.ant-notification-notice .anticon-close{pointer-events:auto!important;cursor:pointer!important;-webkit-touch-callout:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.ant-btn:hover,.ant-btn:focus,.ant-btn:active{transform:none!important}.ant-card:hover{transform:none!important}.ant-btn,.ant-card,.ant-input{transition:none!important}.ant-input:hover,.ant-input:focus{transition:none!important}.ant-modal,.ant-modal-mask,.ant-drawer,.ant-drawer-mask{transition:none!important}.ant-notification,.ant-notification-notice{transition:all .3s ease!important}.ant-notification .anticon-close,.ant-notification-notice .anticon-close{pointer-events:auto!important;cursor:pointer!important;-webkit-touch-callout:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.ant-message,.ant-message-notice,.ant-message-notice-content{transition:all .3s ease!important}.ant-message-notice .anticon-close:hover,.ant-message-notice .ant-message-notice-close:hover{opacity:1!important}.ant-tooltip,.ant-popover{transition:none!important}.ant-btn:focus{outline:none!important}.ant-btn:after{display:none!important}@media (pointer: coarse){*{transition:none!important;animation:none!important}.shared-spinner,.large-loading-spinner,.loading-spinner{animation:spinnerRotate .6s linear infinite!important;-webkit-animation:spinnerRotate .6s linear infinite!important}.ant-message *,.ant-message-notice *,.ant-message-notice-content *,.ant-notification *,.ant-notification-notice *{transition:all .3s ease!important;animation:none!important;-webkit-touch-callout:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.ant-btn:active{transform:none!important;box-shadow:none!important}.ant-btn,.product-card,.payment-option{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}}html{scroll-behavior:auto!important;overflow:hidden!important}body{overflow:hidden!important;height:100vh!important}#root{height:100vh!important;overflow:hidden!important}.ant-input:focus,.ant-select:focus,.ant-btn:focus{box-shadow:none!important;border-color:#1890ff!important}.ant-row{display:flex!important}.ant-col{display:block!important}.ant-spin,.ant-spin-dot,.ant-spin-dot-item{animation:none!important}.ant-list-item{transition:none!important}.ant-table-row:hover{background-color:#fafafa!important;transition:none!important}.ant-modal-content,.ant-drawer-content{transition:none!important}.ant-skeleton{animation:none!important}.ant-skeleton-title,.ant-skeleton-paragraph>li{animation:none!important}.ant-form-item,.ant-form-item-control,.ant-progress-line-path,.ant-progress-circle-path{transition:none!important}.ant-menu-item:hover,.ant-menu-item:active{transition:none!important;transform:none!important}.ant-cascader-menu,.ant-picker-panel,.ant-slider-track,.ant-slider-handle,.ant-tabs-tab,.ant-tabs-ink-bar,.ant-collapse-content,.ant-collapse-header,.ant-switch,.ant-rate-star,.ant-upload,.ant-alert{transition:none!important}.ant-tree-node-content-wrapper:hover{background-color:#f5f5f5!important;transition:none!important}.ant-timeline-item{transition:none!important}.ant-transfer-list-item:hover{background-color:#f5f5f5!important;transition:none!important}.product-card,.payment-option,.balanza-card,.keypad-button{will-change:auto!important;transform:translateZ(0)!important;backface-visibility:hidden!important}@media (pointer: coarse){.ant-layout-content,.ant-card-body,.ant-list-item-content{-webkit-overflow-scrolling:touch!important;transform:translateZ(0)!important}}.balanza-keypad-container{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:none!important;pointer-events:auto!important;overflow:hidden!important}.balanza-keypad-overlay{touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.balanza-large-keypad{touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;overflow:hidden!important;position:relative!important}.balanza-large-keypad .ant-btn{touch-action:manipulation!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.balanza-large-keypad .ant-row,.balanza-large-keypad .ant-col{touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}@media (max-width: 767px){.ant-modal{max-width:95vw!important;margin:8px!important;top:20px!important;padding-bottom:0!important}.ant-modal-content{border-radius:12px!important;overflow:hidden}.ant-modal-header{padding:16px 20px 12px!important;border-bottom:1px solid #f0f0f0}.ant-modal-title{font-size:18px!important;font-weight:600}.ant-modal-body{padding:16px 20px 20px!important;max-height:calc(100vh - 200px);overflow-y:auto}.ant-modal-close{top:12px!important;right:16px!important;width:32px!important;height:32px!important}.ant-modal-close-x{width:32px!important;height:32px!important;line-height:32px!important;font-size:16px!important}.ant-form-item{margin-bottom:16px!important}.ant-form-item-label{padding-bottom:4px!important}.ant-form-item-label>label{font-size:14px!important;font-weight:600}.ant-input-number{height:44px!important;font-size:16px!important;border-radius:8px!important;border-width:2px!important}.ant-input-number:focus,.ant-input-number-focused{border-color:#1890ff!important;box-shadow:0 0 0 2px rgba(24,144,255,.2)!important}.ant-input-number-input{height:40px!important;font-size:16px!important}.ant-btn{height:44px!important;font-size:15px!important;font-weight:500;border-radius:8px!important;padding:0 20px!important;border-width:2px!important;transition:all .2s ease}.ant-btn-primary{box-shadow:0 2px 8px rgba(24,144,255,.3)}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,144,255,.4)}.ant-btn-primary:active{transform:translateY(0)}.ant-typography{font-size:14px!important}.ant-typography h1{font-size:24px!important}.ant-typography h2{font-size:20px!important}.ant-typography h3{font-size:18px!important}.ant-typography h4{font-size:16px!important}.ant-typography h5{font-size:14px!important}.ant-space-vertical{width:100%!important}.ant-space-item{width:100%}.ant-divider{margin:16px 0!important}}@media (min-width: 768px) and (max-width: 1023px){.ant-modal{max-width:600px!important;margin:40px auto!important}.ant-modal-body{padding:24px!important}.ant-btn{height:40px!important;font-size:14px!important}}@media (min-width: 1024px){.ant-modal{top:100px}.ant-btn:hover{transform:translateY(-1px);transition:all .2s ease}}@media (prefers-contrast: high){.ant-modal-content{border:2px solid #000!important}.ant-btn,.ant-input-number{border-width:2px!important}}@media (prefers-reduced-motion: reduce){.ant-btn,.ant-modal,.ant-input-number{transition:none!important}}@media (prefers-color-scheme: dark){.ant-modal-content{background-color:#1f1f1f;color:#fff}.ant-modal-header{background-color:#1f1f1f;border-bottom-color:#434343}.ant-modal-title{color:#fff}}@media (max-width: 767px){.touch-target,[role=button],button,.ant-btn,.ant-input-number,.ant-modal-close{min-height:44px;min-width:44px}}.loading-state{opacity:.6;pointer-events:none;position:relative}.loading-state:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);border-radius:inherit}.success-state{border-color:#52c41a!important;box-shadow:0 0 0 2px rgba(82,196,26,.2)!important}.error-state{border-color:#ff4d4f!important;box-shadow:0 0 0 2px rgba(255,77,79,.2)!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.ant-btn:focus,.ant-input-number:focus{outline:2px solid #1890ff;outline-offset:2px}}.ant-input-clear-icon{position:relative!important;font-size:16px!important}.ant-input-clear-icon:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}