:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-secondary: #4b5563;--color-muted: #6b7280;--color-primary: #4338ca;--color-primary-hover: #362f9e;--color-primary-bg: #eef2ff;--color-primary-border: #c7d2fe;--color-success: #047857;--color-success-bg: #ecfdf5;--color-success-border: #a7f3d0;--color-warning: #b45309;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-danger: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-info: #1d4ed8;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(67, 56, 202, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .18s;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);min-height:100vh;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em}button{cursor:pointer;font:inherit}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--color-primary-hover)}::selection{background:#4338ca2e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.page-transition{animation:fadeIn var(--duration-base) var(--ease)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-bg)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm);animation:fadeInUp var(--duration-base) var(--ease)}.auth-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.auth-brand-mark{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.auth-card h1{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:700}.auth-subtitle{margin:-.65rem 0 .25rem;color:var(--color-muted);font-size:.85rem}.auth-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.auth-card input,.search-input{padding:.55rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.9rem;background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.auth-card input:focus,.search-input:focus,.entity-form input:focus,.entity-form select:focus,.entity-form textarea:focus,.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus,.toolbar select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.auth-card button,.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:.55rem 1rem;font-weight:600;font-size:.88rem;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.auth-card button:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.auth-card button:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-error{color:var(--color-danger);font-size:.82rem;margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:1rem .75rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{font-weight:700;padding:.35rem .5rem 1.25rem;color:var(--color-text);font-size:.95rem;display:flex;align-items:center;gap:.55rem}.sidebar-brand-mark{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:.1rem}.sidebar-link{padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.87rem;font-weight:500;display:flex;align-items:center;gap:.6rem;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.sidebar-link .nav-icon{width:17px;height:17px;flex-shrink:0;stroke-width:2}.sidebar-link:hover{background:var(--color-surface-alt);color:var(--color-text)}.sidebar-link.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.header{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:5}.header-user{display:flex;align-items:center;gap:.85rem;font-size:.87rem}.header-user-info{display:flex;align-items:center;gap:.6rem;color:var(--color-text)}.avatar-badge{width:30px;height:30px;border-radius:50%;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.role-badge{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:4px;padding:.1rem .45rem;font-size:.68rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.header-user button{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.38rem .75rem;font-weight:500;font-size:.85rem;color:var(--color-text-secondary);transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.header-user button:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text)}.app-content{flex:1;padding:1.75rem;max-width:100%;overflow-x:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.page-header h1{margin:0 0 .15rem;font-size:1.3rem}.search-input{width:100%;max-width:320px;margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs)}.data-table th,.data-table td{text-align:left;padding:.65rem .9rem;border-bottom:1px solid var(--color-border);font-size:.87rem}.data-table th{background:var(--color-surface-alt);font-weight:600;color:var(--color-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.data-table tr:last-child td{border-bottom:none}.data-table tbody{animation:fadeIn var(--duration-base) var(--ease)}.data-table tbody tr{transition:background var(--duration-fast) var(--ease)}.data-table tbody tr:hover{background:var(--color-surface-alt)}.data-table a{font-weight:500}.stock-low{color:var(--color-danger);font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:4px;font-size:.72rem;font-weight:600;border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-muted)}.status-active,.status-confirmed{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.status-lead,.status-draft{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.status-inactive,.status-cancelled{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-xs)}.detail-grid strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600;margin-bottom:.25rem}.detail-grid p{margin:0;color:var(--color-text)}.followup-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.followup-list li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.87rem;color:var(--color-text)}.followup-date{color:var(--color-muted);font-size:.83rem}.spinner-wrap{display:flex;align-items:center;gap:.55rem;padding:2rem;color:var(--color-muted);justify-content:center}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .6s linear infinite}.spinner-label{font-size:.87rem}.page-loading{padding:2rem;text-align:center;color:var(--color-muted)}.toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.toolbar .search-input{margin-bottom:0}.toolbar select{padding:.5rem .65rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.87rem;background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease)}.checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.87rem;color:var(--color-text-secondary);cursor:pointer}.checkbox-label input{accent-color:var(--color-primary);width:15px;height:15px}.entity-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-xs)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.form-grid-full{grid-column:1 / -1}.entity-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:500;color:var(--color-text-secondary)}.entity-form input,.entity-form select,.entity-form textarea{padding:.5rem .65rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.88rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.entity-form input:disabled,.entity-form select:disabled{background:var(--color-surface-alt);color:var(--color-muted)}.entity-form table select,.entity-form table input{width:100%}.form-actions{display:flex;gap:.6rem;margin:1rem 0}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.55rem 1rem;font-weight:500;font-size:.88rem;color:var(--color-text-secondary);transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.inline-form{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;margin-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.inline-form textarea{width:100%;padding:.5rem .65rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:.87rem;background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease)}.inline-form-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.inline-form-row label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--color-text-secondary);font-weight:500}.inline-form-row input,.inline-form-row select{padding:.45rem .6rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.challan-summary{font-size:.9rem;color:var(--color-text-secondary);background:var(--color-surface-alt);padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.challan-summary strong{color:var(--color-text)}.dashboard-role{color:var(--color-muted);margin-top:-.5rem;font-size:.88rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.35rem;display:flex;flex-direction:column;gap:.6rem;color:var(--color-text);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.tile:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.tile-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.tile-icon svg{width:17px;height:17px;stroke-width:2}.tile-value{font-size:1.85rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1}.tile-value-placeholder{color:var(--color-border-strong)}.tile-label{color:var(--color-muted);font-size:.85rem}.toast-stack{position:fixed;top:1.1rem;right:1.1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000;max-width:340px}.toast{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.87rem;font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-muted);box-shadow:var(--shadow-md);animation:slideInRight var(--duration-base) var(--ease);cursor:pointer}.toast-icon{width:16px;height:16px;flex-shrink:0;display:flex}.toast-icon svg{width:16px;height:16px;stroke-width:2.25}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-info{border-left-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}@media (max-width: 720px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.toast-stack{left:1rem;right:1rem;max-width:none}}