:root{--sky-50:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-500:#8b5cf6;--purple-600:#7c3aed;--purple-700:#6d28d9;--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-300:#fda4af;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--bg:#f0f9ff;--surface:#fff;--border:#e2e8f0;--border-focus:var(--sky-500);--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--header-h:64px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 2px 6px #0f172a14;--shadow:0 4px 14px #0f172a17;--shadow-md:0 8px 24px #0f172a1c;--shadow-lg:0 16px 40px #0f172a21;--t-fast:.12s ease;--t:.2s ease;--t-slow:.32s ease;--cash-bg:var(--emerald-500);--card-bg:var(--blue-500);--tabby-bg:var(--amber-500);--cheque-bg:var(--purple-500)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;min-height:100%;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}input::placeholder,textarea::placeholder{font-weight:400;color:#bfc8d6!important;-webkit-text-fill-color:#bfc8d6!important}input,select,textarea{color:#000!important;-webkit-text-fill-color:#000!important;font-family:Montserrat,Arial,sans-serif!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--slate-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}:focus-visible{outline:2px solid var(--sky-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-screen{z-index:9999;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-screen p{color:#ffffffe6;font-size:14px;font-weight:700}.loading-screen small{color:#fff9;font-size:11px}.login-screen{z-index:9998;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.login-container{border-radius:var(--radius-xl);text-align:center;background:#fff;width:90%;max-width:420px;padding:52px 44px;animation:.3s scaleIn;box-shadow:0 20px 60px #00000040}.login-logo{background:linear-gradient(135deg, var(--sky-500), var(--purple-500));border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 24px;font-size:36px;display:flex;box-shadow:0 8px 24px #0ea5e959}.login-header h1{color:var(--slate-800);letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800}.login-header p{color:var(--slate-500);margin-bottom:36px;font-size:14px;font-weight:500}.google-signin-btn{background:var(--sky-600);border-radius:var(--radius-lg);color:#fff;cursor:pointer;width:100%;transition:all var(--t);border:none;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 14px #0284c766}.google-signin-btn:hover{background:var(--sky-700);transform:translateY(-2px);box-shadow:0 6px 20px #0284c780}.google-signin-btn:active{transform:translateY(0)}.login-note{color:var(--slate-400);background:var(--slate-50);border-radius:var(--radius);border:1px solid var(--slate-200);margin-top:20px;padding:10px 16px;font-size:12px;font-weight:500}.main-app{flex-direction:column;min-height:100vh;display:flex}.app-header{height:var(--header-h);border-bottom:1px solid var(--slate-200);z-index:200;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0ea5e914}.header-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--sky-500), var(--sky-700));border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 10px #0ea5e94d}.brand-name{color:var(--sky-700);letter-spacing:.3px;font-size:16px;font-weight:800;line-height:1.2}.brand-sub{color:var(--slate-400);font-size:11px;font-weight:500}.sync-badge{color:#fff;cursor:default;background:#ef4444;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:700;animation:1.8s ease-in-out infinite syncPulse;display:flex;box-shadow:0 0 0 2px #fff,0 0 0 4px #ef4444}@keyframes syncPulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 4px #ef4444}50%{box-shadow:0 0 0 2px #fff,0 0 0 7px #ef444440}}.header-stats{flex-shrink:0;gap:6px;display:flex}.header-stat{background:var(--sky-50);border:1px solid var(--sky-100);border-radius:var(--radius);flex-direction:column;align-items:flex-end;min-width:120px;padding:6px 14px;display:flex}.header-stat.cash{background:var(--emerald-50);border-color:var(--emerald-100)}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--sky-600);font-size:10px;font-weight:600;line-height:1}.header-stat.cash .stat-label{color:var(--emerald-600)}.stat-value{color:var(--sky-700);font-size:15px;font-weight:700;line-height:1.4}.header-stat.cash .stat-value{color:var(--emerald-700)}.header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.hdr-divider{background:var(--slate-200);width:1px;height:28px;margin:0 4px}.hdr-btn{border:1.5px solid var(--slate-200);border-radius:var(--radius);cursor:pointer;color:var(--slate-600);transition:all var(--t);white-space:nowrap;background:#fff;align-items:center;gap:5px;padding:7px 11px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;line-height:1;text-decoration:none;display:flex}.hdr-btn span.hdr-icon{font-size:14px}.hdr-btn:hover{background:var(--sky-50);border-color:var(--sky-200);color:var(--sky-700);box-shadow:var(--shadow-xs)}.hdr-btn.deposit-btn:hover{background:var(--emerald-50);border-color:var(--emerald-200);color:var(--emerald-700)}.hdr-btn.expense-btn:hover{background:var(--rose-50);border-color:var(--rose-300);color:var(--rose-600)}.hdr-btn.repair-btn:hover{background:var(--amber-50);border-color:var(--amber-200);color:var(--amber-700)}.hdr-btn.history-btn:hover{background:var(--purple-50);border-color:var(--purple-200);color:var(--purple-600)}.hdr-btn.report-btn:hover{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700)}.hdr-btn.dashboard-btn{background:var(--sky-600);border-color:var(--sky-700);color:#fff;box-shadow:0 3px 8px #0284c74d}.hdr-btn.dashboard-btn:hover{background:var(--sky-700);border-color:var(--sky-800);color:#fff}.hdr-btn.logout-btn:hover{background:var(--rose-50);border-color:var(--rose-300);color:var(--rose-600)}.main-content{flex-direction:column;flex:1;align-items:center;padding:24px 20px;display:flex;overflow-y:auto}.pos-content-wrapper{flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;width:100%;display:flex}.pos-invoice-area{flex:0 820px;width:100%;min-width:0;max-width:820px}.vat-calc-card{top:calc(var(--header-h) + 24px);border-radius:var(--radius-lg);border:1px solid var(--slate-200);border-top:4px solid var(--sky-600);box-shadow:var(--shadow-md);background:#fff;flex:0 0 210px;margin-top:-20px;position:sticky;overflow:hidden}.vat-calc-title{color:var(--sky-700);letter-spacing:2px;text-transform:uppercase;text-align:center;border-bottom:1px solid var(--sky-100);background:var(--sky-50);padding:12px 16px 10px;font-size:11px;font-weight:800}.vat-calc-body{padding:16px 16px 14px}.vat-calc-field{margin-bottom:12px}.vat-calc-label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.vat-calc-input{background:var(--slate-50);border:1.5px solid var(--slate-200);border-radius:var(--radius);width:100%;color:var(--sky-700);text-align:right;transition:border-color var(--t), box-shadow var(--t), background var(--t);outline:none;padding:9px 12px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}.vat-calc-input:focus{border-color:var(--sky-400);color:var(--sky-800);background:#fff;box-shadow:0 0 0 3px #0ea5e91f}.vat-calc-input::placeholder{color:var(--slate-300);font-size:16px;font-weight:400}.vat-calc-divider{text-align:center;color:var(--sky-300);margin:2px 0 8px;font-size:18px;line-height:1}.vat-calc-note{text-align:center;color:var(--slate-400);letter-spacing:.4px;margin-top:4px;font-size:10px;font-weight:600}.invoice-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--slate-200);background:#fff;width:100%;animation:.3s fadeInUp;overflow:hidden}.invoice-company{border-top:4px solid var(--sky-600);text-align:center;background:#fff;padding:14px 24px 12px}.company-brand{color:var(--sky-800);letter-spacing:3px;font-size:22px;font-weight:900;line-height:1.2}.company-ar{color:#374151;direction:rtl;margin:2px 0 4px;font-family:Arial,sans-serif;font-size:18px;font-weight:700}.company-en{display:none}.company-meta{color:#64748b;margin-top:2px;font-size:10px;font-weight:500;line-height:1.5}.invoice-title-bar{background:var(--sky-50);border-bottom:1px solid var(--sky-100);justify-content:center;align-items:center;padding:8px 24px;display:flex}.invoice-title-bar span{color:var(--sky-700);letter-spacing:2.5px;text-transform:uppercase;font-size:13px;font-weight:800}.invoice-meta{padding:14px 24px}.meta-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.meta-row:last-child{margin-bottom:0}.meta-row-top{justify-content:space-between}.meta-row-top .meta-field{flex:none}.meta-field{flex:auto;align-items:center;gap:9px;min-width:0;display:flex}.meta-field label{color:var(--slate-500);white-space:nowrap;flex-shrink:0;min-width:58px;margin-bottom:0;font-size:11px;font-weight:600}.meta-field input{border:1.5px solid var(--slate-200);border-radius:var(--radius);background:var(--slate-50);width:auto;min-width:0;transition:border-color var(--t), box-shadow var(--t);flex:1;padding:7px 11px;font-size:13px;font-weight:500;font-family:Montserrat,sans-serif!important}.meta-field input:focus{background:#fff;box-shadow:0 0 0 3px #0ea5e91f;border-color:var(--sky-400)!important;outline:none!important}.inv-number-display{background:linear-gradient(135deg, var(--sky-50), var(--sky-100));border:1.5px solid var(--sky-200);border-radius:var(--radius);color:var(--sky-700);letter-spacing:.5px;white-space:nowrap;align-items:center;padding:6px 12px;font-size:14px;font-weight:800;display:flex}.items-section{border-top:1px solid var(--slate-100);padding:0 24px}.items-table{border-collapse:collapse;width:100%}.items-table thead tr{background:var(--sky-700);border-bottom:2px solid var(--sky-800)}.items-table thead th+th,.items-table tbody td+td{border-left:1px solid var(--slate-100)}.items-table thead th{color:#fff;text-align:left;padding:10px 8px;font-size:11px;font-weight:700}.items-table thead th:nth-child(3),.items-table thead th:nth-child(4),.items-table thead th:nth-child(5){text-align:right}.items-table tbody tr{border-bottom:1px solid var(--slate-100);transition:background var(--t-fast)}.items-table tbody tr:hover{background:var(--sky-50)}.items-table tbody td{padding:5px 8px}.items-table tbody td:nth-child(3),.items-table tbody td:nth-child(4){text-align:right}.items-table .amount-cell{text-align:right;color:var(--slate-700);font-size:13px;font-weight:700}.items-table .amount-cell:empty{background:#fafbfc;border:1px solid #e8ecf1;border-radius:4px}.item-input{border:1.5px solid var(--slate-200);border-radius:var(--radius-sm);background:var(--slate-50);width:100%;transition:all var(--t-fast);padding:6px 8px;font-size:13px;font-family:Montserrat,sans-serif!important}.item-input:focus{background:#fff;box-shadow:0 0 0 2px #0ea5e926;border-color:var(--sky-400)!important;outline:none!important}.item-input[type=number]{text-align:right}.add-item-btn{background:var(--sky-50);border:1.5px dashed var(--sky-300);border-radius:var(--radius);color:var(--sky-600);cursor:pointer;transition:all var(--t);align-items:center;gap:6px;margin:10px 0 14px;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;display:flex}.add-item-btn:hover{background:var(--sky-100);border-color:var(--sky-500);color:var(--sky-700)}.invoice-bottom{border-top:2px solid var(--slate-100);justify-content:flex-end;padding:12px 24px 8px;display:flex}.totals-section{flex:0 0 300px;max-width:300px}.payment-section{border-top:1px solid var(--slate-100);padding:6px 24px 10px}.section-label{color:var(--slate-400);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.payment-grid{gap:8px;display:flex}.payment-btn{border:1.5px solid var(--slate-200);border-radius:var(--radius);cursor:pointer;min-width:0;transition:all var(--t);background:#fff;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:6px;font-family:Montserrat,sans-serif;display:flex}.payment-btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.pay-icon{flex-shrink:0;font-size:15px;line-height:1}.pay-label{color:var(--slate-600);white-space:nowrap;letter-spacing:.3px;font-size:11px;font-weight:700}.payment-btn.cash.active{background:var(--emerald-500);border-color:var(--emerald-600);box-shadow:0 4px 12px #10b98159}.payment-btn.card.active{background:var(--blue-500);border-color:var(--blue-600);box-shadow:0 4px 12px #3b82f659}.payment-btn.tabby.active{background:var(--amber-500);border-color:var(--amber-600);box-shadow:0 4px 12px #f59e0b59}.payment-btn.cheque.active{background:var(--purple-500);border-color:var(--purple-600);box-shadow:0 4px 12px #8b5cf659}.payment-btn.active .pay-label{color:#fff}.payment-btn.active .pay-icon{filter:brightness(10)}.payment-btn.cash:not(.active):hover{border-color:var(--emerald-400);background:var(--emerald-50)}.payment-btn.card:not(.active):hover{border-color:var(--blue-400);background:var(--blue-50)}.payment-btn.tabby:not(.active):hover{border-color:var(--amber-400);background:var(--amber-50)}.payment-btn.cheque:not(.active):hover{border-color:var(--purple-400);background:var(--purple-50)}.totals-table{border-collapse:collapse;width:100%}.totals-table tr td{padding:3px 0}.totals-table .t-label{color:var(--slate-500);font-size:12px;font-weight:500}.totals-table .t-value{text-align:right;color:var(--slate-700);font-size:13px;font-weight:600}.totals-table .t-separator td{border-top:1.5px solid var(--sky-100);padding-top:6px;padding-bottom:1px}.grand-row .t-label{color:var(--sky-700);font-size:13px;font-weight:700}.grand-row .t-value{color:var(--sky-700);font-size:15px;font-weight:800}.vat-row .t-label,.vat-row .t-value{color:var(--amber-600)}.action-row{gap:10px;padding:0 24px 20px;display:flex}.btn-clear{background:var(--slate-100);border:1.5px solid var(--slate-200);border-radius:var(--radius);color:var(--slate-600);cursor:pointer;transition:all var(--t);padding:9px 18px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700}.btn-clear:hover{background:var(--slate-200);color:var(--slate-800)}.btn-refund{background:var(--amber-50);border:1.5px solid var(--amber-200);border-radius:var(--radius);color:var(--amber-700);cursor:pointer;transition:all var(--t);justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.btn-refund:hover:not(:disabled){background:var(--amber-100);border-color:var(--amber-500)}.btn-refund:disabled{opacity:.6;cursor:not-allowed}.btn-amend{border-radius:var(--radius);color:#92400e;cursor:pointer;transition:all var(--t);background:#fef3c7;border:1.5px solid #fcd34d;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.btn-amend:hover:not(:disabled){background:#fde68a;border-color:#f59e0b}.btn-amend:disabled{opacity:.6;cursor:not-allowed}.btn-whatsapp{border-radius:var(--radius);color:#15803d;cursor:pointer;transition:all var(--t);background:#dcfce7;border:1.5px solid #86efac;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.btn-whatsapp:hover{background:#bbf7d0;border-color:#4ade80}.btn-print{background:linear-gradient(135deg, var(--sky-500), var(--sky-700));border-radius:var(--radius);color:#fff;cursor:pointer;transition:all var(--t);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px 14px #0284c766}.btn-print:hover{background:linear-gradient(135deg, var(--sky-600), var(--sky-800));transform:translateY(-2px);box-shadow:0 6px 20px #0284c780}.btn-print:active{transform:translateY(0)}.btn-print:disabled{background:var(--slate-300);box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.show{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:100%;max-width:460px;max-height:92vh;animation:.22s scaleIn;display:flex;overflow:hidden}.modal-content.modal-wide{max-width:680px}.modal-content.modal-xlarge{max-width:960px}.modal-header{border-bottom:1px solid var(--slate-100);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h2,.modal-header h3{color:var(--slate-800);align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.modal-close-btn,.modal-close{background:var(--slate-100);border-radius:var(--radius);cursor:pointer;width:32px;height:32px;color:var(--slate-500);transition:all var(--t);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.modal-close-btn:hover,.modal-close:hover{background:var(--rose-100);color:var(--rose-600)}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--slate-100);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.deposit-type-grid{gap:8px;display:flex}.deposit-type-btn{border:1.5px solid var(--slate-200);border-radius:var(--radius);cursor:pointer;color:var(--slate-600);text-align:center;transition:all var(--t);background:#fff;flex:1;padding:9px 10px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.deposit-type-btn:not(.active):hover{border-color:var(--sky-300);background:var(--sky-50);color:var(--sky-700)}.deposit-type-btn.cash.active{background:var(--emerald-500);border-color:var(--emerald-600);color:#fff;box-shadow:0 3px 8px #10b9814d}.deposit-type-btn.cheque.active{background:var(--purple-500);border-color:var(--purple-600);color:#fff;box-shadow:0 3px 8px #8b5cf64d}.form-group{margin-bottom:16px}.form-group label{color:var(--slate-400);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--slate-200);border-radius:var(--radius);background:var(--slate-50);width:100%;transition:border-color var(--t), box-shadow var(--t);padding:10px 13px;font-size:13px;font-weight:500;font-family:Montserrat,sans-serif!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;box-shadow:0 0 0 3px #0ea5e91f;border-color:var(--sky-400)!important;outline:none!important}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--t);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.btn-primary{background:var(--sky-600);color:#fff;box-shadow:0 3px 10px #0284c759}.btn-primary:hover{background:var(--sky-700);transform:translateY(-1px)}.btn-secondary{background:var(--slate-100);color:var(--slate-700);border:1.5px solid var(--slate-200)}.btn-secondary:hover{background:var(--slate-200)}.btn-success{background:var(--emerald-500);color:#fff;box-shadow:0 3px 10px #10b98159}.btn-success:hover{background:var(--emerald-600);transform:translateY(-1px)}.btn-danger{background:var(--rose-500);color:#fff;box-shadow:0 3px 10px #f43f5e4d}.btn-danger:hover{background:var(--rose-600);transform:translateY(-1px)}.repair-table-container{overflow-x:auto}.repair-table{border-collapse:collapse;width:100%;font-size:13px}.repair-table thead th{color:var(--slate-400);background:var(--sky-50);border-bottom:2px solid var(--sky-100);white-space:nowrap;padding:10px 8px;font-size:11px;font-weight:600}.repair-table tbody tr{border-bottom:1px solid var(--slate-100);transition:background var(--t-fast)}.repair-table tbody tr:hover{background:var(--slate-50)}.repair-table tbody td{vertical-align:middle;padding:9px 8px}.repair-table .job-number{color:var(--sky-600);font-weight:700}.repair-table .amount{color:var(--slate-700);font-weight:700}.status-badge-cell{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-inprocess{background:var(--amber-100);color:var(--amber-700)}.status-completed{background:var(--emerald-100);color:var(--emerald-700)}.status-collected{background:var(--slate-100);color:var(--slate-600)}.repair-status-select{border-radius:var(--radius-sm);border:1.5px solid var(--slate-200);cursor:pointer;background:var(--slate-50);transition:border-color var(--t);padding:4px 8px;font-size:12px;font-weight:700;color:var(--slate-700)!important;font-family:Montserrat,sans-serif!important}.repair-status-select:focus{box-shadow:0 0 0 2px #0ea5e91f;border-color:var(--sky-400)!important;outline:none!important}.reprint-btn{background:var(--sky-50);border:1px solid var(--sky-200);border-radius:var(--radius-sm);cursor:pointer;color:var(--sky-600);transition:all var(--t);padding:5px 8px}.reprint-btn:hover{background:var(--sky-100)}.repair-form-group{margin-bottom:14px}.repair-form-group label{color:var(--slate-400);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.repair-form-input{border:1.5px solid var(--slate-200);border-radius:var(--radius);background:var(--slate-50);width:100%;transition:all var(--t);padding:10px 13px;font-size:13px;font-weight:500;font-family:Montserrat,sans-serif!important}.repair-form-input:focus{background:#fff;box-shadow:0 0 0 3px #0ea5e91f;border-color:var(--sky-400)!important;outline:none!important}.history-table-wrap{overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table thead th{text-transform:uppercase;letter-spacing:.5px;color:var(--sky-700);background:var(--sky-50);border-bottom:2px solid var(--sky-100);text-align:left;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:700}.history-table tbody tr{border-bottom:1px solid var(--slate-100);cursor:pointer;transition:background var(--t-fast)}.history-table tbody tr:hover td{background:var(--sky-50)}.history-table tbody td{vertical-align:middle;padding:10px 12px}.history-row-refunded td{opacity:.55}.history-row-amendment td{background:#fffbeb}.history-row-superseded td{opacity:.5;color:var(--slate-400)}.ht-num{color:var(--sky-700);white-space:nowrap;font-weight:800}.ht-total{color:var(--emerald-600);white-space:nowrap;text-align:right;font-weight:800}.ht-time{color:var(--slate-400);white-space:nowrap;font-size:12px}.ht-badges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.history-inv-method{background:var(--slate-200);color:var(--slate-600);text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.history-inv-status{text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.history-inv-status.paid{background:var(--emerald-100);color:var(--emerald-700)}.history-inv-status.refunded{background:var(--rose-100);color:var(--rose-600)}.history-amend-badge{letter-spacing:.5px;color:#92400e;text-transform:uppercase;white-space:nowrap;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.superseded-badge{color:#64748b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.history-loading,.history-empty{text-align:center;color:var(--slate-400);padding:40px;font-size:14px;font-weight:500}.toast{background:var(--slate-800);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:9999;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;max-width:90vw;padding:12px 22px;font-size:14px;font-weight:600;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .22s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{background:var(--emerald-600)}.toast.error{background:var(--rose-600)}.toast.warning{background:var(--amber-600)}.toast.info{background:var(--sky-600)}.dashboard-page{background:#f0f9ff}.dashboard-app{flex-direction:column;min-height:100vh;display:flex}.dashboard-header{border-bottom:1px solid var(--slate-200);height:var(--header-h);z-index:200;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0ea5e914}.dash-brand{align-items:center;gap:12px;display:flex}.dash-brand-icon{background:linear-gradient(135deg, var(--sky-500), var(--sky-700));border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 10px #0ea5e94d}.dash-title{color:var(--sky-700);letter-spacing:.3px;font-size:17px;font-weight:900}.dash-subtitle{color:var(--slate-500);font-size:11px;font-weight:500}.dash-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-action-btn{border:1.5px solid var(--slate-200);border-radius:var(--radius);cursor:pointer;color:var(--slate-600);transition:all var(--t);background:#fff;align-items:center;gap:6px;padding:8px 14px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;display:flex}.dash-action-btn:hover{background:var(--sky-50);border-color:var(--sky-300);color:var(--sky-700);box-shadow:var(--shadow-sm)}.dash-action-danger{border-color:var(--rose-300);color:var(--rose-600)}.dash-action-danger:hover{background:var(--rose-50);border-color:var(--rose-400);color:var(--rose-700)}.dash-right{align-items:center;gap:10px;display:flex}.btn-back-pos{background:var(--sky-600);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--t);border:none;align-items:center;gap:6px;padding:9px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;display:flex;box-shadow:0 3px 8px #0284c759}.btn-back-pos:hover{background:var(--sky-700);transform:translateY(-1px)}.btn-logout{border:1.5px solid var(--slate-200);border-radius:var(--radius);cursor:pointer;color:var(--slate-600);transition:all var(--t);background:#fff;align-items:center;gap:6px;padding:8px 14px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;display:flex}.btn-logout:hover{background:var(--rose-50);border-color:var(--rose-300);color:var(--rose-600)}.dashboard-container{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1320px;margin:0 auto;padding:24px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--t);border:1.5px solid #0000;align-items:center;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-emerald{border-color:var(--emerald-200);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.stat-blue{border-color:var(--sky-200);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.stat-amber{border-color:var(--amber-200);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.stat-purple{border-color:var(--purple-200);background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%)}.stat-indigo{border-color:var(--sky-200);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.stat-emerald .stat-icon{background:#10b98126}.stat-blue .stat-icon{background:#0ea5e926}.stat-amber .stat-icon{background:#f59e0b26}.stat-purple .stat-icon{background:#8b5cf626}.stat-content{flex:1;min-width:0}.stat-label{text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:11px;font-weight:700}.stat-emerald .stat-label{color:var(--emerald-600)}.stat-blue .stat-label{color:var(--sky-600)}.stat-amber .stat-label{color:var(--amber-600)}.stat-purple .stat-label{color:var(--purple-600)}.stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:900;line-height:1.2;overflow:hidden}.stat-emerald .stat-value{color:#064e3b}.stat-blue .stat-value{color:var(--sky-800)}.stat-amber .stat-value{color:#78350f}.stat-purple .stat-value{color:#4c1d95}.stat-meta{color:var(--slate-500);margin-top:3px;font-size:11px;font-weight:500}.section-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.section-header{border-bottom:1px solid var(--slate-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.section-title{color:var(--slate-800);font-size:16px;font-weight:800}.sales-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;display:grid}.breakdown-item{text-align:center;transition:background var(--t-fast);border-right:1px solid var(--slate-100);padding:20px 16px}.breakdown-item:last-child{border-right:none}.breakdown-item:hover{background:var(--sky-50)}.breakdown-icon{margin-bottom:8px;font-size:26px}.breakdown-label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.breakdown-value{color:var(--slate-800);font-size:22px;font-weight:900}.breakdown-meta{color:var(--slate-400);font-size:11px;font-weight:500}.section-actions{gap:6px;display:flex}.btn-filter{border:1.5px solid var(--slate-200);color:var(--slate-500);cursor:pointer;transition:all var(--t);background:#fff;border-radius:20px;padding:6px 14px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700}.btn-filter:hover{border-color:var(--sky-300);color:var(--sky-600)}.btn-filter.active{background:var(--sky-600);border-color:var(--sky-600);color:#fff;box-shadow:0 2px 8px #0284c759}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead tr{border-bottom:2px solid var(--sky-100)}.data-table thead th{text-transform:uppercase;letter-spacing:.6px;color:var(--sky-600);text-align:left;background:var(--sky-50);white-space:nowrap;padding:12px 14px;font-size:10px;font-weight:800}.data-table tbody tr{border-bottom:1px solid var(--slate-100);transition:background var(--t-fast)}.data-table tbody tr:hover{background:var(--sky-50)}.data-table tbody td{vertical-align:middle;padding:11px 14px}.data-table .row-refunded{background:var(--rose-50);opacity:.7}.table-loading,.table-empty,.table-error{text-align:center;color:var(--slate-400);padding:40px;font-size:14px;font-weight:500}.table-error{color:var(--rose-500)}.payment-badge{text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.payment-badge.cash{background:var(--emerald-100);color:var(--emerald-700)}.payment-badge.card{background:var(--blue-100);color:var(--blue-700)}.payment-badge.tabby{background:var(--amber-100);color:var(--amber-700)}.payment-badge.cheque{background:var(--purple-100);color:var(--purple-700)}.status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.paid{background:var(--emerald-100);color:var(--emerald-700)}.status-badge.refunded{background:var(--rose-100);color:var(--rose-700)}.table-action-buttons{gap:6px;display:flex}.btn-table-action{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t);border:1.5px solid;padding:5px 12px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700}.btn-view{border-color:var(--sky-300);color:var(--sky-600);background:var(--sky-50)}.btn-view:hover{background:var(--sky-100)}.btn-refund{border-color:var(--rose-300);color:var(--rose-600);background:var(--rose-50)}.btn-refund:hover{background:var(--rose-100)}.refunded-label{color:var(--slate-400);font-size:11px;font-weight:600}.pagination{justify-content:center;padding:14px 20px;display:flex}.btn-pagination{background:var(--sky-50);border:1.5px solid var(--sky-200);color:var(--sky-600);cursor:pointer;transition:all var(--t);border-radius:20px;padding:9px 24px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.btn-pagination:hover{background:var(--sky-100)}.quarter-section{margin-bottom:20px}.quarter-section h3{color:var(--slate-700);margin-bottom:12px;font-size:14px;font-weight:800}.quarter-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quarter-btn{text-align:center;border:2px solid var(--slate-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--t);background:#fff;padding:14px 8px;font-family:Montserrat,sans-serif}.quarter-btn:hover{border-color:var(--sky-400);background:var(--sky-50);box-shadow:var(--shadow-sm)}.quarter-name{color:var(--sky-600);font-size:18px;font-weight:800}.quarter-period{color:var(--slate-700);font-size:13px;font-weight:700}.quarter-label{color:var(--slate-400);font-size:11px;font-weight:600}.date-range-section{margin-bottom:20px}.date-range-section h3{color:var(--slate-700);margin-bottom:12px;font-size:14px;font-weight:800}.date-range-inputs{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.input-group{flex:1;min-width:130px}.input-group label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.input-date{border:1.5px solid var(--slate-200);border-radius:var(--radius);background:var(--slate-50);width:100%;padding:9px 12px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif!important}.input-date:focus{box-shadow:0 0 0 3px #0ea5e91f;border-color:var(--sky-400)!important;outline:none!important}.btn-generate{background:var(--sky-600);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--t);white-space:nowrap;border:none;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;box-shadow:0 3px 8px #0284c759}.btn-generate:hover{background:var(--sky-700)}.report-actions{border-top:1px solid var(--slate-100);justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;display:flex}.btn-export{border-radius:var(--radius);cursor:pointer;transition:all var(--t);border:none;padding:9px 18px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.btn-csv{background:var(--emerald-500);color:#fff}.btn-csv:hover{background:var(--emerald-600)}.btn-excel{background:var(--sky-500);color:#fff}.btn-excel:hover{background:var(--sky-600)}.btn-print-rep{background:var(--purple-500);color:#fff}.btn-print-rep:hover{background:var(--purple-600)}.tax-report{font-size:14px}.tax-report h3{color:var(--slate-800);margin-bottom:4px;font-size:20px;font-weight:800}.report-period{color:var(--slate-500);margin-bottom:20px;font-size:13px}.report-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-item{background:var(--sky-50);border-radius:var(--radius);border:1px solid var(--sky-100);padding:14px}.summary-label{color:var(--sky-600);margin-bottom:4px;font-size:11px;font-weight:700}.summary-value{color:var(--slate-800);font-size:18px;font-weight:800}.payment-breakdown{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.breakdown-item-tax{background:var(--slate-50);border-radius:var(--radius);border:1px solid var(--slate-200);color:var(--slate-700);padding:8px 16px;font-size:13px}.refund-notice{background:var(--rose-50);border:1px solid var(--rose-100);border-radius:var(--radius);color:var(--rose-700);margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:700}.report-table{border-collapse:collapse;width:100%;font-size:12px}.report-table th{background:var(--sky-50);text-transform:uppercase;letter-spacing:.5px;color:var(--sky-600);text-align:left;padding:9px 10px;font-size:10px;font-weight:800}.report-table td{border-bottom:1px solid var(--slate-100);padding:8px 10px}.report-table .refunded-row{background:var(--rose-50)}.status-paid{color:var(--emerald-600);font-weight:700}.status-refunded{color:var(--rose-600);font-weight:700}.repair-slip-container,.daily-report-container{display:none}@media screen{.invoice-company,.invoice-title-bar{display:none}}@media print{@page{size:80mm auto;margin:0}html,body{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-family:Arial,sans-serif!important}body>*{display:none!important}.main-app{height:auto!important;min-height:0!important;display:block!important}.app-header,.action-row,.add-item-btn,.modal-overlay,.toast,#toast,.payment-section,.loading-screen,.login-screen{display:none!important}.main-content{width:100%!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important}.pos-content-wrapper,.pos-invoice-area{display:block!important}.vat-calc-card{display:none!important}.invoice-card{width:70mm!important;min-width:0!important;max-width:70mm!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0 auto!important;animation:none!important;overflow:visible!important}.invoice-company{text-align:center;border-bottom:2px solid #000;background:0 0!important;border-top:none!important;padding:4px 0 6px!important}.company-brand{color:#000!important;letter-spacing:3px!important;font-size:15px!important;font-weight:900!important;line-height:1.3!important}.company-ar{color:#000!important;margin:1px 0 2px!important;font-size:14px!important;font-weight:400!important}.company-meta{color:#000!important;margin-top:1px!important;font-size:10px!important;font-weight:400!important;line-height:1.5!important}.invoice-title-bar{background:0 0!important;border-top:none!important;border-bottom:1px dashed #000!important;padding:4px 0!important}.invoice-title-bar span{color:#000!important;letter-spacing:3px!important;font-size:12px!important;font-weight:900!important}.invoice-meta{padding:5px 0!important}.meta-row{flex-wrap:wrap!important;gap:2px 10px!important;margin-bottom:3px!important}.meta-field[data-hidden-for-print]{display:none!important}.meta-field:not([data-hidden-for-print]){align-items:baseline!important;gap:4px!important;min-width:0!important;display:flex!important}.meta-row:not(.meta-row-top) .meta-field{flex:auto!important}.meta-field label{color:#000!important;white-space:nowrap!important;min-width:0!important;margin-bottom:0!important;font-size:11px!important;font-weight:400!important}.invoice-meta .meta-row:nth-child(2) .meta-field label{font-size:0!important}.invoice-meta .meta-row:nth-child(2) .meta-field label:after{content:"Name";color:#000;font-weight:400;font-size:9px!important}.invoice-meta .meta-row:nth-child(3) .meta-field:first-child label{font-size:0!important}.invoice-meta .meta-row:nth-child(3) .meta-field:first-child label:after{content:"Mob";color:#000;font-weight:400;font-size:9px!important}.invoice-meta .meta-row:nth-child(3) .meta-field:last-child label{font-size:9px!important;font-weight:400!important}.invoice-meta .print-text-replacement{word-break:break-all!important;width:auto!important;font-size:11px!important;font-weight:400!important}.inv-number-display{color:#000!important;background:0 0!important;border:none!important;min-height:0!important;padding:0!important;font-size:12px!important;font-weight:700!important}.items-section{padding:0!important}.items-table{border-top:1px solid #000;border-bottom:1px solid #000;width:100%!important;display:block!important}.items-table thead{display:none!important}.items-table tbody{width:100%!important;display:block!important}.items-table tbody tr[data-hidden-for-print]{display:none!important}.items-table tbody tr:not([data-hidden-for-print]){border-bottom:1px dotted #bbb!important;grid-template-columns:auto 1fr auto!important;align-items:baseline!important;gap:0 6px!important;padding:4px 0!important;display:grid!important}.items-table tbody tr:hover{background:0 0!important}.items-table tbody td{text-align:left!important;border:none!important;padding:0!important;font-size:12px!important;font-weight:400!important;display:block!important}.items-table tbody td .print-text-replacement{width:auto!important}.items-table tbody td:first-child{white-space:nowrap;grid-area:1/1/2/2;color:#000!important}.items-table tbody td:nth-child(2){grid-area:1/2/2/4}.items-table tbody td:nth-child(3){white-space:nowrap;grid-area:2/1/3/2;color:#000!important}.items-table tbody td:nth-child(3):before{content:"Qty ";color:#000}.items-table tbody td:nth-child(4){grid-area:2/2/3/3;color:#000!important}.items-table tbody td:nth-child(4):before{content:"@ ";color:#000}.items-table tbody .amount-cell{display:none!important}.items-table tbody tr>.print-text-replacement{grid-area:2/3/3/4;align-self:baseline;text-align:right!important;width:auto!important;font-size:12px!important;font-weight:400!important}.invoice-bottom{border-top:1px solid #000!important;padding:4px 0 0!important;display:block!important}.totals-section{width:100%!important}.totals-table tr td{padding:2px 0!important}.totals-table .t-label{color:#000!important;font-size:10px!important;font-weight:400!important}.totals-table .t-value{color:#000!important;font-size:13px!important;font-weight:400!important}.grand-row .t-label{color:#000!important;font-size:12px!important;font-weight:400!important}.grand-row .t-value{color:#000!important;font-size:13px!important;font-weight:700!important}.vat-row .t-label,.vat-row .t-value{color:#000!important;font-size:10px!important;font-weight:400!important}.t-separator td{border-top:1px dashed #000!important;padding-top:3px!important}.print-only{display:block!important}.print-footer{text-align:center;border-top:1px dashed #000;margin-top:6px;padding-top:5px;line-height:1.8;color:#000!important;font-size:11px!important;font-weight:400!important}.print-payment-line{text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;margin:4px 0;padding:2px 0;font-size:13px!important;font-weight:400!important}.barcode-area{text-align:center;margin-top:6px}.print-text-replacement{color:#000!important;width:100%!important;font-size:13px!important;font-weight:400!important;display:inline-block!important}body.printing-repair-slip .main-app{display:none!important}body.printing-repair-slip .repair-slip-container{color:#000;width:72mm;margin:0 auto;font-family:Arial,sans-serif;font-size:11px;display:block!important}.repair-slip-header{text-align:center;margin-bottom:6px}.repair-slip-header h1{font-size:14px;font-weight:700}.repair-slip-separator{border-top:1px dashed #000;margin:5px 0}.repair-slip-number{text-align:center;font-size:13px;font-weight:700}.repair-slip-date{text-align:center;font-size:10px}.repair-slip-details{margin:5px 0}.slip-row{margin:2px 0;font-size:11px}.repair-slip-terms{font-size:9px;line-height:1.6}body.printing-daily-report .main-app{display:none!important}body.printing-daily-report .daily-report-container{font-family:Arial,sans-serif;display:block!important}}.print-only{display:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media screen and (max-width:1100px){.hdr-btn span:not(.hdr-icon){display:none}.hdr-btn{padding:8px 10px}.header-stats{display:none}}@media screen and (max-width:1060px){.vat-calc-card{display:none}}@media screen and (max-width:760px){.app-header{padding:0 10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:8px}.header-actions{gap:3px}.hdr-btn{justify-content:center;min-width:40px;padding:9px}.hdr-divider{margin:0 2px}.brand-sub{display:none}.brand-icon{width:36px;height:36px;font-size:18px}.brand-name{font-size:15px}.main-content{padding:12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom))}.pos-content-wrapper{flex-direction:column}.pos-invoice-area{max-width:100%}.invoice-card{border-radius:var(--radius)}.invoice-company,.invoice-title-bar,.invoice-meta,.items-section,.invoice-bottom,.action-row{padding-left:14px;padding-right:14px}.meta-row-top{justify-content:flex-start}.meta-row-top .meta-field,.meta-field{flex:100%;min-width:0}.items-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.items-table{min-width:460px}.items-table thead th,.items-table tbody td{padding:6px 5px}.payment-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.payment-btn{min-height:50px}.invoice-bottom{gap:14px}.payment-section{flex:100%;min-width:0}.totals-section{flex:100%}.action-row{flex-wrap:wrap}.btn-print{order:-1;min-height:50px}.btn-clear{flex:1;min-height:46px}.modal-overlay{align-items:flex-end;padding:0}.modal-content,.modal-content.modal-wide,.modal-content.modal-xlarge{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;max-height:94vh;padding-bottom:env(safe-area-inset-bottom)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%;min-height:48px}.quarter-grid{grid-template-columns:1fr 1fr}.history-table thead th:nth-child(3),.history-table tbody td:nth-child(3){display:none}.meta-field input,.item-input,.form-group input,.form-group select,.form-group textarea,.repair-form-input,#repairSearchInput,.repair-status-select{font-size:16px}}@media screen and (max-width:430px){.brand-name{font-size:14px}.company-brand{font-size:18px}.company-ar{font-size:14px}.invoice-title-bar span{letter-spacing:1.5px}.hdr-btn{min-width:36px;padding:8px}.hdr-btn span.hdr-icon{font-size:16px}.pay-label{font-size:11px}.grand-row .t-value{font-size:17px}}@media screen and (display-mode:standalone){.app-header{height:auto;min-height:var(--header-h);padding-top:env(safe-area-inset-top)}.app-header,.hdr-btn,.payment-btn,.add-item-btn,.btn,.btn-print,.btn-clear{-webkit-user-select:none;user-select:none}}@media screen and (hover:none){.hdr-btn:hover,.payment-btn:hover,.btn-print:hover,.history-card:hover,.add-item-btn:hover{transform:none}.payment-btn:active,.btn-print:active,.hdr-btn:active{transform:scale(.98)}}.offline-indicator{color:#92400e;border-radius:var(--radius-sm);white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.activity-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-bottom:4px;padding:12px 0 16px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;font-size:11px;font-weight:700}.filter-select{border:1.5px solid var(--slate-200);border-radius:var(--radius);-webkit-appearance:none;appearance:none;color:var(--slate-700);cursor:pointer;transition:all var(--t);background:#fff 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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 8px center no-repeat;min-width:120px;padding:6px 28px 6px 10px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600}.filter-search{border:1.5px solid var(--slate-200);border-radius:var(--radius);background:var(--white);color:var(--text-primary);transition:all var(--t);width:200px;padding:6px 10px;font-size:13px}.filter-search:hover,.filter-search:focus{border-color:var(--sky-400);outline:none;box-shadow:0 0 0 3px #0ea5e91f}.filter-group-search{margin-left:auto}.filter-select:hover,.filter-select:focus{border-color:var(--sky-400);outline:none;box-shadow:0 0 0 3px #0ea5e91f}.type-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.type-invoice{background:var(--sky-100);color:var(--sky-700)}.type-deposit{background:var(--emerald-100);color:var(--emerald-700)}.type-expense{background:var(--rose-100);color:var(--rose-700)}.time-badge{color:var(--text-muted);font-size:10px;font-weight:500}.amount-in{color:var(--emerald-600);font-weight:700}.amount-out{color:var(--rose-600);font-weight:700}.info-badge{color:var(--text-secondary);background:var(--slate-100);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 6px;font-size:10px;display:inline-block}.status-badge.deposited{background:var(--emerald-100);color:var(--emerald-700)}.status-badge.expensed{background:var(--rose-100);color:var(--rose-700)}.activity-table th:first-child{width:90px}.activity-table th:nth-child(2){width:100px}.activity-table th:nth-child(3){width:130px}.activity-table th:nth-child(4){min-width:160px}.activity-table th:nth-child(5),.activity-table th:nth-child(6){width:130px}.activity-table th:nth-child(7){width:120px}.date-time-cell{white-space:nowrap;line-height:1.4}.desc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.amount-cell{white-space:nowrap}.info-cell{line-height:1.6}.row-type-deposit td{background:#f0fdf4!important}.row-type-expense td{background:#fff1f2!important}.row-deleted td{opacity:.55;color:var(--slate-400);text-decoration:line-through;background:#f8f8f8!important}.row-deleted .status-badge.deleted{text-decoration:none}.row-superseded td{opacity:.5;color:var(--slate-400);background:#f8fafc!important}.status-badge.superseded{background:var(--slate-100);color:var(--slate-500);border:1px solid var(--slate-300)}.btn-delete{border:1.5px solid var(--rose-300);color:var(--rose-500);border-radius:var(--radius);cursor:pointer;transition:all var(--t);background:0 0;padding:4px 8px;font-size:13px;line-height:1}.btn-delete:hover{background:var(--rose-500);border-color:var(--rose-500);color:#fff}.status-badge.deleted{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}@media screen and (max-width:768px){.activity-filters{gap:8px 12px}.activity-table th:nth-child(4),.activity-table td:nth-child(4){display:none}}@media screen and (max-width:1100px){.dashboard-header{flex-wrap:wrap;gap:8px;height:auto;padding:10px 16px}.dash-brand{flex:auto;min-width:0}.dash-right{flex:none}.dash-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:100%;order:3;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.dash-actions::-webkit-scrollbar{display:none}.dash-action-btn{white-space:nowrap;flex-shrink:0}}@media screen and (max-width:600px){.dash-action-btn{padding:7px 11px;font-size:12px}.dash-subtitle{display:none}.dash-brand-icon{width:34px;height:34px;font-size:17px}.dash-title{font-size:15px}.btn-back-pos span{display:none}}.db-action-card{border:1.5px solid var(--slate-200);border-radius:var(--radius);background:var(--slate-50);transition:border-color var(--t);align-items:center;gap:14px;padding:14px 16px;display:flex}.db-action-card:hover{border-color:var(--sky-300)}.db-card-warn{background:#fffbeb;border-color:#fde68a}.db-card-warn:hover{border-color:#fbbf24}.db-card-danger{background:#fff1f2;border-color:#fca5a5}.db-card-danger:hover{border-color:#f87171}.db-card-icon{text-align:center;flex-shrink:0;width:36px;font-size:24px}.db-card-body{flex:1;min-width:0}.db-card-title{color:var(--slate-800);margin-bottom:2px;font-size:13px;font-weight:700}.db-card-desc{color:var(--text-secondary);font-size:11px;line-height:1.5}.db-card-btn{border-radius:var(--radius);cursor:pointer;transition:all var(--t);white-space:nowrap;border:none;flex-shrink:0;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.db-btn-primary{background:var(--sky-600);color:#fff}.db-btn-primary:hover{background:var(--sky-700)}.db-btn-warn{color:#fff;background:#f59e0b}.db-btn-warn:hover{background:#d97706}.db-btn-danger{background:var(--rose-600);color:#fff}.db-btn-danger:hover{background:var(--rose-700)}.db-card-btn:disabled{opacity:.55;cursor:not-allowed}