:root{--color-primary: #059669;--color-primary-rgb: 5, 150, 105;--color-primary-50: #ecfdf5;--color-primary-100: #d1fae5;--color-primary-200: #a7f3d0;--color-primary-300: #6ee7b7;--color-primary-400: #34d399;--color-primary-500: #10b981;--color-primary-600: #059669;--color-primary-700: #047857;--color-primary-800: #065f46;--color-primary-900: #064e3b;--color-primary-950: #022c22;--color-accent: #059669;--color-accent-700: #047857;--color-accent-600: #059669;--color-accent-500: #10b981;--color-accent-400: #34d399;--color-accent-100: #d1fae5;--color-accent-50: #ecfdf5;--accent-gold: #059669;--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-bg-light: #f8fafc;--color-bg-secondary: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-success: #059669;--color-success-bg: #ecfdf5;--color-success-text: #065f46;--color-success-border: #a7f3d0;--color-success-100: #d1fae5;--color-success-300: #6ee7b7;--color-success-700: #047857;--color-success-900: #064e3b;--color-success-950: #022c22;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-text: #b45309;--color-warning-border: #fde68a;--color-warning-100: #fef3c7;--color-warning-300: #fcd34d;--color-warning-700: #b45309;--color-warning-900: #78350f;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-text: #b91c1c;--color-danger-border: #fecaca;--color-danger-100: #fee2e2;--color-danger-300: #fca5a5;--color-danger-700: #b91c1c;--color-danger-900: #7f1d1d;--color-info: #0284c7;--color-info-bg: #f0f9ff;--color-info-text: #0369a1;--color-info-border: #bae6fd;--color-info-100: #e0f2fe;--color-info-300: #7dd3fc;--color-info-700: #0369a1;--color-info-900: #0c4a6e;--surface-body: #f8fafc;--surface-card: #ffffff;--surface-sidebar: #ffffff;--surface-header: #ffffff;--border-default: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-on-dark: #ffffff;--text-link: #059669;--font-family-base: "Cairo", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Consolas", monospace;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-md: 1.05rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.45rem;--font-size-2xl: 1.85rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.3;--line-height-base: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .02);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .04), 0 2px 4px -2px rgba(15, 23, 42, .02);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .05), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--header-height: 70px;--sidebar-width: 280px;--sidebar-width-collapsed: 80px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--surface-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{margin:0 0 var(--space-3);color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-700);text-decoration:underline}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.page-container{padding:var(--space-5) var(--space-6);width:100%;max-width:100%;min-width:0;box-sizing:border-box;background-color:var(--surface-body)!important;min-height:100vh}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 2px 14px #3c2a190a;padding:var(--space-5);width:100%;max-width:100%;min-width:0;box-sizing:border-box;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:0 6px 22px #3c2a1912}.form-card,.invoice-form-card,.wide-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.card-header,.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.card-header h1,.card-header h2,.card-header h3,.page-header h1,.page-header h2,.page-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.header-title-box{display:flex;align-items:center;gap:14px}.header-icon-badge{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border:1px solid #a7f3d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.header-icon-badge svg{width:22px;height:22px}.title-with-count{display:flex;align-items:center;gap:10px}.count-badge,.title-count-badge{background:#f1f5f9;color:#475569;font-size:.78rem;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid #e2e8f0}.header-subtitle,.page-subtitle{font-size:.83rem;color:#64748b;margin-top:4px;margin-bottom:0;display:block}.page-actions,.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 18px;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important;filter:grayscale(20%)}.btn-primary{background-color:var(--color-primary);color:var(--text-on-dark);border-color:var(--color-primary-700)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-800);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.35);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(var(--color-primary-rgb),.3)}.btn-accent{background-color:var(--color-accent);color:var(--text-on-dark);border-color:var(--color-accent-700)}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-700);border-color:var(--color-accent-800);color:var(--text-on-dark);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.35);transform:translateY(-2px)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-neutral-0);border:1px solid var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-50);border-color:var(--color-neutral-500);color:var(--text-primary);box-shadow:0 4px 8px #0000000f;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0);background-color:var(--color-neutral-100)}.btn-success{background-color:var(--color-success);color:var(--text-on-dark);border-color:var(--color-success-700)}.btn-success:hover:not(:disabled){background-color:var(--color-success-700);border-color:var(--color-success-900);box-shadow:0 4px 12px #10b98159;transform:translateY(-2px)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-danger{background-color:var(--color-danger);color:var(--text-on-dark);border-color:var(--color-danger-700)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-700);border-color:var(--color-danger-900);box-shadow:0 4px 12px #dc262659;transform:translateY(-2px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--text-primary);box-shadow:0 1px 3px #0000000d}.btn-sm{padding:6px 14px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-md);border-radius:var(--radius-lg)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:6px;font-size:.88rem;font-weight:600;color:var(--text-primary)}.form-control{width:100%;min-height:40px;padding:8px 14px;font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:inset 0 1px 2px #0f172a05;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-control:focus{outline:none;background-color:#fff;border-color:#059669;box-shadow:0 0 0 3px #05966926}.form-control.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441f}.form-error{margin-top:5px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-danger)}.form-hint{margin-top:5px;font-size:var(--font-size-xs);color:var(--text-muted)}.table-wrapper{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:var(--surface-card);box-shadow:var(--shadow-sm);position:relative;margin-bottom:var(--space-4)}.data-table{width:100%;min-width:650px;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.data-table thead{background-color:var(--color-neutral-50)}.data-table th{text-align:start;padding:12px 14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.78rem;letter-spacing:.02em;border-bottom:2px solid var(--border-default);white-space:nowrap;vertical-align:middle}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,background-color .15s ease}.data-table th.sortable:hover{color:var(--text-primary);background-color:var(--color-neutral-100)}.sort-icon{display:inline-block;margin-inline-start:4px;font-size:.75rem;color:var(--text-muted)}.data-table td{padding:11px 14px;border-bottom:1px solid var(--color-neutral-100);color:var(--text-primary);vertical-align:middle;font-size:.86rem}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--color-neutral-50)}.data-table tbody tr:last-child td{border-bottom:none}.td-amount,.amount-cell,.data-table td.td-amount,.data-table td.amount-cell{font-weight:700!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:right!important;white-space:nowrap!important;color:var(--text-primary)}.td-amount small,.amount-cell small,.currency-symbol{font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-inline-start:3px}.td-debit{color:var(--color-success)!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:right!important}.td-credit{color:#b91c1c!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:right!important}.code-cell,.td-code{font-weight:700!important;color:var(--color-primary-700)!important;white-space:nowrap!important;font-family:var(--font-family-mono, monospace)!important;font-size:.82rem!important;direction:ltr!important;text-align:right!important}.date-cell,.td-date{white-space:nowrap!important;font-variant-numeric:tabular-nums!important;font-size:.82rem!important;direction:ltr!important;text-align:right!important;color:#334155!important;font-weight:500!important}.actions-col,.actions-cell{width:1%!important;white-space:nowrap!important;text-align:center!important}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid var(--border-default, #e6ded2);background-color:#fff;color:var(--text-secondary, #6b5646);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-action:hover{background-color:#f1f5f9;border-color:var(--color-primary, #059669);color:var(--text-primary, #0f172a)}.btn-action-primary{background-color:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.btn-action-primary:hover{background-color:var(--color-primary-100);border-color:var(--color-primary-300);color:var(--color-primary-800)}.btn-action-danger{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn-action-danger:hover{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.empty-state{text-align:center;padding:40px 20px!important;color:#64748b}.empty-state-icon{width:44px;height:44px;margin:0 auto 10px;color:#94a3b8;display:block}.empty-state-title{font-size:.95rem;font-weight:700;color:#334155;margin-bottom:4px}.empty-state-text{font-size:.83rem;color:#64748b;margin:0}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap;line-height:1.2}.badge-success{background-color:#f0fdf4;color:#15803d;border-color:#bbf7d0}.badge-warning{background-color:#fffbeb;color:#b45309;border-color:#fde68a}.badge-danger{background-color:#fef2f2;color:#b91c1c;border-color:#fecaca}.badge-info{background-color:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.badge-neutral{background-color:#f8fafc;color:#475569;border-color:#e2e8f0}.alert-danger{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.alert-success{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.alert-info{background-color:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:#dc2626}.text-success{color:#16a34a}.text-primary{color:var(--color-primary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed!important;inset:0!important;background:#0f172a99!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:16px;box-sizing:border-box}.modal-box{background:#fff!important;border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;padding:24px!important;width:100%!important;max-width:460px;border:1px solid #e2e8f0!important;animation:modalPop .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-box h3{margin-top:0;margin-bottom:var(--space-2);font-size:1.15rem;font-weight:700;color:#0f172a}.fixed{position:fixed!important}.inset-0{inset:0!important}.z-50{z-index:9999!important}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite!important}.pos-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#0f172a99!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;box-sizing:border-box}.pos-modal-container{background-color:#fff!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important;width:100%!important;max-width:600px;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;direction:rtl!important;text-align:right!important;border:1px solid #e2e8f0!important;animation:posModalPop .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.pos-modal-container.max-w-xl{max-width:620px!important}.pos-modal-container.max-w-2xl{max-width:720px!important}.pos-modal-container.max-w-4xl{max-width:900px!important}.pos-modal-container.max-w-md{max-width:450px!important}@keyframes posModalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pos-modal-header{background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff!important;padding:16px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0}.pos-modal-body{padding:24px!important;overflow-y:auto!important;flex:1;background-color:#fff!important}.pos-modal-footer{background-color:#f8fafc!important;padding:16px 24px!important;border-top:1px solid var(--border-default, #e2e8f0)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;flex-shrink:0}.cashier-quick-input-bar{background-color:#f8fafc!important;border:1px solid var(--border-default, #e2e8f0)!important;border-radius:10px!important;padding:10px 14px!important}.totals-summary-card,.totals-box{background-color:#f8fafc!important;border:1px solid var(--border-default, #e2e8f0)!important;border-radius:12px!important;padding:18px!important;box-shadow:0 1px 3px #0f172a0a!important}.totals-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:5px 0!important;font-size:.88rem!important;color:var(--text-secondary, #475569)!important}.totals-row.discount-row .totals-value,.discount-text{color:#dc2626!important;font-weight:600!important}.grand-total-row{margin-top:10px!important;padding-top:10px!important;border-top:2px solid var(--border-default, #e2e8f0)!important;font-size:1.15rem!important;font-weight:800!important;color:var(--text-primary, #0f172a)!important}.grand-total-row .totals-value,.grand-total-value{color:#059669!important;font-size:1.45rem!important;font-weight:800!important}.fast-scan-input{border-color:var(--border-default, #e2e8f0)!important;background-color:#fff!important}.fast-scan-input:focus{border-color:#059669!important;box-shadow:0 0 0 3px #05966926!important}.resizable-th{background-color:#f8fafc!important;color:var(--text-primary, #0f172a)!important;font-weight:700!important;font-size:.85rem!important;border-bottom:2px solid #e2e8f0!important;padding:11px 8px!important;text-align:center!important;border-inline-end:1px solid #e2e8f0!important}.dynamic-table th,.dynamic-table td{border-inline-end:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;text-align:center!important;vertical-align:middle!important;padding:8px 6px!important}.dynamic-table th:last-child,.dynamic-table td:last-child{border-inline-end:none!important}.dynamic-table input.form-control,.dynamic-table select.form-control{border:1px solid #cbd5e1!important;border-radius:6px!important;background-color:#fff!important;padding:6px 10px!important;font-size:.88rem!important;text-align:center!important;height:36px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}.dynamic-table input.form-control:focus,.dynamic-table select.form-control:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #05966926!important}.dynamic-table td.item-typeahead-container input.form-control{text-align:right!important;padding-right:12px!important}.dynamic-table td button.btn-danger,.dynamic-table td .btn-delete-row{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;background-color:#dc2626!important;border:1px solid #dc2626!important;color:#fff!important;font-weight:700!important;font-size:.85rem!important;margin:0 auto!important;cursor:pointer!important;transition:all .15s ease!important}.dynamic-table td button.btn-danger:hover,.dynamic-table td .btn-delete-row:hover{background-color:#b91c1c!important;border-color:#b91c1c!important;transform:scale(1.05)}.btn-add-line{background-color:var(--color-primary-50)!important;color:var(--color-primary)!important;border:1px solid var(--color-primary-200)!important;font-weight:700!important;border-radius:8px!important;transition:all .15s ease!important}.btn-add-line:hover{background-color:var(--color-primary-100)!important;border-color:var(--color-primary-300)!important;color:var(--color-primary-700)!important}.btn-save-master{background-color:var(--color-primary)!important;color:#fff!important;font-weight:700!important;font-size:.95rem!important;padding:10px 22px!important;border-radius:8px!important;border:1px solid var(--color-primary)!important;box-shadow:0 2px 6px #05966940!important;transition:all .2s ease!important}.btn-save-master:hover{background-color:var(--color-primary-700)!important;border-color:var(--color-primary-700)!important;box-shadow:0 4px 14px #05966959!important;transform:translateY(-1px)}@media(max-width:991.98px){.page-container{padding:16px 14px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.card,.form-card,.invoice-form-card,.form-section-card{padding:16px 14px!important;border-radius:12px!important;margin-bottom:16px!important}}@media(max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;position:relative!important}.page-container{padding:12px 10px!important}.page-header,.card-header,.section-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.page-header h1,.page-header h2,.card-header h2,.card-header h3{font-size:1.2rem!important}.page-actions,.card-header .btn,.header-actions,.button-group{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.page-actions .btn,.header-actions .btn{flex:1 1 auto!important;justify-content:center!important}.actions-cell,.actions-col{white-space:nowrap!important;width:1%!important;text-align:center!important}.actions-cell .actions-group,td .actions-group{display:inline-flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;width:auto!important;gap:5px!important;align-items:center!important;justify-content:center!important}.actions-cell .actions-group .btn,td .actions-group .btn{width:auto!important;flex:0 0 auto!important;padding:5px 9px!important;font-size:12px!important;white-space:nowrap!important}.toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.toolbar>*{width:100%!important;max-width:100%!important}.toolbar .search-box,.toolbar .search-input-wrapper{width:100%!important;max-width:100%!important;min-width:0!important}.toolbar .date-range-filter{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:space-between!important;box-sizing:border-box!important}.toolbar .date-range-filter .date-input{flex:1 1 120px!important;min-width:110px!important}.toolbar select.form-control,.toolbar select.page-size-select{width:100%!important}.kpi-grid,.stats-grid,.summary-grid,.dashboard-summary-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important}.dashboard-row{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important;gap:12px!important}.form-actions{flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important;width:100%!important}.form-actions>*{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important}.form-actions .btn,.form-actions button{width:100%!important;justify-content:center!important;min-height:42px!important}input.form-control,select.form-control,textarea.form-control{font-size:15px!important;min-height:42px!important}.table-wrapper,.dynamic-table-container,.table-container,.data-table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important;border-radius:10px!important;margin-bottom:14px!important}.data-table,.dynamic-table{min-width:620px!important}.data-table th,.data-table td,.dynamic-table th,.dynamic-table td{padding:8px 6px!important;font-size:.82rem!important}.totals-section{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.notes-box,.totals-box{width:100%!important;max-width:100%!important;min-width:0!important}.filter-section,.search-section,.filters-container,.filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.filter-section>*,.search-section>*{width:100%!important}.pagination{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;width:100%!important}.pagination>div{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px!important}.modal-overlay,.modal-backdrop{padding:10px!important}.modal-box,.modal-content,.print-modal-container{width:95vw!important;max-width:95vw!important;max-height:90vh!important;padding:16px 14px!important;margin:auto!important;overflow-y:auto!important}.quick-scan-container,.scan-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.pos-header-bottom{flex-wrap:wrap!important;gap:8px!important}.pos-select-box{flex:1 1 calc(50% - 8px)!important;min-width:130px!important}.pos-main-body{flex-direction:column!important;overflow-y:auto!important;height:auto!important}.product-area{width:100%!important;height:auto!important;min-height:360px!important;border-left:none!important;border-bottom:2px solid #e2e8f0!important}.cart-panel{width:100%!important;height:auto!important;min-height:400px!important}}@media(max-width:480px){.page-container{padding:8px 6px!important}.card,.form-card,.invoice-form-card,.form-section-card{padding:12px 10px!important;border-radius:10px!important}.card-header h2,.card-header h3,.page-header h1,.page-header h2{font-size:1.05rem!important}.kpi-grid,.stats-grid,.summary-grid{grid-template-columns:1fr!important;gap:8px!important}.quick-actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.btn{padding:7px 12px!important;font-size:13px!important}.btn-sm{padding:4px 8px!important;font-size:11.5px!important}.modal-box,.modal-content,.pos-modal-container{padding:14px 10px!important;width:98vw!important;max-width:98vw!important;border-radius:12px!important}.data-table th,.data-table td{padding:8px 6px!important;font-size:12px!important}.code-cell,.date-cell{font-size:11.5px!important}.totals-summary-card,.totals-box{padding:12px!important}.grand-total-row .totals-value,.grand-total-value{font-size:1.25rem!important}.pos-select-box{flex:1 1 100%!important;min-width:100%!important}.pos-brand-text{display:none!important}}.only-print{display:none}.code-cell{font-weight:700!important;color:var(--color-primary-700, var(--color-primary-700))!important;white-space:nowrap!important;font-family:monospace,system-ui!important;font-size:13px!important;direction:ltr!important;text-align:right!important}.date-cell{white-space:nowrap!important;font-variant-numeric:tabular-nums!important;font-family:monospace,system-ui!important;font-size:13px!important;direction:ltr!important;text-align:right!important;color:#334155!important;font-weight:500!important}.actions-col{width:1%!important;white-space:nowrap!important;text-align:center!important}.actions-cell{white-space:nowrap!important;width:1%!important;text-align:center!important}.actions-group{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:nowrap!important;white-space:nowrap!important}.actions-group .btn,.actions-cell .btn{white-space:nowrap!important}.date-range-filter{display:inline-flex;align-items:center;gap:8px;background:var(--surface-ground, #f8fafc);padding:4px 10px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.date-input{border:1px solid var(--border-default, #cbd5e1);border-radius:var(--radius-sm, 6px);padding:4px 8px;font-size:13px;color:#1e293b;background:#fff;outline:none;direction:ltr}.btn-clear-date{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px}.btn-clear-date:hover{background:#e2e8f0;color:#0f172a}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.col-span-1{grid-column:span 1 / span 1!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-3{grid-column:span 3 / span 3!important}.col-span-4{grid-column:span 4 / span 4!important}.col-span-5{grid-column:span 5 / span 5!important}.col-span-6{grid-column:span 6 / span 6!important}.col-span-full{grid-column:1 / -1!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.min-w-0{min-width:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.md\:col-span-1{grid-column:span 1 / span 1!important}.md\:col-span-2{grid-column:span 2 / span 2!important}.md\:col-span-3{grid-column:span 3 / span 3!important}.md\:col-span-4{grid-column:span 4 / span 4!important}.md\:col-span-full{grid-column:1 / -1!important}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.lg\:col-span-1{grid-column:span 1 / span 1!important}.lg\:col-span-2{grid-column:span 2 / span 2!important}.lg\:col-span-3{grid-column:span 3 / span 3!important}.lg\:col-span-4{grid-column:span 4 / span 4!important}.lg\:col-span-full{grid-column:1 / -1!important}}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;box-sizing:border-box;margin-bottom:var(--space-4, 16px)}.toolbar-start{display:flex;align-items:center;flex-wrap:wrap;gap:12px;flex:1;min-width:0}.toolbar-end{display:flex;align-items:center;gap:10px;flex-shrink:0}.filter-select-wrapper{position:relative;min-width:180px;max-width:260px}.filter-select-wrapper select.form-control,.toolbar select.form-control{height:40px!important;min-height:40px!important;border-radius:9px!important;border:1.5px solid #cbd5e1!important;background-color:#fff!important;font-size:.88rem!important;color:#0f172a!important;padding:6px 14px!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0f172a0a!important;cursor:pointer}.filter-select-wrapper select.form-control:focus,.toolbar select.form-control:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3.5px #05966924!important;outline:none!important}.toolbar-start .btn-reset,.toolbar-start button.btn-secondary,.toolbar-start .btn.btn-secondary{height:40px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0 14px!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;white-space:nowrap!important;border:1.5px solid #cbd5e1!important;background-color:#fff!important;color:#475569!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0f172a0a!important;cursor:pointer}.toolbar-start .btn-reset:hover,.toolbar-start button.btn-secondary:hover,.toolbar-start .btn.btn-secondary:hover{background-color:#f8fafc!important;border-color:#94a3b8!important;color:#0f172a!important}.toolbar-end .page-size-label{font-size:.85rem;font-weight:500;color:#64748b;white-space:nowrap}.toolbar-end select.page-size-select{height:40px!important;min-height:40px!important;min-width:95px;border-radius:9px!important;border:1.5px solid #cbd5e1!important;background-color:#fff!important;font-size:.85rem!important;padding:6px 10px!important;color:#0f172a!important;box-shadow:0 1px 2px #0f172a0a!important;cursor:pointer}.search-box,.search-input-wrapper{position:relative;flex:1;min-width:240px;max-width:440px;display:flex;align-items:center}.search-box .search-icon,.search-input-wrapper .search-icon{position:absolute;top:50%;inset-inline-start:12px;transform:translateY(-50%);width:17px;height:17px;color:#94a3b8;pointer-events:none;z-index:1}.search-box input.form-control,.search-input-wrapper input.form-control,input.search-input{width:100%;height:40px!important;min-height:40px!important;padding:8px 14px;padding-inline-start:38px!important;padding-inline-end:36px!important;border-radius:9px!important;border:1.5px solid #cbd5e1!important;background-color:#fff!important;font-size:.88rem!important;color:#0f172a!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0f172a0a!important}.search-box:not(:has(.search-icon)) input.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}[dir=ltr] .search-box:not(:has(.search-icon)) input.form-control{background-position:left 12px center}.search-box input.form-control:focus,.search-input-wrapper input.form-control:focus,input.search-input:focus{border-color:var(--color-primary)!important;background-color:#fff!important;box-shadow:0 0 0 3.5px #2563eb24!important;outline:none!important}.search-box .btn-clear-search,.search-input-wrapper .btn-clear-search{position:absolute;top:50%;inset-inline-end:10px;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;font-size:13px;width:22px;height:22px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:2}.search-box .btn-clear-search:hover,.search-input-wrapper .btn-clear-search:hover{background-color:#fee2e2;color:#dc2626}.filter-bar,.filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill{padding:6px 14px;border-radius:20px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#475569;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#0f172a}.filter-pill.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 6px #2563eb40}.date-range-filter{display:inline-flex;align-items:center;gap:8px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:4px 12px;font-size:.84rem}.date-range-filter .date-label{font-weight:700;color:#334155;font-size:.82rem;display:inline-flex;align-items:center;gap:4px}.date-range-filter .date-input-group{display:flex;align-items:center;gap:6px}.date-range-filter .date-sublabel{font-size:.78rem;color:#64748b;font-weight:600}.date-picker-input,.date-range-filter .date-input{border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:.82rem;background-color:#fff;color:#0f172a;outline:none;transition:border-color .15s ease;height:32px}.date-picker-input:focus,.date-range-filter .date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb26}.date-separator{color:#94a3b8;font-weight:700;font-size:.85rem}.tabs-bar,.tabs-container{display:flex!important;align-items:center;gap:8px;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;scrollbar-width:thin;padding-bottom:6px;max-width:100%}.tabs-bar::-webkit-scrollbar,.tabs-container::-webkit-scrollbar{height:4px}.tabs-bar::-webkit-scrollbar-thumb,.tabs-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tab-btn{flex-shrink:0!important;white-space:nowrap!important}@media(max-width:991.98px){.page-container,.card{padding:16px 14px}}@media(max-width:767.98px){html,body{overflow-x:hidden!important;max-width:100vw!important}.page-container{padding:10px 8px!important;min-height:auto!important;overflow-x:hidden!important;max-width:100vw!important}.card{padding:14px 10px!important;border-radius:10px!important;margin-bottom:12px!important}.card-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.card-header h2,.card-header h3{font-size:1.15rem!important;line-height:1.4!important}.card-header .flex{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important}.card-header .flex .btn{flex:1 1 auto!important;min-width:120px!important;text-align:center!important}.toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.toolbar>.flex,.toolbar-start{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:10px!important}.toolbar-end{width:100%!important;justify-content:space-between!important}.filter-select-wrapper{width:100%!important;max-width:100%!important}.search-box{width:100%!important;max-width:100%!important;min-width:0!important}.search-box .form-control{width:100%!important;font-size:13px!important;height:40px!important}.date-range-filter{display:flex!important;flex-wrap:wrap!important;width:100%!important;box-sizing:border-box!important;padding:8px 10px!important;gap:8px!important;justify-content:space-between!important}.date-range-filter .date-input-group{flex:1 1 calc(50% - 16px)!important;min-width:110px!important}.date-picker-input,.date-range-filter .date-input{width:100%!important;box-sizing:border-box!important;font-size:12px!important;height:36px!important}.date-range-filter .date-separator{display:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:10px!important}.col-span-2,.col-span-3,.col-span-4,.col-span-5,.col-span-6{grid-column:span 1 / span 1!important}.form-control,select.form-control,input.form-control{font-size:14px!important;height:42px!important;padding:8px 12px!important}.table-wrapper{margin-left:-2px!important;margin-right:-2px!important;border-radius:8px!important;border:1px solid #e2e8f0!important}.data-table{min-width:650px!important}.data-table th,.data-table td{padding:10px 12px!important;font-size:13px!important}.modal-overlay{padding:12px!important}.modal-box{max-width:calc(100vw - 24px)!important;width:100%!important;padding:16px!important;border-radius:12px!important;max-height:90vh!important;overflow-y:auto!important}.modal-box .flex{flex-direction:column-reverse!important;gap:8px!important}.modal-box .flex button{width:100%!important}}@media(max-width:480px){.page-container{padding:6px 4px!important}.card{padding:12px 8px!important;border-radius:8px!important}.card-header h2,.card-header h3{font-size:1.05rem!important}.btn{padding:7px 12px!important;font-size:13px!important}.btn-sm{padding:5px 8px!important;font-size:12px!important}.badge{padding:2px 7px!important;font-size:11px!important}}@media print{@page{margin:8mm;size:auto}html,body{background:#fff!important;height:auto!important;min-height:auto!important;overflow:visible!important;color:#000!important}.no-print,app-sidebar,app-navbar,header.hub-header,div.hub-studio-grid,.reports-directory-card,.report-canvas-card,.canvas-header,.date-presets-bar,.filter-form-grid,.filter-actions-bar,.print-modal-header,.print-modal-footer,.pos-modal-header,.pos-modal-footer,.btn-close,.canvas-top-actions,.reports-breadcrumbs,.reports-module-tabs,.reports-workspace-grid,.sidebar,.navbar,.top-bar,button:not(.allow-print),.btn:not(.allow-print){display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important}body:has(.print-modal-overlay) .page-container>*:not(app-sales-invoice-print-modal):not(app-purchase-invoice-print-modal){display:none!important}body:has(.pos-modal-overlay) .pos-wrapper>*:not(app-pos-receipt-modal):not(app-pos-payment-modal){display:none!important}.print-modal-overlay,.pos-modal-overlay{position:static!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;display:block!important;z-index:auto!important}.print-modal-container,.pos-modal-container{max-width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important}.print-modal-body,.pos-modal-body{overflow:visible!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important}.page-container,.printable-area,.reports-hub-wrapper,.report-results-wrapper,.card:not(.no-print){display:block!important;position:static!important;background:#fff!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;height:auto!important;min-height:auto!important}.table-wrapper{display:block!important;overflow:visible!important;width:100%!important;height:auto!important;border:none!important;margin:0!important;padding:0!important}table,.data-table,.results-table{display:table!important;width:100%!important;border-collapse:collapse!important;overflow:visible!important;font-size:10pt!important;page-break-inside:auto!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}th{background-color:#f1f5f9!important;color:#0f172a!important;border:1px solid #cbd5e1!important;padding:6px 8px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}td{border:1px solid #e2e8f0!important;padding:6px 8px!important}.printable-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding-bottom:12px!important;border-bottom:2px solid #0f172a!important}}.customer-typeahead-container,.supplier-typeahead-container,.item-typeahead-container,.account-typeahead-container{position:relative}.input-wrapper{position:relative;display:flex;align-items:center}.btn-clear-typeahead{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:2px 6px;line-height:1;z-index:2}.btn-clear-typeahead:hover{color:#ef4444}.btn-clear-typeahead-sm{position:absolute;left:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:1px 4px;line-height:1;z-index:2}.btn-clear-typeahead-sm:hover{color:#ef4444}.typeahead-dropdown{position:absolute;top:100%;right:0;left:0;margin-top:4px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;z-index:1050;max-height:260px;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}.item-dropdown{min-width:280px}.typeahead-list{list-style:none;margin:0;padding:0}.typeahead-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;font-size:13px;color:#1e293b;transition:background-color .12s ease}.typeahead-item:last-child{border-bottom:none}.typeahead-item:hover,.typeahead-item.active{background-color:#ecfdf5;color:#059669}.typeahead-empty{font-size:13px;padding:12px;color:#94a3b8;text-align:center}.typeahead-loading-bar{display:flex;align-items:center;justify-content:center;padding:10px;background:#f8fafc;border-bottom:1px solid #e2e8f0}