@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Light.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Regular.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Medium.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Semibold.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Bold.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-family:"Zoho Puvi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-bg:#1e222d;--sidebar-hover:#292e3c;--sidebar-active:#0f1218;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--bg-page:#f8fafc;--bg-card:#fff;--bg-input:#fff;--bg-input-addon:#f1f5f9;--border-color:#e2e8f0;--border-focus:#3b82f6;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea,table,th,td,div,span,p,h1,h2,h3,h4,h5,h6,a,label{font-family:var(--font-family)}body{background-color:var(--bg-page);color:var(--text-main);font-size:14px;line-height:1.5;overflow-x:hidden}.app-layout{background-color:var(--bg-page);width:100vw;min-height:100vh;display:flex}.app-sidebar{background-color:var(--sidebar-bg);width:240px;min-width:240px;color:var(--sidebar-text);z-index:40;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0d;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:18px 16px;display:flex}.logo-badge{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 4px #2563eb4d}.sidebar-brand-name{color:#fff;letter-spacing:-.2px;font-size:15px;font-weight:700}.sidebar-brand-sub{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sidebar-menu{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-item{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{background-color:var(--sidebar-hover);color:#fff}.sidebar-item.active{color:#fff;background-color:#2563eb;box-shadow:0 2px 6px #2563eb66}.sidebar-group{flex-direction:column;display:flex}.sidebar-group-header{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.sidebar-group-header:hover{background-color:var(--sidebar-hover);color:#fff}.sidebar-group-header.group-active{color:#fff}.group-chevron{color:#94a3b8;width:14px;height:14px;margin-right:-2px;transition:transform .15s}.sidebar-submenu{flex-direction:column;gap:2px;margin-top:2px;padding-left:22px;display:flex}.sidebar-sub-item{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;justify-content:space-between;align-items:center;padding:7px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-sub-item:hover{background-color:var(--sidebar-hover);color:#fff}.sidebar-sub-item.active{color:#fff;background-color:#2563eb;font-weight:600;box-shadow:0 2px 6px #2563eb59}.sidebar-sub-item.active .sidebar-plus-btn,.sidebar-sub-item.active .sub-item-label{color:#fff}.sub-item-label{flex:1}.sub-plus{opacity:.9}.sidebar-sub-item:hover .sub-plus{opacity:1}.sidebar-item-left{align-items:center;gap:10px;display:flex}.sidebar-item-icon{flex-shrink:0;width:17px;height:17px}.sidebar-plus-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:background .15s,color .15s;display:flex}.sidebar-plus-btn:hover{color:#fff;background:#ffffff26}.sidebar-divider{background-color:#ffffff14;height:1px;margin:8px 6px}.sidebar-badge-offer{color:#fff;border-radius:var(--radius-full);text-transform:uppercase;background:#ea580c;padding:1px 6px;font-size:10px;font-weight:700}.main-wrapper{background-color:#f8fafc;flex-direction:column;flex:1;min-width:0;display:flex}.top-navbar{border-bottom:1px solid var(--border-color);z-index:30;background-color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:16px;display:flex}.org-selector{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 8px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.org-selector:hover{background-color:#f1f5f9}.nav-search{align-items:center;display:flex;position:relative}.nav-search input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;width:240px;padding:6px 12px 6px 32px;font-size:13px;transition:all .2s}.nav-search input:focus{border-color:var(--primary);background-color:#fff;outline:none;width:300px;box-shadow:0 0 0 2px #2563eb26}.nav-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.nav-right{align-items:center;gap:12px;display:flex}.backend-status-pill{border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.backend-status-pill.online{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.backend-status-pill.online .status-dot{background-color:#10b981;box-shadow:0 0 0 2px #10b98133}.backend-status-pill.offline{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.backend-status-pill.offline .status-dot{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.nav-avatar{color:#334155;cursor:pointer;background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:24px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-label{color:var(--text-secondary);margin-bottom:4px;font-size:12.5px;font-weight:500}.kpi-value{color:var(--text-main);letter-spacing:-.5px;font-size:24px;font-weight:700}.kpi-icon-wrapper{border-radius:var(--radius-md);width:44px;height:44px;color:var(--primary);background-color:#f1f5f9;justify-content:center;align-items:center;display:flex}.kpi-icon-wrapper.blue{color:#2563eb;background-color:#eff6ff}.kpi-icon-wrapper.green{color:#10b981;background-color:#ecfdf5}.kpi-icon-wrapper.purple{color:#7c3aed;background-color:#f5f3ff}.kpi-icon-wrapper.amber{color:#d97706;background-color:#fffbeb}.kpi-icon-wrapper.red{color:#ef4444;background-color:#fef2f2}.table-header-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;overflow:hidden}.filter-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.filter-tabs{border-radius:var(--radius-md);background-color:#f1f5f9;padding:3px;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.tab-btn.active{color:var(--text-main);box-shadow:var(--shadow-sm);background-color:#fff;font-weight:600}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-search-input{align-items:center;display:flex;position:relative}.table-search-input input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:220px;padding:7px 12px 7px 32px;font-size:13px;transition:all .2s}.table-search-input input:focus{border-color:var(--primary);outline:none;width:260px;box-shadow:0 0 0 2px #2563eb26}.sort-select{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background-color:#fff;outline:none;padding:7px 10px;font-size:13px}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background-color:#0f172a;border:1px solid #0f172a;align-items:center;gap:6px;padding:7px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary:hover{background-color:#1e293b;box-shadow:0 2px 4px #00000026}.btn-outline{color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;background-color:#fff;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-outline:hover{color:var(--text-main);background-color:#f8fafc;border-color:#cbd5e1}.table-responsive{width:100%;overflow-x:auto}.items-table{border-collapse:collapse;text-align:left;width:100%}.items-table th{text-transform:uppercase;color:#64748b;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;background-color:#f8fafc;padding:12px 16px;font-size:11.5px;font-weight:600}.items-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px;font-size:13px}.items-table tbody tr{transition:background-color .1s}.items-table tbody tr:hover{background-color:#f8fafc}.item-name-cell{flex-direction:column;gap:2px;display:flex}.item-title{color:#0f172a;cursor:pointer;font-weight:600;transition:color .15s}.item-title:hover{color:var(--primary);text-decoration:underline}.item-sku{color:#64748b;font-family:monospace;font-size:12px}.type-badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.type-badge.goods{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.type-badge.service{color:#6d28d9;background-color:#f5f3ff;border:1px solid #ddd6fe}.stock-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.stock-badge.in-stock{color:#065f46;background-color:#ecfdf5}.stock-badge.low-stock{color:#991b1b;background-color:#fef2f2}.stock-badge.untracked{color:#64748b;background-color:#f1f5f9}.action-buttons{align-items:center;gap:6px;display:flex}.icon-btn{border-radius:var(--radius-sm);color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.icon-btn:hover{color:#0f172a;background-color:#f1f5f9}.icon-btn.delete:hover{color:#ef4444;background-color:#fef2f2}.table-pagination{border-top:1px solid var(--border-color);color:var(--text-secondary);background-color:#fff;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}.form-page-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:40px;overflow:hidden}.form-header-bar{border-bottom:1px solid var(--border-color);background-color:#fff;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.form-header-title{color:#0f172a;font-size:18px;font-weight:700}.form-body{flex-direction:column;gap:32px;padding:28px;display:flex}.form-section{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:18px;padding-bottom:24px;display:flex}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.section-header-row{align-items:center;gap:10px;display:flex}.section-checkbox-label{color:#0f172a;cursor:pointer;align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:inline-flex}.section-title{color:#0f172a;font-size:14.5px;font-weight:600}.fields-grid-2{grid-template-columns:1fr 1fr;gap:20px 32px;display:grid}.fields-grid-3{grid-template-columns:repeat(3,1fr);gap:20px 24px;display:grid}.fields-grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:#334155;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.field-label.required:after{content:"*";color:#e11d48;font-weight:700}.input-addon-group{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;align-items:stretch;transition:all .2s;display:flex;overflow:hidden}.input-addon-group:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px #3b82f626}.input-addon{background-color:var(--bg-input-addon);color:#475569;border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.input-addon-group input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;padding:8px 12px;font-size:13.5px}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);background-color:#fff;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #3b82f626}.form-input.error,.form-select.error{background-color:#fffafb;border-color:#ef4444}.error-text{color:#ef4444;margin-top:2px;font-size:12px}.form-textarea{resize:vertical;min-height:72px}.type-radio-group{align-items:center;gap:16px;display:flex}.type-radio-label{cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 14px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.type-radio-label.selected{color:#0f172a;background-color:#f8fafc;border-color:#0f172a;font-weight:600}.tax-preview-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.tax-preview-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.tax-preview-val{color:#0f172a;font-size:14px;font-weight:600}.count-pill{color:#2563eb;border-radius:var(--radius-full);background-color:#eff6ff;border:1px solid #bfdbfe;padding:2px 8px;font-size:11.5px;font-weight:600}.btn-add-tier{color:#0f172a;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background-color:#f8fafc;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-tier:hover:not(:disabled){color:#fff;background-color:#0f172a;border-color:#0f172a}.btn-add-tier:disabled{opacity:.5;cursor:not-allowed}.sales-tiers-container{flex-direction:column;gap:16px;margin-top:8px;display:flex}.sales-tier-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fbfcfd;padding:16px;transition:border-color .15s,box-shadow .15s}.sales-tier-card:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1}.sales-tier-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.sales-tier-title-wrap{flex:1;align-items:center;gap:10px;max-width:380px;display:flex}.sales-tier-index-badge{color:#fff;border-radius:var(--radius-sm);letter-spacing:.3px;background-color:#0f172a;padding:2px 7px;font-size:11px;font-weight:700}.sales-tier-title-input{color:#0f172a;border-radius:var(--radius-sm);background-color:#0000;border:1px solid #0000;width:100%;padding:4px 8px;font-size:13.5px;font-weight:600;transition:all .15s}.sales-tier-title-input:hover{border-color:var(--border-color);background-color:#fff}.sales-tier-title-input:focus{border-color:var(--border-focus);background-color:#fff;outline:none;box-shadow:0 0 0 2px #3b82f626}.btn-add-tier-dashed{color:#2563eb;border-radius:var(--radius-md);cursor:pointer;background-color:#f8fafc;border:1.5px dashed #cbd5e1;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-tier-dashed:hover{color:#1d4ed8;background-color:#eff6ff;border-color:#3b82f6}.form-footer-bar{border-top:1px solid var(--border-color);z-index:20;background-color:#fff;align-items:center;gap:12px;padding:16px 28px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 10px #00000008}.btn-save{color:#fff;border-radius:var(--radius-md);cursor:pointer;background-color:#000;border:none;align-items:center;gap:8px;padding:8px 24px;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.btn-save:hover{background-color:#27272a}.btn-cancel{color:#334155;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;background-color:#fff;padding:8px 20px;font-size:13.5px;font-weight:500;transition:all .15s}.btn-cancel:hover{background-color:#f1f5f9}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:85vh;box-shadow:var(--shadow-lg);background-color:#fff;flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-body{padding:24px}.toast-container{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:#1e293b;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 18px;font-size:13.5px;font-weight:500;animation:.2s ease-out slideIn;display:flex}.toast-item.success{border-left:4px solid #10b981}.toast-item.error{border-left:4px solid #ef4444}.toast-item.info{border-left:4px solid #3b82f6}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.basic-details-container{grid-template-columns:1fr 240px;align-items:start;gap:28px;display:grid}.basic-details-left{flex-direction:column;gap:16px;min-width:0;display:flex}.basic-details-right{flex-direction:column;min-width:0;display:flex}.image-upload-card{flex-direction:column;gap:6px;width:100%;max-width:240px;display:flex}.image-upload-header{justify-content:space-between;align-items:center;display:flex}.image-upload-hint{color:var(--text-muted);font-size:11px;font-weight:500}.image-dropzone{text-align:center;border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8fafc;border:2px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;height:175px;min-height:175px;padding:14px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.image-dropzone:hover{background-color:#f1f5f9;border-color:#94a3b8}.image-dropzone.dragging{background-color:var(--primary-light);border-color:var(--primary);border-style:solid;transform:scale(1.01);box-shadow:0 0 0 4px #2563eb1f}.dropzone-icon-wrap{width:42px;height:42px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;transition:transform .2s,border-color .2s;display:flex}.image-dropzone:hover .dropzone-icon-wrap{border-color:var(--border-focus);transform:translateY(-2px)}.dropzone-icon{color:var(--primary)}.dropzone-text-primary{color:var(--text-main);margin-bottom:4px;font-size:12.5px;font-weight:500;line-height:1.35}.browse-link{color:var(--primary);text-underline-offset:2px;cursor:pointer;font-weight:600;text-decoration:underline}.browse-link:hover{color:var(--primary-hover)}.dropzone-text-secondary{color:var(--text-muted);font-size:10.5px}.image-preview-box{border-radius:var(--radius-lg);border:1px solid var(--border-color);height:175px;min-height:175px;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.image-preview-img{object-fit:contain;background-color:#f8fafc;width:100%;height:130px;padding:8px;display:block}.image-preview-overlay{z-index:5;position:absolute;top:6px;right:6px}.image-remove-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.image-remove-btn:hover{background:#ef4444;transform:scale(1.08)}.image-preview-actions{border-top:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding:6px 10px;display:flex}.image-filename{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:11.5px;font-weight:500;overflow:hidden}.btn-change-image{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11.5px;font-weight:600;transition:background .15s}.btn-change-image:hover{background:var(--primary-light);text-decoration:underline}.kpi-content{flex-direction:column;gap:3px;display:flex}.kpi-subtext{color:#64748b;margin-top:2px;font-size:12px;font-weight:500}.customer-avatar{border-radius:var(--radius-full);letter-spacing:-.3px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.customer-avatar.b2b{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.customer-avatar.b2c{color:#6d28d9;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe}.customer-subtext{color:#64748b;font-size:12px;font-weight:400}.customer-type-badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.customer-type-badge.business{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.customer-type-badge.individual{color:#6d28d9;background-color:#f5f3ff;border:1px solid #ddd6fe}.contact-details-col{flex-direction:column;gap:3px;display:flex}.contact-link{color:#2563eb;align-items:center;gap:5px;font-size:12.5px;text-decoration:none;display:inline-flex}.contact-link:hover{text-decoration:underline}.contact-phone{color:#64748b;align-items:center;gap:5px;font-size:12px;display:inline-flex}.gst-details-col{flex-direction:column;gap:4px;display:flex}.gst-treatment-tag{color:#334155;font-size:11.5px;font-weight:600}.gstin-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gstin-badge{color:#0f172a;border-radius:var(--radius-sm);background-color:#f1f5f9;border:1px solid #cbd5e1;align-items:center;gap:4px;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-flex}.pan-badge{color:#475569;border-radius:var(--radius-sm);background-color:#f8fafc;border:1px solid #e2e8f0;padding:1px 5px;font-family:monospace;font-size:11px}.pos-text{color:#64748b;font-size:11px}.balance-cell{justify-content:flex-end;align-items:center;gap:6px;display:flex}.balance-amount{font-size:13.5px;font-weight:700}.balance-amount.debit{color:#0f172a}.balance-amount.credit{color:#059669}.balance-amount.zero{color:#94a3b8}.balance-type-badge{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.balance-type-badge.dr{color:#b91c1c;background-color:#fee2e2}.balance-type-badge.cr{color:#047857;background-color:#d1fae5}.status-toggle-btn{border-radius:var(--radius-full);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.status-toggle-btn.active{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}.status-toggle-btn.active:hover{background-color:#d1fae5;transform:translateY(-1px)}.status-toggle-btn.inactive{color:#64748b;background-color:#f1f5f9;border-color:#e2e8f0}.status-toggle-btn.inactive:hover{color:#334155;background-color:#e2e8f0;transform:translateY(-1px)}.status-pill-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px}.status-pill-dot.inactive{background-color:#94a3b8}.form-row-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-row-3col{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-row-4col{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.form-field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:#334155;font-size:13px;font-weight:600}.req-star{color:#ef4444;font-weight:700}.field-hint-top,.field-hint-bottom{color:#64748b;font-size:11.5px}.field-error-text{color:#ef4444;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.input-error{background-color:#fffbfb!important;border-color:#ef4444!important}.uppercase-text{text-transform:uppercase;letter-spacing:.5px}.radio-group-boxes{gap:12px;display:flex}.radio-box-option{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#334155;cursor:pointer;background-color:#fff;flex:1;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.radio-box-option:hover{background-color:#f8fafc}.radio-box-option.selected{color:#1d4ed8;background-color:#eff6ff;border-color:#2563eb;font-weight:600}.badge-highlight-green{color:#065f46;border-radius:var(--radius-sm);background-color:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.input-with-addon-group{width:100%;display:flex}.addon-left{flex:1;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.addon-select-right{border:1px solid var(--border-color);color:#334155;background-color:#f8fafc;outline:none;padding:0 12px;font-size:13px;font-weight:500;border-left:none!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.address-dual-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.address-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;flex-direction:column;gap:16px;padding:20px;display:flex}.address-panel-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding-bottom:12px;display:flex}.address-panel-header h4{color:#0f172a;margin:0;font-size:14px;font-weight:600}.panel-pin-icon.billing{color:#2563eb}.panel-pin-icon.shipping{color:#10b981}.address-fields{flex-direction:column;gap:14px;display:flex}.copy-address-btn{font-size:12.5px}.contact-persons-list{flex-direction:column;gap:16px;display:flex}.contact-person-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;padding:18px}.contact-person-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.contact-index-pill{color:#475569;border-radius:var(--radius-sm);background-color:#e2e8f0;padding:2px 6px;font-size:11px;font-weight:700}.primary-badge{color:#1d4ed8;border-radius:var(--radius-full);background-color:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.make-primary-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;text-decoration:underline}.badge-count{color:#334155;border-radius:var(--radius-full);background-color:#e2e8f0;padding:1px 7px;font-size:11.5px;font-weight:700}.empty-sub-section{border:1px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;color:#64748b;background-color:#f8fafc;padding:24px;font-size:13px}.form-bottom-actions{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:12px;padding-top:20px;display:flex}.customer-modal{width:95%;max-width:840px!important}.customer-modal-kpi-grid{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#f8fafc;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.kpi-mini-card{flex-direction:column;gap:4px;display:flex}.kpi-mini-label{text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:600}.kpi-mini-value{color:#0f172a;font-size:14.5px;font-weight:700}.kpi-mini-value.debit{color:#2563eb}.kpi-mini-value.credit{color:#059669}.kpi-mini-value.zero{color:#64748b}.dr-cr-tag{color:#64748b;margin-left:4px;font-size:11px;font-weight:600}.truncate-1line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-detail-section{flex-direction:column;gap:12px;display:flex}.detail-section-title{color:#0f172a;border-bottom:1px solid #f1f5f9;padding-bottom:6px;font-size:14px;font-weight:700}.detail-grid-2col{grid-template-columns:1fr 1fr;gap:14px 24px;display:grid}.detail-item{flex-direction:column;gap:3px;display:flex}.detail-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.detail-val{color:#0f172a;font-size:13.5px;font-weight:500}.address-card-view{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;padding:16px}.address-card-header{color:#0f172a;align-items:center;gap:8px;margin-bottom:10px;display:flex}.address-card-header h5{margin:0;font-size:13.5px;font-weight:600}.address-card-body{color:#334155;font-size:13px;line-height:1.6}.attention-line{color:#0f172a;font-weight:600}.address-phone-line{color:#64748b;margin-top:4px;font-size:12px}.contact-persons-card-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-contact-person-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#f8fafc;flex-direction:column;gap:4px;padding:14px;display:flex}.modal-contact-links{flex-direction:column;gap:4px;margin-top:6px;display:flex}.remarks-box{color:#92400e;border-radius:var(--radius-md);background-color:#fffbeb;border:1px solid #fef3c7;padding:14px;font-size:13px;line-height:1.5}.modal-audit-footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;display:flex}.placeholder-module-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;margin-top:12px;padding:60px 30px;display:flex}.placeholder-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.placeholder-title{color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:700}.placeholder-subtitle{color:#64748b;max-width:480px;font-size:14px;line-height:1.5}.placeholder-badge{color:#1d4ed8;border-radius:var(--radius-full);background-color:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:6px;margin-top:18px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}@media (width<=900px){.app-sidebar{display:none}.form-row-2col,.form-row-3col,.form-row-4col,.address-dual-grid,.customer-modal-kpi-grid,.detail-grid-2col,.contact-persons-card-grid,.basic-details-container{grid-template-columns:1fr}}.sales-badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.2px;white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.sales-badge.draft{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.sales-badge.sent{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.sales-badge.accepted,.sales-badge.confirmed,.sales-badge.delivered,.sales-badge.active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.sales-badge.partially_paid,.sales-badge.pending,.sales-badge.shipped{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.sales-badge.paid,.sales-badge.closed{color:#16a34a;background-color:#f0fdf4;border:1px solid #86efac}.sales-badge.invoiced{color:#7c3aed;background-color:#f5f3ff;border:1px solid #ddd6fe}.sales-badge.overdue,.sales-badge.declined,.sales-badge.cancelled,.sales-badge.stopped,.sales-badge.void{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.doc-number-pill{color:#1e40af;cursor:pointer;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:3px 8px;font-family:Zoho Puvi,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-block}.doc-number-pill:hover{color:#1d4ed8;background-color:#dbeafe;text-decoration:underline}.convert-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.convert-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.convert-btn.secondary{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1}.convert-btn.secondary:hover{background:#f1f5f9}.line-items-section{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;margin-top:16px;overflow:hidden}.line-items-table{border-collapse:collapse;width:100%;font-size:13px}.line-items-table th{text-align:left;color:#475569;border-bottom:1px solid var(--border-color);background:#f8fafc;padding:10px 12px;font-size:12px;font-weight:600}.line-items-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:10px 12px}.line-items-table tr:hover td{background-color:#fafafa}.line-item-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:7px 9px;font-size:13px;transition:border-color .2s}.line-item-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.line-item-input.rate,.line-item-input.qty,.line-item-input.discount{text-align:right}.line-item-amount{color:#0f172a;text-align:right;white-space:nowrap;padding-top:7px;font-family:Zoho Puvi,sans-serif;font-size:13.5px;font-weight:600}.remove-row-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.remove-row-btn:hover{color:#ef4444;background-color:#fee2e2}.add-line-btn-wrap{border-top:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.add-line-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px dashed #3b82f6;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.add-line-btn:hover{background:#eff6ff;border-style:solid}.calculation-panel{border:1px solid var(--border-color);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:#fff;border-top:none;grid-template-columns:1.2fr 1fr;gap:24px;padding:18px 20px;display:grid}.zoho-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:70px;overflow:visible;box-shadow:0 1px 3px #0000000d}.zoho-form-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.zoho-form-header-left{align-items:center;gap:12px;display:flex}.zoho-form-title{color:#1e293b;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:600}.zoho-form-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.zoho-form-close-btn:hover{color:#0f172a;background:#f1f5f9}.zoho-form-body{flex-direction:column;gap:28px;padding:24px 28px 40px;display:flex}.zoho-top-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:36px;display:grid}.zoho-customer-col{flex-direction:column;gap:16px;display:flex}.zoho-meta-col{background:#fcfcfd;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.zoho-field-row{grid-template-columns:140px 1fr;align-items:center;gap:12px;display:grid}.zoho-field-label{color:#475569;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.zoho-field-label.required:after{content:"*";color:#ef4444;font-weight:700}.zoho-input,.zoho-select,.zoho-textarea{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.zoho-input:focus,.zoho-select:focus,.zoho-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.zoho-input.error,.zoho-select.error{background-color:#fffafb;border-color:#ef4444}.zoho-address-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:14px 16px;display:grid}.zoho-address-block-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.zoho-address-text{color:#334155;font-size:12.5px;line-height:1.5}.zoho-gstin-tag{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:3px;align-items:center;gap:4px;margin-top:6px;padding:2px 6px;font-family:Zoho Puvi,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.zoho-item-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.zoho-item-table{border-collapse:collapse;width:100%;font-size:13px}.zoho-item-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.4px;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11.5px;font-weight:600}.zoho-item-table tbody td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:10px 12px}.zoho-item-table tbody tr:hover td{background-color:#fafbfc}.zoho-item-name-input{color:#1e293b;border:1px solid #cbd5e1;border-radius:4px;width:100%;margin-top:4px;padding:6px 10px;font-size:12.5px}.zoho-item-name-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.zoho-add-row-bar{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.zoho-add-row-link{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.zoho-add-row-link:hover{color:#1d4ed8;background:#eff6ff}.zoho-bottom-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:36px;display:grid}.zoho-notes-col{flex-direction:column;gap:16px;display:flex}.zoho-calc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.zoho-calc-row{color:#475569;justify-content:space-between;align-items:center;font-size:13px;display:flex}.zoho-calc-val{color:#0f172a;font-family:Zoho Puvi,sans-serif;font-weight:600}.zoho-calc-total-row{color:#0f172a;border-top:2px solid #cbd5e1;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;font-size:15px;font-weight:700;display:flex}.zoho-calc-total-val{color:#2563eb;font-family:Zoho Puvi,sans-serif;font-size:18px;font-weight:700}.zoho-sticky-footer{z-index:45;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:fixed;bottom:0;left:240px;right:0;box-shadow:0 -4px 12px #0000000f}.zoho-footer-actions{align-items:center;gap:10px;display:flex}.zoho-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:4px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.zoho-btn-primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.zoho-btn-primary:disabled{opacity:.6;cursor:not-allowed}.zoho-btn-outline{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.zoho-btn-outline:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.zoho-btn-text{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:500;transition:color .15s}.zoho-btn-text:hover{color:#0f172a;text-decoration:underline}.zoho-footer-total{color:#64748b;align-items:baseline;gap:8px;font-size:13px;display:flex}.zoho-footer-total-num{color:#0f172a;font-family:Zoho Puvi,sans-serif;font-size:17px;font-weight:700}.zoho-list-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.zoho-list-title-wrap{align-items:center;gap:8px;display:flex}.zoho-list-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700}.zoho-list-count{color:#64748b;font-size:13px;font-weight:500}.zoho-list-tabs{background:#f1f5f9;border-radius:6px;gap:2px;padding:3px;display:flex}.zoho-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.zoho-tab-btn:hover{color:#0f172a}.zoho-tab-btn.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000d}.zoho-kpi-strip{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.zoho-kpi-pill{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;box-shadow:0 1px 2px #00000005}.zoho-kpi-pill-title{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:600}.zoho-kpi-pill-val{color:#0f172a;margin-top:2px;font-size:16px;font-weight:700}.zoho-kpi-pill-sub{color:#94a3b8;font-size:11px}.tax-info-callout{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:12px 14px;font-size:12.5px;line-height:1.5}.tax-info-callout b{color:#14532d}.totals-breakdown{flex-direction:column;gap:8px;display:flex}.totals-row{color:#475569;justify-content:space-between;align-items:center;font-size:13px;display:flex}.totals-row.grand-total{color:#0f172a;border-top:2px solid #e2e8f0;margin-top:4px;padding-top:8px;font-size:16px;font-weight:700}.totals-value{color:#0f172a;font-family:Zoho Puvi,sans-serif;font-weight:600}.totals-row.grand-total .totals-value{color:#2563eb;font-size:18px}.doc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.doc-modal-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:860px;max-height:92vh;animation:.2s ease-out modalPop;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}@keyframes modalPop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.doc-modal-header{border-bottom:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.doc-modal-body{flex:1;padding:28px 32px;overflow-y:auto}.doc-paper{background:#fff;flex-direction:column;gap:24px;display:flex}.doc-paper-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.doc-company-title{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:800}.doc-company-sub{color:#64748b;margin-top:3px;font-size:12.5px;line-height:1.4}.doc-title-right{text-align:right}.doc-main-heading{color:#2563eb;letter-spacing:-.5px;font-size:24px;font-weight:800}.doc-paper-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:20px;padding:14px 18px;display:grid}.doc-meta-item{flex-direction:column;gap:3px;font-size:13px;display:flex}.doc-meta-label{text-transform:uppercase;color:#64748b;letter-spacing:.3px;font-size:11.5px;font-weight:600}.doc-meta-val{color:#0f172a;font-weight:600}.doc-addresses-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.doc-address-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px 14px;font-size:12.5px;line-height:1.5}.doc-address-title{color:#0f172a;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:700}.doc-items-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.doc-items-table th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#1e293b;padding:9px 12px;font-size:11.5px;font-weight:600}.doc-items-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:11px 12px}.doc-items-table tr:nth-child(2n) td{background:#f8fafc}.doc-totals-section{justify-content:flex-end;margin-top:8px;display:flex}.doc-totals-table{width:320px;font-size:13px}.doc-totals-table td{padding:6px 8px}.doc-totals-table .doc-grand-row{border-top:2px solid #0f172a;font-size:15px;font-weight:700}.doc-balance-due-row{color:#991b1b;background:#fee2e2;border-radius:4px;font-weight:700}.doc-modal-footer{border-top:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.payment-alloc-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.payment-alloc-table th{text-align:left;color:#475569;border-bottom:1px solid var(--border-color);background:#f1f5f9;padding:8px 10px;font-size:12px}.payment-alloc-table td{border-bottom:1px solid #f1f5f9;padding:8px 10px}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Light.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Regular.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Medium.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Semibold.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/fonts/Zoho_Puvi_Bold.woff2)format("woff2"),url(https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}.zb-quote-container,.zb-quote-container *,.zb-modal-overlay,.zb-modal-overlay *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Zoho Puvi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.zb-quote-container{color:#212529;background:#fff;min-height:calc(100vh - 70px);padding-bottom:90px;position:relative}.zb-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.zb-header-left{align-items:center;gap:10px;display:flex}.zb-header-icon{color:#111827}.zb-title{color:#111827;margin:0;font-size:19px;font-weight:600}.zb-close-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.zb-close-btn:hover{background:#fee2e2}.zb-form-content{max-width:1240px;padding:24px 28px}.zb-field-row{align-items:flex-start;margin-bottom:15px;display:flex}.zb-label{color:#374151;align-items:center;gap:5px;width:170px;min-width:170px;padding-top:8px;font-size:13px;font-weight:500;display:flex}.zb-label.required{color:#d32f2f;font-weight:500}.zb-control{flex:1;max-width:480px}.zb-control-medium{width:260px;max-width:260px}.zb-control-customer{width:440px;max-width:440px}.zb-section-divider{background:#f1f3f5;max-width:780px;height:1px;margin:18px 0 20px}.zb-control.wide{max-width:720px}.zb-input,.zb-select,.zb-textarea{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:7px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.zb-input:focus,.zb-select:focus,.zb-textarea:focus{border-color:#1e88e5;box-shadow:0 0 0 1px #1e88e5}.zb-input:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.zb-customer-group{width:100%;display:flex}.zb-customer-input-trigger{color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-right:none;border-radius:4px 0 0 4px;justify-content:space-between;align-items:center;width:100%;padding:7px 12px;font-size:13px;transition:border-color .15s;display:flex}.zb-customer-input-trigger.has-value{color:#1f2937;font-weight:500}.zb-customer-input-trigger:hover{border-color:#9ca3af}.zb-customer-input-trigger.error{background-color:#fef2f2;border-color:#dc2626}.zb-search-btn{color:#fff;cursor:pointer;background:#1e88e5;border:1px solid #1e88e5;border-radius:0 4px 4px 0;justify-content:center;align-items:center;padding:0 12px;transition:background .15s;display:flex}.zb-search-btn:hover{background:#1976d2}.zb-input-with-icon{width:100%;position:relative}.zb-input-with-icon .zb-input{padding-right:36px}.zb-input-icon-right{color:#1e88e5;cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.zb-inline-dates{align-items:center;gap:24px;display:flex}.zb-inline-date-col{align-items:center;gap:12px;display:flex}.zb-inline-date-label{color:#374151;white-space:nowrap;font-size:13px;font-weight:500}.zb-helper-text{color:#6b7280;margin-top:4px;font-size:12px}.zb-item-table-section{margin-top:28px;padding-top:20px}.zb-item-table-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.zb-item-table-title{color:#111827;font-size:14.5px;font-weight:600}.zb-bulk-actions-link{color:#1e88e5;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.zb-bulk-actions-link:hover{text-decoration:underline}.zb-table{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;width:100%}.zb-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11.5px;font-weight:600}.zb-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 12px}.zb-table tr:hover td{background-color:#fafbfc}.zb-drag-handle{color:#9ca3af;cursor:grab;justify-content:center;align-items:center;display:flex}.zb-item-select-trigger{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;transition:border-color .15s;display:flex}.zb-item-select-trigger.selected{color:#1f2937;font-weight:500}.zb-item-select-trigger:hover{border-color:#1e88e5}.zb-item-select-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zb-item-details-input{color:#1f2937;border:1px solid #e5e7eb;border-radius:4px;outline:none;width:100%;padding:5px 9px;font-family:inherit;font-size:12.5px}.zb-item-details-input:focus{border-color:#1e88e5}.zb-rate-header,.zb-discount-input-group{justify-content:flex-end;align-items:center;gap:4px;display:flex}.zb-discount-unit-select{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:4px;outline:none;padding:6px 4px;font-size:12px}.zb-row-delete-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.zb-table tr:hover .zb-row-delete-btn{color:#94a3b8}.zb-row-delete-btn:hover{background-color:#fee2e2;color:#ef4444!important}.zb-table-bottom-actions{align-items:center;gap:12px;margin-top:14px;display:flex}.zb-pill-action-btn{color:#2563eb;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:5px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.zb-pill-action-btn:hover{background:#e2e8f0}.zb-pill-action-btn.secondary{color:#1e88e5;background:#f8fafc;border-color:#e2e8f0}.zb-pill-action-btn.secondary:hover{background:#eff6ff}.zb-bottom-grid{grid-template-columns:1fr 390px;gap:40px;margin-top:24px;display:grid}.zb-notes-col{flex-direction:column;gap:18px;display:flex}.zb-calc-card{flex-direction:column;gap:12px;display:flex}.zb-calc-row{color:#374151;justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.zb-calc-row.total{color:#111827;border-top:2px solid #e5e7eb;margin-top:6px;padding-top:12px;font-size:16px;font-weight:700}.zb-calc-val{color:#111827;font-family:inherit;font-weight:600}.zb-calc-val.total{font-size:18px;font-weight:700}.zb-tds-tcs-section{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:8px;padding:8px 0;display:flex}.zb-tds-radios{align-items:center;gap:20px;display:flex}.zb-radio-label{color:#374151;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.zb-radio-label input[type=radio]{accent-color:#1e88e5;width:15px;height:15px}.zb-tds-select-row{align-items:center;gap:12px;display:flex}.zb-adjustment-badge{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:4px 0 0 4px;align-items:center;padding:5px 8px;font-size:12.5px;display:inline-flex}.zb-upload-box{flex-direction:column;gap:6px;display:flex}.zb-upload-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;display:inline-flex}.zb-upload-btn:hover{background:#f9fafb}.zb-file-chips-container{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.zb-file-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.zb-file-chip-name{text-overflow:ellipsis;white-space:nowrap;color:#1f2937;max-width:160px;overflow:hidden}.zb-file-chip-size{color:#64748b;font-size:11px}.zb-file-chip-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;padding:1px;display:flex}.zb-file-chip-remove:hover{color:#ef4444}.zb-searchable-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:100%;min-width:320px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.zb-searchable-dropdown.customer{width:100%}.zb-dropdown-search-box{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 12px;display:flex}.zb-dropdown-search-input{color:#1f2937;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.zb-dropdown-list{max-height:220px;overflow-y:auto}.zb-dropdown-option-item{cursor:pointer;border-bottom:1px solid #f8fafc;padding:8px 12px;transition:background .15s}.zb-dropdown-option-item:hover,.zb-dropdown-option-item.selected{background:#eff6ff}.zb-no-results{text-align:center;color:#9ca3af;letter-spacing:.5px;padding:24px;font-size:12px;font-weight:600}.zb-dropdown-bottom-action{color:#1e88e5;cursor:pointer;background:#f8fafc;border-top:1px solid #e5e7eb;align-items:center;gap:6px;padding:10px 12px;font-size:12.5px;font-weight:600;transition:background .15s;display:flex}.zb-dropdown-bottom-action:hover{background:#eff6ff}.zb-dropdown-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:4px;min-width:200px;padding:4px 0;position:absolute;top:calc(100% + 4px);box-shadow:0 10px 15px -3px #0000001a}.zb-dropdown-menu.right{right:0}.zb-dropdown-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-size:12.5px;display:block}.zb-dropdown-item:hover{background:#f1f5f9}.zb-dropdown-item.danger{color:#dc2626}.zb-dropdown-item.danger:hover{background:#fef2f2}.zb-dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.zb-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.zb-modal-card{background:#fff;border-radius:6px;width:100%;animation:.15s ease-out zbModalPop;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes zbModalPop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.zb-modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.zb-modal-title{color:#111827;margin:0;font-size:15px;font-weight:600}.zb-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.zb-modal-close:hover{color:#ef4444}.zb-modal-body{max-height:70vh;padding:20px;overflow-y:auto}.zb-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;display:flex}.zb-modal-label{color:#374151;margin-bottom:4px;font-size:12.5px;font-weight:500;display:block}.zb-modal-label.required:after{content:" *";color:#eb5757}.zb-bulk-items-list{flex-direction:column;gap:8px;max-height:320px;margin-top:12px;display:flex;overflow-y:auto}.zb-bulk-item-row{cursor:pointer;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.zb-bulk-item-row:hover{background:#f8fafc}.zb-bulk-item-row.selected{background:#eff6ff;border-color:#93c5fd}.zb-modal-search-box{background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex}.zb-modal-search-input{color:#1f2937;border:none;outline:none;width:100%;font-size:13px}.zb-template-option-card{cursor:pointer;border:1px solid #e5e7eb;border-radius:4px;padding:12px 14px;transition:all .15s}.zb-template-option-card:hover{background:#f8fafc}.zb-template-option-card.selected{background:#eff6ff;border-color:#1e88e5}.zb-tooltip-bubble{color:#fff;white-space:nowrap;z-index:100;pointer-events:none;background:#1e293b;border-radius:4px;padding:5px 9px;font-size:11.5px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}.zb-sticky-footer{z-index:50;background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:fixed;bottom:0;left:240px;right:0;box-shadow:0 -2px 10px #0000000d}.zb-footer-buttons{align-items:center;gap:10px;display:flex}.zb-btn-draft{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s}.zb-btn-draft:hover:not(:disabled){background:#f9fafb}.zb-btn-save-send{color:#fff;cursor:pointer;background:#1e88e5;border:1px solid #1e88e5;border-radius:4px;padding:7px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;box-shadow:0 1px 2px #1e88e533}.zb-btn-save-send:hover:not(:disabled){background:#1976d2}.zb-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s}.zb-btn-cancel:hover:not(:disabled){background:#f9fafb}.zb-footer-template{color:#6b7280;align-items:center;gap:8px;font-size:12.5px;display:flex}.zb-template-link{color:#1e88e5;cursor:pointer;text-decoration:none}.zb-template-link:hover{text-decoration:underline}.zb-template-nav-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;display:flex}.zb-customer-modal-card{background:#fff;border-radius:6px;flex-direction:column;width:840px;max-width:95vw;max-height:90vh;animation:.18s cubic-bezier(.16,1,.3,1) zbModalPop;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;font-family:Zoho Puvi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.zb-customer-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.zb-customer-modal-title{color:#111827;margin:0;font-size:17px;font-weight:600}.zb-customer-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.zb-customer-modal-body{flex:1;padding:20px 28px;overflow-y:auto}.zb-cust-field-row{align-items:center;margin-bottom:13px;display:flex}.zb-cust-label{color:#374151;align-items:center;gap:3px;width:180px;min-width:180px;font-size:13px;font-weight:400;display:flex}.zb-cust-label.required{color:#d32f2f;font-weight:500}.zb-cust-control{flex:1;width:440px;max-width:440px}.zb-cust-control.wide{max-width:100%}.zb-split-upload-btn-wrap{background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:stretch;transition:border-color .15s;display:inline-flex;overflow:hidden}.zb-split-upload-btn-wrap:hover{border-color:#9ca3af}.zb-split-upload-main{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.zb-split-upload-main:hover{background:#f8fafc}.zb-split-upload-arrow{color:#6b7280;cursor:pointer;background:0 0;border:none;border-left:1px solid #d1d5db;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.zb-split-upload-arrow:hover{background:#f8fafc}.zb-cust-radios{align-items:center;gap:24px;display:flex}.zb-primary-contact-group{gap:10px;width:100%;display:flex}.zb-input-icon-wrap{width:100%;position:relative}.zb-input-inner-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.zb-input.with-left-icon{padding-left:32px}.zb-phone-inputs-row{gap:12px;width:100%;display:flex}.zb-phone-input-group{background:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1;transition:border-color .15s;display:flex;overflow:hidden}.zb-phone-input-group:focus-within{border-color:#1e88e5;box-shadow:0 0 0 1px #1e88e5}.zb-phone-prefix{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border-right:1px solid #d1d5db;align-items:center;gap:4px;padding:6px 8px;font-size:12.5px;display:flex}.zb-phone-input-group .zb-input{border:none;border-radius:0;width:100%;padding:6px 10px;font-size:13px}.zb-phone-input-group .zb-input:focus{box-shadow:none}.zb-customer-tabs-bar{border-bottom:1px solid #e5e7eb;gap:24px;margin-top:26px;margin-bottom:20px;display:flex}.zb-customer-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 4px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s}.zb-customer-tab:hover:not(.active){color:#111827}.zb-customer-tab.active{color:#1e88e5;border-bottom-color:#1e88e5;font-weight:600}.zb-cust-tab-content{min-height:240px;padding-top:6px}.zb-input-addon-group{width:100%;display:flex}.zb-input-addon{color:#475569;background:#f8fafc;border:1px solid #d1d5db;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;align-items:center;padding:6px 12px;font-size:12.5px;display:flex}.zb-input-addon-group .zb-input{border-top-left-radius:0;border-bottom-left-radius:0}.zb-customer-address-grid{grid-template-columns:1fr 1fr;gap:36px;margin-bottom:16px;display:grid}.zb-address-col{flex-direction:column;gap:12px;display:flex}.zb-address-heading{color:#111827;margin:0;font-size:14px;font-weight:600}.zb-address-header-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.zb-copy-address-btn{color:#1e88e5;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 4px;font-size:12.5px;font-weight:500;display:flex}.zb-copy-address-btn:hover{text-decoration:underline}.zb-addr-field{flex-direction:column;gap:4px;display:flex}.zb-addr-label{color:#475569;font-size:12px;font-weight:400}.zb-address-note-box{color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 4px 4px 0;margin-top:14px;padding:12px 16px;font-size:12px;line-height:1.6}.zb-address-note-box ul{margin:4px 0 0 16px;padding:0}.zb-empty-tab-state{text-align:center;color:#64748b;max-width:600px;margin:0 auto;padding:48px 24px;font-size:13.5px;line-height:1.7}.zb-cust-owner-note{color:#64748b;border-top:1px solid #f1f5f9;margin-top:20px;padding-top:14px;font-size:12.5px}.zb-customer-modal-footer{background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:10px;padding:14px 28px;display:flex}.zoho-auth-page{color:#1e293b;box-sizing:border-box;background-color:#f4f5f8;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;min-height:100vh;padding:32px 20px 24px;font-family:Zoho Puvi,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.zoho-auth-top-bar{justify-content:center;align-items:center;gap:10px;width:100%;max-width:480px;margin-bottom:20px;display:flex}.zoho-auth-logo-badge{color:#fff;background:linear-gradient(135deg,#1e88e5 0%,#1565c0 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 10px #1e88e540}.zoho-auth-brand-name{color:#0f172a;letter-spacing:-.3px;font-size:19px;font-weight:700}.zoho-auth-brand-badge{color:#1e88e5;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600}.zoho-auth-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:460px;padding:36px 40px;animation:.25s ease-out zohoCardFadeIn;box-shadow:0 4px 20px #0000000d}.zoho-auth-card.wide-card{max-width:490px}@keyframes zohoCardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.zoho-card-header{text-align:center;margin-bottom:24px}.zoho-card-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 6px;font-size:24px;font-weight:700}.zoho-card-subtitle{color:#64748b;margin:0;font-size:13.5px}.zoho-tabs-nav{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:4px;display:flex}.zoho-tab-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.zoho-tab-item.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #0000000f}.zoho-auth-form{flex-direction:column;gap:16px;display:flex}.zoho-form-group{flex-direction:column;gap:5px;display:flex}.zoho-form-label{color:#334155;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.zoho-form-label.required:after{content:" *";color:#d32f2f}.zoho-input-box{align-items:center;display:flex;position:relative}.zoho-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.zoho-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:42px;padding:0 14px 0 38px;font-family:inherit;font-size:13.5px;transition:all .15s}.zoho-input:focus{border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e51f}.zoho-input.has-error{background:snow;border-color:#ef4444}.zoho-password-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:12px}.zoho-password-btn:hover{color:#475569}.zoho-field-error{color:#d32f2f;margin-top:2px;font-size:11.5px}.zoho-sub-row{justify-content:space-between;align-items:center;margin-top:-2px;font-size:12.5px;display:flex}.zoho-checkbox-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.zoho-checkbox-label input{accent-color:#1e88e5;cursor:pointer;width:16px;height:16px}.zoho-text-link{color:#1e88e5;cursor:pointer;font-weight:600;text-decoration:none}.zoho-text-link:hover{color:#0d47a1;text-decoration:underline}.zoho-submit-btn{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:6px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 6px #1e88e540}.zoho-submit-btn:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 10px #1e88e559}.zoho-submit-btn:disabled{opacity:.65;cursor:not-allowed}.zoho-alert-danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:12.5px;display:flex}.zoho-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;line-height:1.4;display:flex}.zoho-strength-meter{margin-top:4px}.zoho-strength-track{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.zoho-strength-fill{height:100%;transition:width .25s,background-color .25s}.zoho-strength-fill.weak{background-color:#ef4444;width:25%}.zoho-strength-fill.fair{background-color:#f59e0b;width:50%}.zoho-strength-fill.good{background-color:#3b82f6;width:75%}.zoho-strength-fill.strong{background-color:#10b981;width:100%}.zoho-strength-text{color:#64748b;justify-content:space-between;font-size:11px;display:flex}.zoho-switch-prompt{text-align:center;color:#64748b;margin-top:20px;font-size:13px}.zoho-switch-prompt a{color:#1e88e5;cursor:pointer;margin-left:4px;font-weight:600;text-decoration:none}.zoho-switch-prompt a:hover{text-decoration:underline}.zoho-auth-footer{text-align:center;color:#64748b;flex-direction:column;gap:8px;margin-top:24px;font-size:12px;display:flex}.zoho-footer-links{justify-content:center;align-items:center;gap:16px;display:flex}.zoho-footer-links a{color:#64748b;text-decoration:none;transition:color .15s}.zoho-footer-links a:hover{color:#1e88e5;text-decoration:underline}@media (width<=520px){.zoho-auth-card{border-radius:8px;padding:28px 20px}}
