@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--bg-default: #f8fafc;--bg-paper: #ffffff;--bg-surface: #ffffff;--bg-surface-secondary: #f9fafb;--bg-surface-tertiary: #f3f4f6;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-disabled: #9ca3af;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--border-focus: #3b82f6;--border-light: #f8fafc;--primary: #3b82f6;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--success: #059669;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning: #f59e0b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error: #dc2626;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--mobile: 480px;--tablet: 768px;--desktop: 1024px;--large: 1200px;--mobile-padding: 16px;--mobile-gap: 12px;--mobile-font-size: 14px;--mobile-button-height: 44px;--mobile-touch-target: 44px}.theme-dark{--bg-default: #0a0a0a;--bg-paper: rgba(17, 24, 39, .8);--bg-surface: rgba(31, 41, 55, .8);--bg-surface-secondary: rgba(55, 65, 81, .6);--bg-surface-tertiary: rgba(75, 85, 99, .4);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #6b7280;--text-disabled: #6b7280;--text-inverse: #1e293b;--border-primary: rgba(75, 85, 99, .5);--border-secondary: rgba(107, 114, 128, .3);--border-focus: #60a5fa;--border-light: #475569;--primary: #60a5fa;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--success: #34d399;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #4ade80;--success-600: #22c55e;--success-700: #16a34a;--warning: #fbbf24;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #fbbf24;--warning-600: #f59e0b;--warning-700: #d97706;--error: #f87171;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-500: #f87171;--error-600: #ef4444;--error-700: #dc2626;--info: #60a5fa;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-default);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*:focus{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:var(--text-inverse)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.bg-default{background-color:var(--bg-default)}.bg-paper{background-color:var(--bg-paper)}.bg-surface{background-color:var(--bg-surface)}.bg-surface-secondary{background-color:var(--bg-surface-secondary)}.bg-surface-tertiary{background-color:var(--bg-surface-tertiary)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-focus{border-color:var(--border-focus)}.border-light{border-color:var(--border-light)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.hidden-mobile,.hidden-tablet,.hidden-desktop{display:none}@media (min-width: 480px){.hidden-mobile{display:block}}@media (min-width: 768px){.hidden-tablet{display:block}}@media (min-width: 1024px){.hidden-desktop{display:block}}.mobile-only{display:block}.tablet-up,.desktop-up{display:none}@media (min-width: 768px){.mobile-only{display:none}.tablet-up{display:block}}@media (min-width: 1024px){.desktop-up{display:block}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-container{width:100%;max-width:400px}.login-paper{padding:3rem 2rem;border-radius:16px;box-shadow:0 20px 40px #0000001a;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{opacity:.7}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-alert{margin-bottom:1rem}.login-field{transition:all .3s ease}.login-field:hover{transform:translateY(-2px)}.login-button{margin-top:1rem;padding:.75rem;font-weight:600;text-transform:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.login-divider{margin:2rem 0}.login-footer{text-align:center}.login-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link:hover{color:#764ba2;text-decoration:underline}[data-theme=dark] .login-page{background:linear-gradient(135deg,#2c3e50,#34495e)}[data-theme=dark] .login-paper{background:#1e1e1ef2;color:#fff}[data-theme=dark] .login-title{background:linear-gradient(135deg,#3498db,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .login-button{background:linear-gradient(135deg,#3498db,#9b59b6)}[data-theme=dark] .login-link{color:#3498db}[data-theme=dark] .login-link:hover{color:#9b59b6}@media (max-width: 480px){.login-paper{padding:2rem 1.5rem}.login-title{font-size:1.75rem}.login-subtitle{font-size:.875rem}}.login-field .MuiOutlinedInput-root{transition:all .3s ease}.login-field .MuiOutlinedInput-root:hover{transform:translateY(-1px)}.login-field .MuiOutlinedInput-root.Mui-focused{transform:translateY(-2px)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.login-button:disabled{animation:pulse 1.5s ease-in-out infinite}.stat-card{padding:1.5rem;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;min-height:140px;display:flex;flex-direction:column}.stat-card.light{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014,0 2px 4px #0000000a}.stat-card.dark{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0000004d,0 2px 4px #0003}.stat-card:hover{transform:translateY(-8px) scale(1.02)}.stat-card.light:hover{box-shadow:0 16px 32px #0000001f,0 4px 8px #00000014;background:#fffffffa}.stat-card.dark:hover{box-shadow:0 16px 32px #00000080,0 4px 8px #0000004d;background:#ffffff1f}.stat-pattern{position:absolute;top:-20%;right:-20%;width:140%;height:140%;opacity:.03;border-radius:50%;z-index:1;transition:all .4s ease}.stat-card:hover .stat-pattern{opacity:.06;transform:scale(1.05) rotate(8deg)}.stat-main-container{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:3;height:100%;gap:1rem}.stat-content-section{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.stat-icon-section{flex-shrink:0;display:flex;align-items:flex-start}.stat-icon-container{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 6px 12px #00000026,0 2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-icon-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s ease}.stat-card:hover .stat-icon-container{transform:scale(1.1) rotate(3deg);box-shadow:0 8px 16px #0003,0 3px 6px #00000026}.stat-card:hover .stat-icon-container:before{transform:translate(100%)}.stat-change-chip{font-weight:700;font-size:.7rem;height:24px;border-radius:12px;box-shadow:0 2px 4px #00000026;transition:all .3s ease}.stat-change-chip.positive{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.stat-change-chip.negative{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.stat-card:hover .stat-change-chip{transform:scale(1.05);box-shadow:0 4px 8px #0003}.stat-number{font-weight:900;font-size:2.25rem;margin-bottom:.5rem;line-height:1.1;letter-spacing:-.02em}.stat-card.light .stat-number{color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.dark .stat-number{color:#fffffffa;background:linear-gradient(135deg,#fffffffa,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-title{font-weight:500;font-size:.875rem;line-height:1.4;margin-top:.25rem}.stat-card.light .stat-title{color:#666}.stat-card.dark .stat-title{color:#ffffffbf}.stat-progress-container{position:relative;z-index:3}.stat-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-progress-label{font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:.65rem}.stat-card.light .stat-progress-label{color:#666}.stat-card.dark .stat-progress-label{color:#fff9}.stat-progress-value{font-weight:700;font-size:.7rem}.stat-card.light .stat-progress-value{color:#333}.stat-card.dark .stat-progress-value{color:#ffffffe6}.stat-progress{height:6px;border-radius:3px;overflow:hidden;position:relative}.stat-progress.positive .MuiLinearProgress-bar{background:linear-gradient(90deg,#4caf50,#66bb6a);box-shadow:0 0 6px #4caf5066}.stat-progress.negative .MuiLinearProgress-bar{background:linear-gradient(90deg,#f44336,#ef5350);box-shadow:0 0 6px #f4433666}@media (max-width: 1200px){.stat-card{padding:1.25rem;min-height:130px}.stat-number{font-size:2rem}.stat-icon-container{width:52px;height:52px;font-size:1.4rem}}@media (max-width: 960px){.stat-card{padding:1rem;min-height:120px}.stat-number{font-size:1.75rem}.stat-title{font-size:.8rem}.stat-icon-container{width:48px;height:48px;font-size:1.3rem}.stat-main-container{gap:.75rem}}@media (max-width: 600px){.stat-card{padding:1rem;min-height:110px}.stat-number{font-size:1.5rem}.stat-title{font-size:.75rem}.stat-icon-container{width:44px;height:44px;font-size:1.2rem}.stat-main-container{gap:.5rem}}.dashboard-card{border-radius:24px;transition:all .5s cubic-bezier(.4,0,.2,1);height:100%;position:relative;overflow:hidden;min-height:280px}.dashboard-card.light{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}.dashboard-card.dark{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.dashboard-card:hover{transform:translateY(-16px) scale(1.02)}.dashboard-card.light:hover{box-shadow:0 32px 64px #0000001f,0 8px 16px #00000014;background:#fffffffa}.dashboard-card.dark:hover{box-shadow:0 32px 64px #00000080,0 8px 16px #0000004d;background:#ffffff1f}.card-action{height:100%;padding:0;display:flex;flex-direction:column}.card-content{padding:2rem!important;position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.card-pattern{position:absolute;top:-50%;right:-50%;width:200%;height:200%;opacity:.03;border-radius:50%;z-index:1;transition:all .5s ease}.dashboard-card:hover .card-pattern{opacity:.08;transform:scale(1.1) rotate(15deg)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;position:relative;z-index:3}.card-icon-container{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 12px 24px #00000026,0 4px 8px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-icon-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.dashboard-card:hover .card-icon-container{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 40px #0003,0 8px 16px #00000026}.dashboard-card:hover .card-icon-container:before{transform:translate(100%)}.card-badge{position:relative;color:#fff;font-weight:700;font-size:.75rem;height:24px;border-radius:12px;box-shadow:0 4px 8px #0003}.card-body{flex-grow:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}.card-title{font-weight:800;margin-bottom:1rem;font-size:1.4rem;line-height:1.3;letter-spacing:-.02em}.dashboard-card.light .card-title{color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-card.dark .card-title{color:#fffffffa;background:linear-gradient(135deg,#fffffffa,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-description{line-height:1.6;font-size:.95rem;font-weight:500}.dashboard-card.light .card-description{color:#666}.dashboard-card.dark .card-description{color:#ffffffbf}.card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;position:relative;z-index:3}.card-action-button{width:48px;height:48px;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-card.light .card-action-button{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2)}.dashboard-card.dark .card-action-button{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.card-action-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;border-radius:16px}.dashboard-card:hover .card-action-button{transform:scale(1.1);box-shadow:0 8px 16px #00000026}.dashboard-card:hover .card-action-button:before{opacity:1}.arrow-icon{font-size:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.dashboard-card:hover .arrow-icon{transform:translate(6px);color:#fff}@media (max-width: 1200px){.card-content{padding:1.5rem!important}.card-icon-container{width:64px;height:64px;font-size:1.75rem}}@media (max-width: 960px){.dashboard-card{min-height:260px}.card-icon-container{width:60px;height:60px;font-size:1.6rem}.card-title{font-size:1.25rem}}@media (max-width: 600px){.card-content{padding:1.25rem!important}.card-icon-container{width:56px;height:56px;font-size:1.5rem}.card-title{font-size:1.2rem}.card-description{font-size:.9rem}}.activity-item{display:flex;align-items:center;padding:1.5rem;margin-bottom:1rem;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.activity-item:last-child{margin-bottom:0}.activity-item.light{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000d}.activity-item.dark{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003}.activity-item:hover{transform:translate(8px) scale(1.02)}.activity-item.light:hover{background:#ffffffe6;box-shadow:0 8px 24px #0000001a}.activity-item.dark:hover{background:#ffffff14;box-shadow:0 8px 24px #0000004d}.activity-icon-section{display:flex;flex-direction:column;align-items:center;margin-right:1.5rem;position:relative}.activity-avatar{width:56px;height:56px;font-size:1.5rem;box-shadow:0 8px 16px #00000026,0 2px 4px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.activity-avatar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.activity-item:hover .activity-avatar{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 24px #0003,0 4px 8px #00000026}.activity-item:hover .activity-avatar:before{transform:translate(100%)}.activity-type-chip{margin-top:.5rem;font-weight:700;font-size:.7rem;height:20px;border-radius:10px;box-shadow:0 2px 4px #0003;transition:all .3s ease}.activity-item:hover .activity-type-chip{transform:scale(1.05);box-shadow:0 4px 8px #00000040}.activity-content{flex:1;margin-right:1rem}.activity-title{font-weight:700;font-size:1.1rem;line-height:1.4;margin-bottom:.5rem}.activity-item.light .activity-title{color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-item.dark .activity-title{color:#fffffff2;background:linear-gradient(135deg,#fffffff2,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-description{font-weight:500;font-size:.95rem;line-height:1.5}.activity-item.light .activity-description{color:#666}.activity-item.dark .activity-description{color:#ffffffb3}.activity-time-section{display:flex;flex-direction:column;align-items:center;min-width:80px}.time-icon{font-size:1rem;margin-bottom:.25rem;transition:all .3s ease}.activity-item.light .time-icon{color:#667eea}.activity-item.dark .time-icon{color:#fff9}.activity-item:hover .time-icon{transform:scale(1.1)}.activity-item.light:hover .time-icon{color:#667eea}.activity-item.dark:hover .time-icon{color:#fffc}.activity-time{font-weight:600;font-size:.75rem;text-align:center;line-height:1.2}.activity-item.light .activity-time{color:#666}.activity-item.dark .activity-time{color:#fff9}@media (max-width: 1200px){.activity-item{padding:1.25rem}.activity-avatar{width:52px;height:52px;font-size:1.4rem}.activity-title{font-size:1rem}}@media (max-width: 960px){.activity-item{padding:1rem;flex-direction:column;text-align:center}.activity-icon-section,.activity-content{margin-right:0;margin-bottom:1rem}.activity-time-section{min-width:auto}.activity-avatar{width:48px;height:48px;font-size:1.3rem}.activity-title{font-size:.95rem}.activity-description{font-size:.9rem}}@media (max-width: 600px){.activity-item{padding:.875rem}.activity-avatar{width:44px;height:44px;font-size:1.2rem}.activity-title{font-size:.9rem}.activity-description{font-size:.85rem}.activity-time{font-size:.7rem}}.performance-card{padding:2rem;border-radius:24px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;min-height:280px}.performance-card.light{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}.performance-card.dark{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.performance-card:hover{transform:translateY(-12px) scale(1.02)}.performance-card.light:hover{box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014;background:#fffffffa}.performance-card.dark:hover{box-shadow:0 24px 48px #00000080,0 8px 16px #0000004d;background:#ffffff1f}.performance-pattern{position:absolute;top:-40%;right:-40%;width:180%;height:180%;opacity:.03;border-radius:50%;z-index:1;transition:all .5s ease}.performance-card:hover .performance-pattern{opacity:.08;transform:scale(1.1) rotate(15deg)}.performance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;position:relative;z-index:3}.performance-title-section{flex:1;margin-right:1rem}.performance-title{font-weight:800;font-size:1.4rem;line-height:1.3;letter-spacing:-.02em;margin-bottom:.75rem}.performance-card.light .performance-title{color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.performance-card.dark .performance-title{color:#fffffffa;background:linear-gradient(135deg,#fffffffa,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.performance-status{font-weight:700;font-size:.75rem;height:24px;border-radius:12px;box-shadow:0 4px 8px #00000026;transition:all .3s ease}.performance-status.success{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.performance-status.info{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff}.performance-card:hover .performance-status{transform:scale(1.05);box-shadow:0 6px 12px #0003}.performance-icon-container{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 12px 24px #00000026,0 4px 8px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.performance-icon-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.performance-card:hover .performance-icon-container{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 40px #0003,0 8px 16px #00000026}.performance-card:hover .performance-icon-container:before{transform:translate(100%)}.performance-content{margin-bottom:2rem;position:relative;z-index:3}.performance-value{font-weight:900;font-size:3.5rem;margin-bottom:.75rem;line-height:1;letter-spacing:-.03em}.performance-card.light .performance-value{color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.performance-card.dark .performance-value{color:#fffffffa;background:linear-gradient(135deg,#fffffffa,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.performance-label{font-weight:600;font-size:1.1rem;line-height:1.4}.performance-card.light .performance-label{color:#666}.performance-card.dark .performance-label{color:#ffffffbf}.performance-progress-section{position:relative;z-index:3}.performance-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.performance-progress-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.performance-card.light .performance-progress-label{color:#666}.performance-card.dark .performance-progress-label{color:#fff9}.performance-progress-value{font-weight:700;font-size:.8rem}.performance-card.light .performance-progress-value{color:#333}.performance-card.dark .performance-progress-value{color:#ffffffe6}.performance-progress{height:10px;border-radius:5px;overflow:hidden;position:relative;background:transparent!important}.performance-progress.success .MuiLinearProgress-bar{background:linear-gradient(90deg,#4caf50,#66bb6a);box-shadow:0 0 10px #4caf5066}.performance-progress.info .MuiLinearProgress-bar{background:linear-gradient(90deg,#1976d2,#42a5f5);box-shadow:0 0 10px #1976d266}.performance-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:5px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #0003}@media (max-width: 1200px){.performance-card{padding:1.5rem}.performance-value{font-size:3rem}.performance-icon-container{width:64px;height:64px;font-size:1.75rem}}@media (max-width: 960px){.performance-card{padding:1.25rem;min-height:260px}.performance-value{font-size:2.5rem}.performance-title{font-size:1.25rem}.performance-label{font-size:1rem}.performance-icon-container{width:60px;height:60px;font-size:1.6rem}}@media (max-width: 600px){.performance-card{padding:1rem;min-height:240px}.performance-header{margin-bottom:1.5rem}.performance-icon-container{width:56px;height:56px;font-size:1.5rem}.performance-value{font-size:2.25rem}.performance-title{font-size:1.2rem}.performance-label{font-size:.95rem}.performance-content{margin-bottom:1.5rem}}.mobile-table-container{display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--bg-primary)}.mobile-card{background:var(--bg-card)!important;border-radius:10px!important;box-shadow:0 1px 4px #0000000d!important;border:1px solid var(--border-primary)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;position:relative!important}.mobile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary) 0%,#10b981 50%,var(--primary) 100%);opacity:0;transition:opacity .2s ease}.mobile-card:hover:before{opacity:1}.mobile-card:hover{box-shadow:0 2px 8px #00000014!important;transform:translateY(-1px)!important;border-color:var(--primary)!important}.mobile-card:last-child{margin-bottom:0}.mobile-card .MuiCardContent-root{padding:12px!important}.card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;position:relative!important}.card-title-section{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.card-title{font-weight:700!important;color:var(--text-primary)!important;margin:0!important;font-size:.9rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;letter-spacing:-.01em!important}.card-subtitle{color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:500!important;margin:0!important}.action-menu-button{width:28px!important;height:28px!important;color:var(--text-secondary)!important;background:var(--bg-surface)!important;border:1px solid var(--border-primary)!important;border-radius:6px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;flex-shrink:0!important;position:relative!important;overflow:hidden!important}.action-menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.action-menu-button:hover:before{left:100%}.action-menu-button:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:scale(1.05)!important;box-shadow:0 2px 6px #05966933!important}.card-divider{margin:12px 0!important;border-color:var(--border-primary)!important;opacity:.4!important}.card-content{display:flex!important;flex-direction:column!important;gap:6px!important}.card-content-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:6px!important}.card-field{display:flex!important;flex-direction:column!important;gap:3px!important;background:var(--bg-secondary)!important;border-radius:6px!important;padding:6px 8px!important;border:1px solid var(--border-primary)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.card-field:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--primary);opacity:0;transition:opacity .2s ease}.card-field:hover:before{opacity:1}.card-field:hover{border-color:var(--primary)!important;transform:translateY(-1px)!important;box-shadow:0 1px 4px #0596690f!important;background:var(--bg-surface)!important}.field-label{color:var(--text-secondary)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.2px!important;font-size:.6rem!important;margin:0!important;opacity:.8!important}.field-value{color:var(--text-primary)!important;font-size:.75rem!important;line-height:1.2!important;word-break:break-word!important;font-weight:500!important;min-height:16px!important;display:flex!important;align-items:center!important;margin:0!important}.field-value .MuiChip-root{font-size:.6rem!important;height:18px!important;font-weight:600!important;border-radius:4px!important;text-transform:uppercase!important;letter-spacing:.2px!important}.field-value .MuiChip-root.MuiChip-colorPrimary{background:#0596691a!important;color:#10b981!important;border:1px solid rgba(5,150,105,.2)!important}.field-value .MuiChip-root.MuiChip-colorSecondary{background:#3b82f61a!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.2)!important}.field-value .MuiChip-root.MuiChip-colorError{background:#ef44441a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)!important}.field-value .MuiChip-root.MuiChip-colorWarning{background:#f59e0b1a!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.2)!important}.skeleton-card .card-header{margin-bottom:12px!important}.skeleton-card .card-content{gap:8px!important}.skeleton-card .MuiSkeleton-root{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-surface) 50%,var(--bg-secondary) 75%)!important;background-size:200% 100%!important;animation:skeleton-loading 1.5s infinite!important}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{border-radius:12px!important;background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;padding:24px 16px!important;text-align:center!important;margin:12px!important;box-shadow:0 2px 8px #0000000f!important}.empty-state .MuiAlert-message{font-size:.85rem!important;font-weight:500!important;color:var(--text-secondary)!important}.mobile-action-menu .MuiPaper-root{background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important;overflow:hidden!important;margin-top:4px!important}.mobile-action-item{padding:12px 16px!important;border-radius:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;gap:10px!important;color:var(--text-primary)!important;min-height:44px!important;font-weight:500!important;font-size:.85rem!important;position:relative!important;overflow:hidden!important}.mobile-action-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .3s}.mobile-action-item:hover:before{left:100%}.mobile-action-item:hover{background:var(--bg-secondary)!important;transform:translate(2px)!important}.action-icon{color:var(--text-secondary)!important;font-size:18px!important;transition:all .2s ease!important}.mobile-action-item.primary .action-icon{color:var(--primary)!important}.mobile-action-item.primary:hover .action-icon{color:#047857!important}.mobile-action-item.secondary .action-icon{color:var(--info)!important}.mobile-action-item.secondary:hover .action-icon{color:#1d4ed8!important}.mobile-action-item.error .action-icon{color:var(--error)!important}.mobile-action-item.error:hover .action-icon{color:#dc2626!important}.mobile-action-item.warning .action-icon{color:var(--warning)!important}.mobile-action-item.warning:hover .action-icon{color:#d97706!important}.mobile-action-item.info .action-icon{color:var(--info)!important}.mobile-action-item.info:hover .action-icon{color:#1d4ed8!important}.mobile-action-item.success .action-icon{color:var(--success)!important}.mobile-action-item.success:hover .action-icon{color:#047857!important}@media (max-width: 768px){.mobile-table-container{padding:6px;gap:6px}.card-content-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:4px!important}.card-field{padding:4px 6px!important}.mobile-card .MuiCardContent-root{padding:10px!important}.card-header{margin-bottom:6px!important}}@media (max-width: 480px){.mobile-table-container{padding:4px;gap:4px}.mobile-card .MuiCardContent-root{padding:8px!important}.card-title{font-size:.85rem!important}.card-subtitle,.field-value{font-size:.7rem!important}.action-menu-button{width:24px!important;height:24px!important}.card-content-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;gap:3px!important}.card-field{padding:3px 4px!important}.field-label{font-size:.55rem!important}.field-value .MuiChip-root{font-size:.55rem!important;height:16px!important}.more-fields-text{font-size:.6rem!important}}@media (max-width: 360px){.mobile-table-container{padding:3px}.mobile-card .MuiCardContent-root{padding:6px!important}.card-header{margin-bottom:4px!important}.card-content{gap:4px!important}.card-field{padding:2px 3px!important}.card-content-grid{grid-template-columns:1fr!important;gap:3px!important}.card-title{font-size:.8rem!important}.card-subtitle,.field-value{font-size:.65rem!important}.action-menu-button{width:22px!important;height:22px!important}}@media (hover: none) and (pointer: coarse){.mobile-card:hover{transform:none!important}.mobile-card:active{transform:scale(.98)!important}.action-menu-button:hover{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border-color:var(--border-primary)!important;transform:none!important}.action-menu-button:active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:scale(.95)!important}.card-field:hover{transform:none!important}.card-field:active{transform:scale(.98)!important}.mobile-action-item:hover{transform:none!important}.mobile-action-item:active{background:var(--bg-surface)!important;transform:scale(.98)!important}}.mobile-card:focus-within{outline:2px solid var(--primary)!important;outline-offset:1px!important}.action-menu-button:focus{outline:2px solid var(--primary)!important;outline-offset:1px!important}.card-field:focus-within{outline:2px solid var(--primary)!important;outline-offset:1px!important}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-card{animation:cardSlideIn .3s cubic-bezier(.4,0,.2,1)!important}.mobile-card:nth-child(1){animation-delay:.05s}.mobile-card:nth-child(2){animation-delay:.1s}.mobile-card:nth-child(3){animation-delay:.15s}.mobile-card:nth-child(4){animation-delay:.2s}.mobile-card:nth-child(5){animation-delay:.25s}.more-fields-indicator{display:flex!important;justify-content:center!important;align-items:center!important;margin-top:6px!important;padding:4px 8px!important;background:var(--bg-secondary)!important;border-radius:4px!important;border:1px dashed var(--border-primary)!important;transition:all .2s ease!important}.more-fields-indicator:hover{background:var(--bg-surface)!important;border-color:var(--primary)!important}.more-fields-text{color:var(--text-secondary)!important;font-size:.65rem!important;font-weight:500!important;text-align:center!important;margin:0!important;opacity:.8!important}.theme-dark .mobile-card{box-shadow:0 2px 8px #00000026!important}.theme-dark .mobile-card:hover{box-shadow:0 4px 16px #0003!important}.theme-dark .card-field{background:var(--bg-surface)!important}.theme-dark .card-field:hover{background:var(--bg-secondary)!important}.data-table-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-primary);background:var(--bg-paper);transition:all .2s ease-in-out}.data-table-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.data-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-primary);background:var(--bg-surface-secondary)}.data-table-title-section{display:flex;flex-direction:column;gap:4px}.data-table-title{font-weight:600;color:var(--text-primary);margin:0;font-size:1.125rem;line-height:1.4}.data-table-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.data-table-actions{display:flex;align-items:center;gap:16px}.data-table-search{min-width:300px}.data-table-search .MuiOutlinedInput-root{border-radius:8px;background-color:var(--bg-surface);border:1px solid var(--border-primary);transition:all .2s ease-in-out}.data-table-search .MuiOutlinedInput-root:hover{background-color:var(--bg-surface-secondary);border-color:var(--primary-400)}.data-table-search .MuiOutlinedInput-root.Mui-focused{background-color:var(--bg-surface);border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.data-table-search .MuiInputBase-input{color:var(--text-primary);font-size:.875rem}.data-table-search .MuiInputBase-input::placeholder{color:var(--text-secondary);opacity:1}.data-table-search .MuiInputAdornment-root{color:var(--text-secondary)}.export-button{border-radius:8px;font-weight:600;text-transform:none;transition:all .2s ease-in-out}.export-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.data-table-error{margin:0;border-radius:0}.data-table-table-container{max-height:600px;overflow:auto}.data-table-table-container::-webkit-scrollbar{width:8px;height:8px}.data-table-table-container::-webkit-scrollbar-track{background:var(--bg-surface-secondary)}.data-table-table-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.data-table-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.data-table-header-row{background:var(--bg-surface-secondary)}.data-table-header-row .MuiTableCell-root{background:var(--bg-surface-secondary);border-bottom:2px solid var(--border-primary);font-weight:600;font-size:.875rem;color:var(--text-primary);padding:16px 12px;position:sticky;top:0;z-index:2}.header-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.header-label{font-weight:600;color:var(--text-primary);flex:1}.sort-indicators{display:flex;align-items:center;gap:4px}.sort-icon{color:var(--text-secondary);transition:all .2s ease;cursor:pointer}.sort-icon.active{color:var(--primary-500)}.sort-indicator{background:var(--primary-500);color:#fff;font-size:.75rem;height:20px;min-width:20px}.sortable-header{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:var(--bg-surface)!important}.fixed-column{position:sticky!important;z-index:3;background:var(--bg-paper)!important}.checkbox-column{left:0!important;z-index:4!important;min-width:50px!important;width:50px!important}.actions-column{right:0!important;z-index:4!important;min-width:80px!important;width:80px!important}.data-table-row{transition:all .2s ease}.data-table-row:hover{background-color:var(--bg-surface-secondary)!important}.data-table-row.Mui-selected{background-color:var(--primary-50)!important}.data-table-row.Mui-selected:hover{background-color:var(--primary-100)!important}.data-table-container .MuiTableCell-root{border-bottom:1px solid var(--border-primary);padding:12px;color:var(--text-primary);font-size:.875rem;line-height:1.4}.ellipsis-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-container .MuiCheckbox-root{color:var(--text-secondary);transition:all .2s ease}.data-table-container .MuiCheckbox-root:hover{background-color:#3b82f61a;color:var(--primary-500)}.data-table-container .MuiCheckbox-root.Mui-checked,.data-table-container .MuiCheckbox-root.Mui-indeterminate{color:var(--primary-500)}.action-menu-button{color:var(--text-secondary);transition:all .2s ease}.action-menu-button:hover{background-color:var(--bg-surface-secondary);color:var(--text-primary);transform:scale(1.05)}.data-table-pagination{background:var(--bg-surface-secondary);border-top:1px solid var(--border-primary);padding:8px 24px}.data-table-pagination .MuiTablePagination-root,.data-table-pagination .MuiTablePagination-select{color:var(--text-primary)}.data-table-pagination .MuiTablePagination-selectIcon{color:var(--text-secondary)}.action-menu{margin-top:8px}.action-menu .MuiPaper-root{border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-primary);background:var(--bg-paper)}.action-menu-item{padding:8px 16px;transition:all .2s ease;border-radius:4px;margin:2px 8px}.action-menu-item:hover{background-color:var(--bg-surface-secondary)}.action-menu-item.primary{color:var(--primary-500)}.action-menu-item.secondary{color:var(--text-secondary)}.action-menu-item.error{color:var(--error-500)}.action-menu-item.warning{color:var(--warning-500)}.action-menu-item.info{color:var(--primary-500)}.action-menu-item.success{color:var(--success-500)}.action-menu-content{display:flex;align-items:center;gap:12px;width:100%}.action-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.action-label{font-weight:500;flex:1}.empty-state{padding:48px 24px}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:16px}.status-chip{font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;font-size:.75rem;padding:4px 8px}.status-chip.active{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.status-chip.inactive{background-color:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.status-chip.pending{background-color:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}@media (max-width: 768px){.data-table-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.data-table-actions{width:100%;justify-content:space-between}.data-table-search{min-width:200px;flex:1}.header-content{flex-direction:column;align-items:flex-start;gap:4px}.sort-indicators{align-self:flex-end}}.theme-light .data-table-container{background:#fff;border-color:#e5e7eb}.theme-light .data-table-header{background:#f9fafb;border-bottom-color:#e5e7eb}.theme-light .data-table-header-row .MuiTableCell-root{background:#f9fafb;border-bottom-color:#e5e7eb;color:#374151}.theme-light .data-table-row:hover{background-color:#f3f4f6!important}.theme-light .data-table-row.Mui-selected{background-color:#eff6ff!important}.theme-light .data-table-row.Mui-selected:hover{background-color:#dbeafe!important}.theme-light .data-table-pagination{background:#f9fafb;border-top-color:#e5e7eb}.theme-light .fixed-column{background:#fff!important}.theme-light .data-table-row.Mui-selected .fixed-column{background:#eff6ff!important}.theme-dark .data-table-container{background:#111827e6;border-color:#4b556380;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.theme-dark .data-table-header{background:#1f2937cc;border-bottom-color:#4b556380}.theme-dark .data-table-header-row .MuiTableCell-root{background:#1f2937cc;border-bottom-color:#4b556380;color:#f9fafb}.theme-dark .data-table-row:hover{background-color:#37415199!important}.theme-dark .data-table-row.Mui-selected{background-color:#3b82f61a!important}.theme-dark .data-table-row.Mui-selected:hover{background-color:#3b82f633!important}.theme-dark .data-table-pagination{background:#1f2937cc;border-top-color:#4b556380}.theme-dark .fixed-column{background:#111827e6!important}.theme-dark .data-table-row.Mui-selected .fixed-column{background:#3b82f61a!important}.theme-dark .data-table-search .MuiOutlinedInput-root{background-color:#1f2937cc;border-color:#4b556380}.theme-dark .data-table-search .MuiOutlinedInput-root:hover{background-color:#37415199;border-color:#60a5fa}.theme-dark .data-table-search .MuiOutlinedInput-root.Mui-focused{background-color:#1f2937e6;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f633}.theme-dark .data-table-container .MuiCheckbox-root{color:#9ca3af}.theme-dark .data-table-container .MuiCheckbox-root:hover{background-color:#3b82f633;color:#60a5fa}.theme-dark .data-table-container .MuiCheckbox-root.Mui-checked,.theme-dark .data-table-container .MuiCheckbox-root.Mui-indeterminate{color:#60a5fa}.theme-dark .action-menu-button{color:#9ca3af}.theme-dark .action-menu-button:hover{background-color:#37415199;color:#f9fafb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1300;padding:16px}.modal-container{background:var(--bg-paper);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-container.modal-enter{transform:translateY(20px);opacity:0}.modal-container.modal-enter-active{transform:translateY(0);opacity:1}.modal-header{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff;padding:24px 32px 20px;position:relative}.modal-header-content{display:flex;justify-content:space-between;align-items:flex-start}.modal-title-section{flex:1}.modal-title{font-size:1.5rem;font-weight:700;margin:0 0 4px;line-height:1.3;letter-spacing:-.025em}.modal-subtitle{font-size:.875rem;opacity:.9;margin:0;font-weight:400;line-height:1.4}.modal-close-button{background:#fff3;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;margin-left:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-button:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #fff3}.modal-close-button:active{transform:scale(.95)}.modal-close-icon{font-size:18px}.modal-content{padding:32px;overflow-y:auto;flex:1;background:var(--bg-default)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--bg-surface-secondary);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-actions{background:var(--bg-paper);padding:20px 32px;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:12px;align-items:center}.modal-actions .MuiButton-root{min-width:100px;height:40px;border-radius:8px;font-weight:600;text-transform:none;font-size:.875rem;transition:all .2s ease}.modal-actions .MuiButton-outlined{border:1.5px solid var(--border-primary);color:var(--text-primary)}.modal-actions .MuiButton-outlined:hover{border-color:var(--primary-400);background:var(--bg-surface-secondary);box-shadow:0 2px 8px #3b82f61a}.modal-actions .MuiButton-contained{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);box-shadow:0 4px 6px -1px #3b82f633}.modal-actions .MuiButton-contained:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:0 6px 8px -1px #3b82f64d;transform:translateY(-1px)}.modal-actions .MuiButton-contained:active{transform:translateY(0)}.modal-loading{position:relative;pointer-events:none}.modal-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.modal-loading .modal-content{opacity:.6}@media (max-width: 768px){.modal-overlay{padding:8px}.modal-container{max-width:95vw;max-height:95vh;border-radius:12px}.modal-header{padding:20px 24px 16px}.modal-title{font-size:1.25rem}.modal-subtitle{font-size:.8125rem}.modal-content{padding:24px}.modal-actions{padding:16px 24px;flex-direction:column;gap:8px}.modal-actions .MuiButton-root{width:100%;height:44px}}.theme-light .modal-overlay{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-light .modal-container{background:#fff;border-color:#e5e7eb;box-shadow:0 25px 50px -12px #00000040}.theme-light .modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.theme-light .modal-content{background:#f8fafc}.theme-light .modal-actions{background:#fff;border-top-color:#e5e7eb}.theme-light .modal-content::-webkit-scrollbar-track{background:#f1f5f9}.theme-light .modal-content::-webkit-scrollbar-thumb{background:#cbd5e1}.theme-light .modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.theme-light .modal-actions .MuiButton-outlined{border-color:#d1d5db;color:#374151}.theme-light .modal-actions .MuiButton-outlined:hover{border-color:#60a5fa;background:#f9fafb}.theme-dark .modal-overlay{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-dark .modal-container{background:#111827e6;border-color:#4b556380;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #3b82f61a,0 0 40px #3b82f61a}.theme-dark .modal-header{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 20px #3b82f633}.theme-dark .modal-content{background:#0a0a0acc}.theme-dark .modal-actions{background:#111827e6;border-top-color:#4b556380}.theme-dark .modal-content::-webkit-scrollbar-track{background:#37415199}.theme-dark .modal-content::-webkit-scrollbar-thumb{background:#6b728080}.theme-dark .modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3afcc}.theme-dark .modal-actions .MuiButton-outlined{border-color:#4b556380;color:#f9fafb}.theme-dark .modal-actions .MuiButton-outlined:hover{border-color:#60a5fa;background:#37415199;box-shadow:0 2px 8px #3b82f633,0 0 20px #3b82f61a}.theme-dark .modal-actions .MuiButton-contained{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 6px -1px #3b82f64d,0 0 20px #3b82f633}.theme-dark .modal-actions .MuiButton-contained:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 8px -1px #3b82f666,0 0 30px #3b82f64d}.form-field-container{position:relative;margin-bottom:16px}.form-field-container .MuiTextField-root,.form-field-container .MuiFormControl-root{width:100%}.form-field-container .MuiInputLabel-root{font-size:.8125rem!important;font-weight:600!important;color:var(--text-primary)!important;margin-bottom:4px!important;transform:none!important;position:static!important;line-height:1.4!important}.form-field-container .MuiInputLabel-root.Mui-focused{color:var(--primary-500)!important}.form-field-container .MuiOutlinedInput-root{background-color:var(--bg-surface)!important;border:1px solid var(--border-primary)!important;border-radius:6px!important;transition:all .2s ease-in-out!important;min-height:40px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-field-container .MuiOutlinedInput-root:hover{border-color:var(--primary-400)!important;background-color:var(--bg-surface-secondary)!important;box-shadow:0 2px 8px #3b82f61a}.form-field-container .MuiOutlinedInput-root.Mui-focused{border-color:var(--primary-500)!important;border-width:1.5px!important;background-color:var(--bg-surface)!important;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626!important}.form-field-container .MuiOutlinedInput-root.Mui-error{border-color:var(--error-500)!important;background-color:#ef44440d!important}.form-field-container .MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 3px #ef44441a,0 4px 12px #ef444426!important}.form-field-container .MuiOutlinedInput-input{padding:10px 12px!important;font-size:.875rem!important;color:var(--text-primary)!important;font-weight:500!important}.form-field-container .MuiOutlinedInput-input::placeholder{color:var(--text-secondary)!important;font-weight:400!important;opacity:1!important}.form-field-container .MuiFormHelperText-root{margin:3px 0 0!important;font-size:.75rem!important;color:var(--text-secondary)!important;font-weight:400!important}.form-field-container .MuiFormHelperText-root.Mui-error{color:var(--error-500)!important;font-weight:500!important}.form-field-select .MuiSelect-select{padding:10px 12px!important;font-size:.875rem!important;color:var(--text-primary)!important;font-weight:500!important}.form-field-select .MuiSelect-icon{color:var(--text-secondary)!important;right:10px!important}.form-field-textarea .MuiOutlinedInput-input{padding:10px 12px!important;line-height:1.5!important;min-height:60px!important;resize:vertical!important}.form-field-number .MuiOutlinedInput-input{text-align:right!important}.form-field-phone .MuiInputAdornment-root{color:var(--text-secondary)!important;font-weight:500!important;font-size:.875rem!important}.form-field-currency .MuiInputAdornment-root{color:var(--success-500)!important;font-weight:600!important;font-size:.875rem!important}.form-field-uppercase .MuiOutlinedInput-input{text-transform:uppercase!important;letter-spacing:.5px!important}.required-indicator{color:var(--error-500)!important;font-weight:600!important;margin-right:4px!important}.form-field-compact{margin-bottom:8px!important}.form-field-compact .MuiOutlinedInput-root{min-height:36px!important}.form-field-compact .MuiOutlinedInput-input{padding:8px 10px!important;font-size:.8125rem!important}.form-field-compact .MuiInputLabel-root{font-size:.75rem!important;margin-bottom:3px!important}@media (max-width: 768px){.form-field-container{margin-bottom:14px}.form-field-container .MuiOutlinedInput-root{min-height:44px}.form-field-container .MuiOutlinedInput-input{padding:12px 14px;font-size:1rem}}.theme-light .form-field-container .MuiOutlinedInput-root{background-color:#fff!important;border-color:#d1d5db!important}.theme-light .form-field-container .MuiOutlinedInput-root:hover{border-color:#60a5fa!important;background-color:#f9fafb!important}.theme-light .form-field-container .MuiOutlinedInput-root.Mui-focused{border-color:#3b82f6!important;background-color:#fff!important}.theme-light .form-field-container .MuiOutlinedInput-input{color:#111827!important}.theme-light .form-field-container .MuiOutlinedInput-input::placeholder{color:#6b7280!important}.theme-light .form-field-container .MuiInputLabel-root{color:#374151!important}.theme-light .form-field-container .MuiFormHelperText-root{color:#6b7280!important}.theme-dark .form-field-container .MuiOutlinedInput-root{background-color:#1f2937e6!important;border-color:#4b556399!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.theme-dark .form-field-container .MuiOutlinedInput-root:hover{border-color:#60a5fa!important;background-color:#374151cc!important;box-shadow:0 2px 8px #3b82f633,0 0 20px #3b82f61a}.theme-dark .form-field-container .MuiOutlinedInput-root.Mui-focused{border-color:#60a5fa!important;background-color:#1f2937f2!important;box-shadow:0 0 0 3px #3b82f633,0 4px 12px #3b82f64d,0 0 30px #3b82f61a!important}.theme-dark .form-field-container .MuiOutlinedInput-input{color:#f9fafb!important}.theme-dark .form-field-container .MuiOutlinedInput-input::placeholder{color:#9ca3af!important}.theme-dark .form-field-container .MuiFormHelperText-root{color:#d1d5db!important}.theme-dark .form-field-container .MuiInputLabel-root{color:#f9fafb!important}.theme-dark .form-field-container .MuiInputLabel-root.Mui-focused{color:#60a5fa!important}.unified-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-primary)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.header-container{padding:0 var(--spacing-lg)}.header-toolbar{min-height:70px!important;padding:0!important;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-logo{flex-shrink:0}.logo-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal);padding:var(--spacing-sm);border-radius:var(--radius-md)}.logo-wrapper:hover{background:var(--bg-secondary);transform:translateY(-1px)}.logo-icon{color:var(--primary);font-size:28px}.logo-text{font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.header-page-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0 var(--spacing-lg)}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-sm)}.breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)!important;text-decoration:none!important;font-weight:500;transition:all var(--transition-normal);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.breadcrumb-link:hover{color:var(--primary)!important;background:var(--bg-secondary);transform:translateY(-1px)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.page-subtitle{color:var(--text-secondary);font-weight:400}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.action-button{width:40px!important;height:40px!important;border-radius:var(--radius-md)!important;transition:all var(--transition-normal);color:var(--text-secondary)!important;background:transparent!important;border:1px solid var(--border-primary)!important}.action-button:hover{background:var(--bg-secondary)!important;color:var(--primary)!important;border-color:var(--primary)!important;transform:translateY(-1px)}.theme-toggle:hover{border-color:var(--primary)}.notification-button{position:relative}.notification-badge .MuiBadge-badge{background:var(--error);color:var(--text-inverse);font-size:.75rem;font-weight:600;min-width:18px;height:18px;border-radius:9px}.user-menu-button{border:2px solid var(--border-primary)!important}.user-avatar{width:32px!important;height:32px!important;font-size:.875rem!important;font-weight:600;background:var(--primary)!important;color:var(--text-inverse)!important}.user-menu .MuiPaper-root{background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;overflow:hidden;margin-top:var(--spacing-sm)}.user-menu-item{padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:0!important;transition:all var(--transition-normal)!important;display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important;color:var(--text-primary)!important;min-height:48px!important}.user-menu-item:hover{background:var(--bg-secondary)!important}.menu-icon{color:var(--text-secondary);font-size:20px!important}.menu-item-content{display:flex;flex-direction:column;gap:2px}.menu-item-title{font-weight:600;color:var(--text-primary)}.menu-item-subtitle{color:var(--text-secondary);font-size:.75rem}.menu-divider{margin:var(--spacing-xs) 0!important;border-color:var(--border-primary)!important}.logout-item{color:var(--error)!important}.logout-item:hover{background:#dc26261a!important}@media (max-width: 1200px){.header-container{padding:0 var(--spacing-md)}.header-toolbar{gap:var(--spacing-md)}.header-page-info{margin:0 var(--spacing-md)}}@media (max-width: 960px){.header-container{padding:0 var(--spacing-sm)}.header-toolbar{min-height:60px!important;gap:var(--spacing-sm)}.header-page-info{margin:0 var(--spacing-sm)}.logo-text{font-size:1.125rem}.logo-icon{font-size:24px}}@media (max-width: 768px){.header-container{padding:0 var(--spacing-sm)}.header-toolbar{min-height:56px!important;gap:var(--spacing-sm)}.header-page-info{margin:0 var(--spacing-sm)}.breadcrumbs{font-size:.875rem}.breadcrumb-link{padding:var(--spacing-xs) var(--spacing-sm)}.action-button{width:40px!important;height:40px!important}}@media (max-width: 600px){.header-container{padding:0 var(--spacing-xs)}.header-toolbar{min-height:56px!important;gap:var(--spacing-xs)}.header-page-info{margin:0 var(--spacing-xs)}.logo-text,.page-subtitle{display:none}.breadcrumbs{font-size:.8rem}.action-button{width:36px!important;height:36px!important}.user-avatar{width:28px!important;height:28px!important}}@media (max-width: 480px){.header-container{padding:0 var(--spacing-xs)}.header-toolbar{min-height:52px!important;gap:var(--spacing-xs)}.header-page-info{margin:0 var(--spacing-xs)}.breadcrumbs{font-size:.75rem}.breadcrumb-link{padding:var(--spacing-xs)}.action-button{width:32px!important;height:32px!important}.user-avatar{width:24px!important;height:24px!important}.notification-badge .MuiBadge-badge{min-width:16px;height:16px;font-size:.7rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.unified-header{animation:slideDown .3s ease-out}.action-button:focus{outline:2px solid var(--primary);outline-offset:2px}.detail-card,.custom-modal .detail-card,.MuiDialogContent-root .detail-card{background:var(--bg-card)!important;border-radius:24px!important;border:1px solid var(--border-primary)!important;overflow:hidden!important;box-shadow:0 20px 60px #0000001a!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;margin:0!important;padding:0!important}.detail-card:hover,.custom-modal .detail-card:hover{box-shadow:0 30px 80px #00000026!important;transform:translateY(-4px)!important}.detail-card-header,.custom-modal .detail-card-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)!important;padding:32px 40px!important;border-bottom:1px solid var(--border-primary)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;position:relative!important;margin:0!important}.detail-card-header:before,.custom-modal .detail-card-header:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,var(--primary) 0%,#10b981 50%,var(--primary) 100%)!important}.detail-card-main,.custom-modal .detail-card-main{display:flex!important;align-items:center!important;gap:20px!important;flex:1!important}.detail-card-avatar-section,.custom-modal .detail-card-avatar-section{position:relative!important}.detail-avatar,.custom-modal .detail-avatar,.custom-modal .MuiAvatar-root{width:80px!important;height:80px!important;background:linear-gradient(135deg,var(--primary) 0%,#10b981 100%)!important;border:4px solid var(--bg-card)!important;box-shadow:0 8px 25px #0596694d!important;font-size:2rem!important;color:#fff!important}.status-badge,.custom-modal .status-badge,.custom-modal .MuiBadge-badge{width:20px!important;height:20px!important;border-radius:50%!important;border:3px solid var(--bg-card)!important;box-shadow:0 2px 8px #0003!important}.detail-card-info,.custom-modal .detail-card-info{display:flex!important;flex-direction:column!important;gap:8px!important}.detail-card-id,.custom-modal .detail-card-id,.custom-modal .detail-card-id .MuiTypography-root{font-size:2.5rem!important;font-weight:900!important;color:var(--text-primary)!important;line-height:1!important;letter-spacing:-.02em!important;margin:0!important}.detail-card-subtitle,.custom-modal .detail-card-subtitle,.custom-modal .detail-card-subtitle .MuiTypography-root{font-size:1.125rem!important;color:var(--text-secondary)!important;font-weight:600!important;margin:0!important;line-height:1.3!important}.detail-card-actions,.custom-modal .detail-card-actions{display:flex!important;gap:12px!important;align-items:center!important}.detail-card-action-btn,.custom-modal .detail-card-action-btn,.custom-modal .MuiIconButton-root{width:52px!important;height:52px!important;border-radius:16px!important;background:var(--bg-card)!important;border:2px solid var(--border-primary)!important;color:var(--text-secondary)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.detail-card-action-btn:before,.custom-modal .detail-card-action-btn:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s!important}.detail-card-action-btn:hover:before,.custom-modal .detail-card-action-btn:hover:before{left:100%!important}.detail-card-action-btn.view-btn:hover,.custom-modal .detail-card-action-btn.view-btn:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 25px #3b82f64d!important}.detail-card-action-btn.edit-btn:hover,.custom-modal .detail-card-action-btn.edit-btn:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 25px #0596694d!important}.detail-card-action-btn.delete-btn:hover,.custom-modal .detail-card-action-btn.delete-btn:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 25px #ef44444d!important}.detail-card-divider,.custom-modal .detail-card-divider,.custom-modal .MuiDivider-root{margin:0!important;border-color:var(--border-primary)!important;opacity:.6!important}.detail-card-content,.custom-modal .detail-card-content{padding:40px!important;background:var(--bg-card)!important;margin:0!important}.detail-sections,.custom-modal .detail-sections{display:flex!important;flex-direction:column!important;gap:40px!important}.detail-section,.custom-modal .detail-section{background:var(--bg-secondary)!important;border-radius:20px!important;padding:32px!important;border:1px solid var(--border-primary)!important;position:relative!important;overflow:hidden!important}.detail-section:before,.custom-modal .detail-section:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:6px!important;height:100%!important;background:linear-gradient(180deg,var(--primary) 0%,#10b981 100%)!important;border-radius:0 3px 3px 0!important}.detail-section-header,.custom-modal .detail-section-header{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:28px!important;position:relative!important;z-index:1!important}.section-icon-container,.custom-modal .section-icon-container{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--primary) 0%,#10b981 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:1.5rem!important;box-shadow:0 4px 15px #0596694d!important}.detail-section-title,.custom-modal .detail-section-title,.custom-modal .detail-section-title .MuiTypography-root{font-size:1.375rem!important;font-weight:800!important;color:var(--text-primary)!important;margin:0!important;letter-spacing:-.01em!important}.detail-fields-grid,.custom-modal .detail-fields-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:24px!important;position:relative!important;z-index:1!important}.detail-field,.custom-modal .detail-field{display:flex!important;flex-direction:column!important;gap:12px!important}.detail-field.full-width,.custom-modal .detail-field.full-width{grid-column:1 / -1!important}.detail-field-label,.custom-modal .detail-field-label,.custom-modal .detail-field-label .MuiTypography-root{font-size:.875rem!important;font-weight:700!important;color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:0!important}.detail-field-value,.custom-modal .detail-field-value{background:var(--bg-card)!important;border-radius:16px!important;border:2px solid var(--border-primary)!important;padding:20px 24px!important;min-height:60px!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.detail-field-value:before,.custom-modal .detail-field-value:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:4px!important;height:100%!important;background:var(--primary)!important;opacity:0!important;transition:opacity .3s ease!important}.detail-field-value:hover:before,.custom-modal .detail-field-value:hover:before{opacity:1!important}.detail-field-value:hover,.custom-modal .detail-field-value:hover{border-color:var(--primary)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #0596691a!important}.detail-field-value.empty,.custom-modal .detail-field-value.empty{background:var(--bg-surface)!important;border-color:var(--border-secondary)!important}.empty-text,.custom-modal .empty-text,.custom-modal .empty-text .MuiTypography-root{color:var(--text-muted)!important;font-style:italic!important;font-weight:500!important}.detail-field-value.text .text-value,.detail-field-value.currency .currency-text,.detail-field-value.percentage .percentage-text,.custom-modal .detail-field-value.text .text-value,.custom-modal .detail-field-value.currency .currency-text,.custom-modal .detail-field-value.percentage .percentage-text,.custom-modal .detail-field-value.text .MuiTypography-root,.custom-modal .detail-field-value.currency .MuiTypography-root,.custom-modal .detail-field-value.percentage .MuiTypography-root{color:var(--text-primary)!important;font-weight:600!important;font-size:1.125rem!important;margin:0!important}.detail-field-value.address .address-text,.detail-field-value.phone .phone-text,.detail-field-value.email .email-text,.detail-field-value.date .date-text,.custom-modal .detail-field-value.address .address-text,.custom-modal .detail-field-value.phone .phone-text,.custom-modal .detail-field-value.email .email-text,.custom-modal .detail-field-value.date .date-text,.custom-modal .detail-field-value.address .MuiTypography-root,.custom-modal .detail-field-value.phone .MuiTypography-root,.custom-modal .detail-field-value.email .MuiTypography-root,.custom-modal .detail-field-value.date .MuiTypography-root{color:var(--text-primary)!important;font-weight:500!important;font-size:1rem!important;margin:0!important;line-height:1.5!important}.field-icon,.custom-modal .field-icon{color:var(--primary)!important;font-size:1.25rem!important;flex-shrink:0!important}.detail-chip,.custom-modal .detail-chip,.custom-modal .MuiChip-root{font-weight:700!important;font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-radius:12px!important;padding:8px 16px!important;height:auto!important}.detail-chip.local,.custom-modal .detail-chip.local{background:#0596691a!important;color:#10b981!important;border:2px solid rgba(5,150,105,.2)!important}.detail-chip.outside,.custom-modal .detail-chip.outside{background:#3b82f61a!important;color:#3b82f6!important;border:2px solid rgba(59,130,246,.2)!important}.detail-chip.admin,.custom-modal .detail-chip.admin{background:#ef44441a!important;color:#ef4444!important;border:2px solid rgba(239,68,68,.2)!important}.detail-chip.user,.custom-modal .detail-chip.user{background:#9333ea1a!important;color:#9333ea!important;border:2px solid rgba(147,51,234,.2)!important}.detail-chip.success,.custom-modal .detail-chip.success{background:#0596691a!important;color:#10b981!important;border:2px solid rgba(5,150,105,.2)!important}.detail-chip.warning,.custom-modal .detail-chip.warning{background:#f59e0b1a!important;color:#f59e0b!important;border:2px solid rgba(245,158,11,.2)!important}.detail-chip.error,.custom-modal .detail-chip.error{background:#ef44441a!important;color:#ef4444!important;border:2px solid rgba(239,68,68,.2)!important}.detail-status,.custom-modal .detail-status{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 16px!important;border-radius:12px!important;font-size:.875rem!important;font-weight:600!important;border:2px solid transparent!important}.status-dot,.custom-modal .status-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important}.detail-status.active,.custom-modal .detail-status.active{background:#0596691a!important;color:#10b981!important;border-color:#05966933!important}.detail-status.active .status-dot,.custom-modal .detail-status.active .status-dot{background:#10b981!important}.detail-status.inactive,.custom-modal .detail-status.inactive{background:#ef44441a!important;color:#ef4444!important;border-color:#ef444433!important}.detail-status.inactive .status-dot,.custom-modal .detail-status.inactive .status-dot{background:#ef4444!important}.detail-status.pending,.custom-modal .detail-status.pending{background:#f59e0b1a!important;color:#f59e0b!important;border-color:#f59e0b33!important}.detail-status.pending .status-dot,.custom-modal .detail-status.pending .status-dot{background:#f59e0b!important}@media (max-width: 768px){.detail-card-header,.custom-modal .detail-card-header{padding:24px!important;flex-direction:column!important;align-items:flex-start!important;gap:20px!important}.detail-card-main,.custom-modal .detail-card-main{width:100%!important;justify-content:space-between!important}.detail-avatar,.custom-modal .detail-avatar{width:60px!important;height:60px!important;font-size:1.5rem!important}.detail-card-id,.custom-modal .detail-card-id{font-size:2rem!important}.detail-card-subtitle,.custom-modal .detail-card-subtitle{font-size:1rem!important}.detail-card-content,.custom-modal .detail-card-content{padding:24px!important}.detail-sections,.custom-modal .detail-sections{gap:24px!important}.detail-section,.custom-modal .detail-section{padding:24px!important}.detail-section-header,.custom-modal .detail-section-header{margin-bottom:20px!important}.section-icon-container,.custom-modal .section-icon-container{width:40px!important;height:40px!important;font-size:1.25rem!important}.detail-section-title,.custom-modal .detail-section-title{font-size:1.25rem!important}.detail-fields-grid,.custom-modal .detail-fields-grid{grid-template-columns:1fr!important;gap:16px!important}.detail-field-value,.custom-modal .detail-field-value{padding:16px 20px!important;min-height:50px!important}.detail-card-actions,.custom-modal .detail-card-actions{width:100%!important;justify-content:flex-end!important}.detail-card-action-btn,.custom-modal .detail-card-action-btn{width:48px!important;height:48px!important}}@media (max-width: 480px){.detail-card-header,.custom-modal .detail-card-header{padding:20px!important}.detail-card-main,.custom-modal .detail-card-main{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.detail-avatar,.custom-modal .detail-avatar{width:50px!important;height:50px!important;font-size:1.25rem!important}.detail-card-id,.custom-modal .detail-card-id{font-size:1.75rem!important}.detail-card-content,.custom-modal .detail-card-content{padding:20px!important}.detail-sections,.custom-modal .detail-sections{gap:20px!important}.detail-section,.custom-modal .detail-section{padding:20px!important}.detail-section-title,.custom-modal .detail-section-title{font-size:1.125rem!important}.detail-fields-grid,.custom-modal .detail-fields-grid{gap:12px!important}.detail-field-value,.custom-modal .detail-field-value{padding:14px 16px!important;min-height:44px!important}.detail-field-value.text .text-value,.detail-field-value.currency .currency-text,.detail-field-value.percentage .percentage-text,.custom-modal .detail-field-value.text .text-value,.custom-modal .detail-field-value.currency .currency-text,.custom-modal .detail-field-value.percentage .percentage-text{font-size:1rem!important}.detail-field-value.address .address-text,.detail-field-value.phone .phone-text,.detail-field-value.email .email-text,.detail-field-value.date .date-text,.custom-modal .detail-field-value.address .address-text,.custom-modal .detail-field-value.phone .phone-text,.custom-modal .detail-field-value.email .email-text,.custom-modal .detail-field-value.date .date-text{font-size:.875rem!important}}.address-form-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:20px}.address-form-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.address-icon{margin-right:8px;font-size:16px}.address-title{font-weight:600;margin:0;font-size:.875rem}.address-form-content{padding:16px}.required-indicator{color:#ef4444;font-weight:600;margin-right:4px}.address-field{width:100%}.address-field .MuiOutlinedInput-root{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;transition:all .2s ease-in-out;min-height:36px}.address-field .MuiOutlinedInput-root:hover{border-color:#9ca3af;background-color:#fafafa}.address-field .MuiOutlinedInput-root.Mui-focused{border-color:#1976d2;border-width:1.5px;background-color:#fff;box-shadow:0 0 0 3px #1976d21a}.address-field .MuiOutlinedInput-root.Mui-error{border-color:#ef4444;background-color:#fef2f2}.address-field .MuiOutlinedInput-input{padding:8px 10px;font-size:.8125rem;color:#111827;font-weight:500}.address-field .MuiOutlinedInput-input::placeholder{color:#9ca3af;font-weight:400;opacity:1}.address-field .MuiFormHelperText-root{margin:2px 0 0;font-size:.75rem;color:#6b7280;font-weight:400}.address-field .MuiFormHelperText-root.Mui-error{color:#ef4444;font-weight:500}.pin-field{max-width:150px}.pin-field .MuiOutlinedInput-input{font-weight:600;letter-spacing:1px;text-align:center}@media (max-width: 768px){.address-form-content{padding:12px}.address-field .MuiOutlinedInput-root{min-height:40px}.address-field .MuiOutlinedInput-input{padding:10px 12px;font-size:1rem}.pin-field{max-width:none}}@media (prefers-color-scheme: dark){.address-form-container{background:#111827;border-color:#374151}.address-form-content{background-color:#111827}.field-label{color:#d1d5db}.address-field .MuiOutlinedInput-root{background-color:#1f2937;border-color:#374151}.address-field .MuiOutlinedInput-root:hover{border-color:#4b5563;background-color:#111827}.address-field .MuiOutlinedInput-input{color:#f9fafb}.address-field .MuiOutlinedInput-input::placeholder{color:#6b7280}.address-field .MuiFormHelperText-root{color:#9ca3af}}.contact-form-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:20px}.contact-form-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.contact-icon{margin-right:8px;font-size:16px}.contact-title{font-weight:600;margin:0;font-size:.875rem}.contact-form-content{padding:16px}.field-wrapper{margin-bottom:12px}.field-wrapper:last-child{margin-bottom:0}.field-label{font-weight:600;color:#374151;margin-bottom:6px;font-size:.8125rem;display:block}.contact-field{width:100%}.contact-field .MuiOutlinedInput-root{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;transition:all .2s ease-in-out;min-height:36px}.contact-field .MuiOutlinedInput-root:hover{border-color:#9ca3af;background-color:#fafafa}.contact-field .MuiOutlinedInput-root.Mui-focused{border-color:#1976d2;border-width:1.5px;background-color:#fff;box-shadow:0 0 0 3px #1976d21a}.contact-field .MuiOutlinedInput-root.Mui-error{border-color:#ef4444;background-color:#fef2f2}.contact-field .MuiOutlinedInput-input{padding:8px 10px;font-size:.8125rem;color:#111827;font-weight:500}.contact-field .MuiOutlinedInput-input::placeholder{color:#9ca3af;font-weight:400;opacity:1}.contact-field .MuiFormHelperText-root{margin:2px 0 0;font-size:.75rem;color:#6b7280;font-weight:400}.contact-field .MuiFormHelperText-root.Mui-error{color:#ef4444;font-weight:500}.contact-field .MuiInputAdornment-root{color:#6b7280;font-weight:500;font-size:.8125rem}@media (max-width: 768px){.contact-form-content{padding:12px}.contact-field .MuiOutlinedInput-root{min-height:40px}.contact-field .MuiOutlinedInput-input{padding:10px 12px;font-size:1rem}}@media (prefers-color-scheme: dark){.contact-form-container{background:#111827;border-color:#374151}.contact-form-content{background-color:#111827}.field-label{color:#d1d5db}.contact-field .MuiOutlinedInput-root{background-color:#1f2937;border-color:#374151}.contact-field .MuiOutlinedInput-root:hover{border-color:#4b5563;background-color:#111827}.contact-field .MuiOutlinedInput-input{color:#f9fafb}.contact-field .MuiOutlinedInput-input::placeholder{color:#6b7280}.contact-field .MuiFormHelperText-root,.contact-field .MuiInputAdornment-root{color:#9ca3af}}.compact-form-field-container{display:flex;flex-direction:column;gap:4px;min-width:0}.compact-field-label{font-weight:500;color:var(--text-primary);margin-bottom:2px;font-size:.75rem;line-height:1.2}.required-indicator{color:#ef4444;margin-right:2px}.compact-form-field-select,.compact-form-field-number,.compact-form-field-text{width:100%}.compact-form-field-select .MuiOutlinedInput-root,.compact-form-field-number .MuiOutlinedInput-root,.compact-form-field-text .MuiOutlinedInput-root{border-radius:6px;font-size:.875rem;min-height:36px}.compact-form-field-select .MuiOutlinedInput-input,.compact-form-field-number .MuiOutlinedInput-input,.compact-form-field-text .MuiOutlinedInput-input{padding:8px 12px;font-size:.875rem;line-height:1.2}.compact-form-field-select .MuiSelect-select{padding:8px 12px;min-height:36px;display:flex;align-items:center}.compact-form-field-select .MuiSelect-icon{font-size:1.125rem;right:8px}.compact-form-field-number .MuiInputBase-input{text-align:right;padding-right:8px}.compact-form-field-number .MuiInputBase-input::-webkit-outer-spin-button,.compact-form-field-number .MuiInputBase-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.compact-form-field-number .MuiInputBase-input[type=number]{-moz-appearance:textfield}.compact-form-field-select .MuiOutlinedInput-root.Mui-focused,.compact-form-field-number .MuiOutlinedInput-root.Mui-focused,.compact-form-field-text .MuiOutlinedInput-root.Mui-focused{border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.compact-form-field-select .MuiOutlinedInput-root.Mui-error,.compact-form-field-number .MuiOutlinedInput-root.Mui-error,.compact-form-field-text .MuiOutlinedInput-root.Mui-error{border-color:#ef4444}.compact-form-field-select .MuiOutlinedInput-root.Mui-error.Mui-focused,.compact-form-field-number .MuiOutlinedInput-root.Mui-error.Mui-focused,.compact-form-field-text .MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 2px #ef44441a}.compact-form-field-select .MuiOutlinedInput-root.Mui-disabled,.compact-form-field-number .MuiOutlinedInput-root.Mui-disabled,.compact-form-field-text .MuiOutlinedInput-root.Mui-disabled{background-color:var(--bg-surface-tertiary);opacity:.6}.compact-form-field-select .MuiFormHelperText-root,.compact-form-field-number .MuiFormHelperText-root,.compact-form-field-text .MuiFormHelperText-root{font-size:.75rem;margin:4px 0 0;line-height:1.2}.compact-form-field-select .MuiOutlinedInput-root:hover:not(.Mui-disabled),.compact-form-field-number .MuiOutlinedInput-root:hover:not(.Mui-disabled),.compact-form-field-text .MuiOutlinedInput-root:hover:not(.Mui-disabled){border-color:var(--border-focus)}[data-theme=dark] .compact-form-field-container,[data-theme=dark] .compact-field-label{color:var(--text-primary)}[data-theme=dark] .compact-form-field-select .MuiOutlinedInput-root,[data-theme=dark] .compact-form-field-number .MuiOutlinedInput-root,[data-theme=dark] .compact-form-field-text .MuiOutlinedInput-root{background-color:var(--bg-surface);border-color:var(--border-primary)}[data-theme=dark] .compact-form-field-select .MuiOutlinedInput-root:hover:not(.Mui-disabled),[data-theme=dark] .compact-form-field-number .MuiOutlinedInput-root:hover:not(.Mui-disabled),[data-theme=dark] .compact-form-field-text .MuiOutlinedInput-root:hover:not(.Mui-disabled){border-color:var(--border-focus)}[data-theme=dark] .compact-form-field-select .MuiOutlinedInput-root.Mui-disabled,[data-theme=dark] .compact-form-field-number .MuiOutlinedInput-root.Mui-disabled,[data-theme=dark] .compact-form-field-text .MuiOutlinedInput-root.Mui-disabled{background-color:var(--bg-surface-tertiary)}@media (max-width: 768px){.compact-form-field-container{gap:2px}.compact-field-label{font-size:.7rem}.compact-form-field-select .MuiOutlinedInput-root,.compact-form-field-number .MuiOutlinedInput-root,.compact-form-field-text .MuiOutlinedInput-root{min-height:32px}.compact-form-field-select .MuiOutlinedInput-input,.compact-form-field-number .MuiOutlinedInput-input,.compact-form-field-text .MuiOutlinedInput-input{padding:6px 10px;font-size:.8rem}}@media (max-width: 480px){.compact-form-field-select .MuiOutlinedInput-root,.compact-form-field-number .MuiOutlinedInput-root,.compact-form-field-text .MuiOutlinedInput-root{min-height:28px}.compact-form-field-select .MuiOutlinedInput-input,.compact-form-field-number .MuiOutlinedInput-input,.compact-form-field-text .MuiOutlinedInput-input{padding:4px 8px;font-size:.75rem}}.autocomplete-field-container,.autocomplete-field-container .MuiAutocomplete-root{width:100%}.autocomplete-field-container .MuiAutocomplete-input{padding:8px 12px!important;font-size:.875rem}.autocomplete-field-container .MuiAutocomplete-endAdornment{top:calc(50% - 14px)}.autocomplete-field-container .MuiAutocomplete-popper{z-index:1300}.autocomplete-field-container .MuiAutocomplete-paper{border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid var(--border-primary, #e5e7eb)}.autocomplete-field-container .MuiAutocomplete-option{padding:8px 16px;min-height:40px}.autocomplete-field-container .MuiAutocomplete-option[data-focus=true]{background-color:var(--hover-color, #f3f4f6)}.autocomplete-field-container .MuiAutocomplete-option[aria-selected=true]{background-color:var(--primary-100, #dbeafe)}.autocomplete-field-container .MuiListItem-root{padding:4px 16px}.autocomplete-field-container .MuiListItemText-primary{font-size:.875rem;font-weight:500}.autocomplete-field-container .MuiListItemText-secondary{font-size:.75rem;color:var(--text-secondary, #6b7280)}.autocomplete-field-container .MuiChip-root{font-size:.625rem;height:20px}[data-theme=dark] .autocomplete-field-container .MuiAutocomplete-paper{background-color:var(--bg-surface-secondary, #1f2937);border-color:var(--border-primary, #374151)}[data-theme=dark] .autocomplete-field-container .MuiAutocomplete-option[data-focus=true]{background-color:var(--hover-color, #374151)}[data-theme=dark] .autocomplete-field-container .MuiAutocomplete-option[aria-selected=true]{background-color:var(--primary-900, #1e3a8a)}.product-form-container{background:var(--bg-paper);border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.product-form-container:hover{box-shadow:0 4px 12px #00000026}.product-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.form-title{color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:8px}.header-actions{display:flex;gap:8px;align-items:center}.product-form-grid{padding:0 24px 24px}.product-form-container .MuiAutocomplete-root{width:100%}.product-form-container .MuiAutocomplete-input{padding:8px 12px!important;font-size:.875rem}.product-form-container .MuiAutocomplete-popper{z-index:1400}.product-form-container .MuiAutocomplete-paper{border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-primary)}.product-form-container .MuiTextField-root{width:100%}.product-form-container .MuiInputBase-root{font-size:.875rem}.product-form-container .MuiInputLabel-root{font-size:.875rem;color:var(--text-secondary)}.product-form-container .MuiInputBase-input{padding:8px 12px;min-height:auto}.product-form-container .MuiButton-root{text-transform:none;font-weight:500;border-radius:8px;transition:all .2s ease}.product-form-container .MuiButton-contained{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);box-shadow:0 2px 4px #0000001a}.product-form-container .MuiButton-contained:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.product-form-container .MuiButton-contained:disabled{background:var(--disabled-bg);color:var(--disabled-text);transform:none;box-shadow:none}.product-form-container .MuiIconButton-root{color:var(--text-secondary);transition:all .2s ease}.product-form-container .MuiIconButton-root:hover{color:var(--primary-500);background:var(--primary-50);transform:scale(1.1)}.product-form-container .MuiIconButton-root:disabled{color:var(--disabled-text);background:transparent;transform:none}.selected-product-info{padding:16px 24px;background:var(--bg-surface-secondary);border-top:1px solid var(--border-primary);display:flex;align-items:center;gap:12px}.selected-product-info .MuiChip-root{font-weight:500;border-radius:20px}.product-form-container .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0003}.product-form-container .MuiDialogTitle-root{background:var(--bg-surface-secondary);border-bottom:1px solid var(--border-primary);font-weight:600}.product-form-container .MuiDialogContent-root{padding:24px}.product-form-container .MuiDialogActions-root{padding:16px 24px;background:var(--bg-surface-secondary);border-top:1px solid var(--border-primary)}@media (max-width: 768px){.product-form-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 16px 0}.product-form-grid{padding:0 16px 16px}.selected-product-info{padding:12px 16px}.product-form-container .MuiDialogContent-root{padding:16px}.product-form-container .MuiDialogActions-root{padding:12px 16px}}@media (max-width: 480px){.product-form-container .MuiGrid-item{margin-bottom:8px}.header-actions{width:100%;justify-content:flex-end}}[data-theme=dark] .product-form-container{background:var(--bg-paper);border:1px solid var(--border-primary)}[data-theme=dark] .selected-product-info{background:var(--bg-surface);border-top-color:var(--border-secondary)}[data-theme=dark] .product-form-container .MuiAutocomplete-paper{background:var(--bg-paper);border-color:var(--border-primary)}[data-theme=dark] .product-form-container .MuiDialog-paper{background:var(--bg-paper);border:1px solid var(--border-primary)}[data-theme=dark] .product-form-container .MuiDialogTitle-root,[data-theme=dark] .product-form-container .MuiDialogActions-root{background:var(--bg-surface);border-color:var(--border-secondary)}.product-form-container{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-form-container .MuiTextField-root .MuiInputBase-root.Mui-focused,.product-form-container .MuiAutocomplete-root .MuiInputBase-root.Mui-focused{box-shadow:0 0 0 2px var(--primary-200)}.product-form-container.loading{pointer-events:none;opacity:.7}@media print{.product-form-container{box-shadow:none;border:1px solid #ddd}.header-actions,.selected-product-info{display:none}}.products-table-container{background:var(--bg-paper);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.products-table-container:hover{box-shadow:0 4px 12px #00000026}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-surface-secondary);border-bottom:1px solid var(--border-primary)}.table-title{color:var(--text-primary);font-weight:600;margin:0}.table-summary{display:flex;align-items:center;gap:12px}.empty-state{padding:48px 24px;text-align:center;background:var(--bg-surface-secondary)}.empty-state .MuiTypography-h6{margin-bottom:8px;color:var(--text-secondary)}.empty-state .MuiTypography-body2{color:var(--text-secondary)}.table-container{max-height:400px;overflow-y:auto}.products-table{width:100%;border-collapse:collapse}.table-header-row{background:var(--bg-surface-tertiary)}.header-cell{background:var(--bg-surface-tertiary)!important;color:var(--text-primary)!important;font-weight:600!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:12px 16px!important;border-bottom:2px solid var(--border-primary)!important;white-space:nowrap}.table-row{transition:background-color .2s ease;border-bottom:1px solid var(--border-secondary)}.table-row:hover{background:var(--bg-surface-tertiary)!important}.table-row:last-child{border-bottom:none}.cell{padding:12px 16px!important;border-bottom:1px solid var(--border-secondary)!important;vertical-align:top}.item-code{font-weight:600;color:var(--primary-600);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.item-name{font-weight:500;color:var(--text-primary);margin-bottom:4px}.po-number{color:var(--text-secondary);font-size:.75rem;background:var(--bg-surface-tertiary);padding:2px 6px;border-radius:4px;display:inline-block}.rate{font-weight:600;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.quantity{font-weight:600;color:var(--text-primary);background:var(--primary-50);padding:4px 8px;border-radius:12px;display:inline-block;min-width:24px;text-align:center}.gst-chip{font-weight:500;font-size:.75rem}.total{font-weight:700;color:var(--primary-600);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem}.action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.action-button{padding:4px!important;transition:all .2s ease}.action-button.view{color:var(--info-500)}.action-button.view:hover{background:var(--info-50);color:var(--info-600);transform:scale(1.1)}.action-button.edit{color:var(--warning-500)}.action-button.edit:hover{background:var(--warning-50);color:var(--warning-600);transform:scale(1.1)}.action-button.delete{color:var(--error-500)}.action-button.delete:hover{background:var(--error-50);color:var(--error-600);transform:scale(1.1)}.table-footer{padding:16px 24px;background:var(--bg-surface-secondary);border-top:1px solid var(--border-primary)}.summary-stats{display:flex;justify-content:space-between;align-items:center}.summary-stat{color:var(--text-secondary);font-size:.875rem}.summary-stat strong{color:var(--text-primary)}@media (max-width: 1024px){.table-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.table-summary{width:100%;justify-content:flex-end}.cell{padding:8px 12px!important}.header-cell{padding:8px 12px!important;font-size:.7rem!important}}@media (max-width: 768px){.products-table-container{border-radius:8px}.table-header,.table-footer{padding:12px 16px}.summary-stats{flex-direction:column;align-items:flex-start;gap:8px}.products-table .header-cell:nth-child(3),.products-table .cell:nth-child(3){display:none}.products-table .header-cell:nth-child(6),.products-table .cell:nth-child(6){display:none}}@media (max-width: 480px){.table-container{max-height:300px}.cell{padding:6px 8px!important}.header-cell{padding:6px 8px!important;font-size:.65rem!important}.products-table .header-cell:nth-child(4),.products-table .cell:nth-child(4){display:none}.action-buttons{flex-direction:column;gap:2px}.action-button{padding:2px!important}}[data-theme=dark] .products-table-container{background:var(--bg-paper);border:1px solid var(--border-primary)}[data-theme=dark] .table-header,[data-theme=dark] .table-footer{background:var(--bg-surface);border-color:var(--border-secondary)}[data-theme=dark] .table-header-row{background:var(--bg-surface-tertiary)}[data-theme=dark] .table-row:hover{background:var(--bg-surface-tertiary)!important}[data-theme=dark] .item-code{color:var(--primary-400)}[data-theme=dark] .quantity{background:var(--primary-900);color:var(--primary-100)}[data-theme=dark] .total{color:var(--primary-400)}[data-theme=dark] .po-number{background:var(--bg-surface-tertiary);color:var(--text-secondary)}.products-table-container{animation:fadeInUp .3s ease-out}.table-row{animation:slideInRight .2s ease-out}.table-container::-webkit-scrollbar{width:6px;height:6px}.table-container::-webkit-scrollbar-track{background:var(--bg-surface-secondary)}.table-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}@media print{.products-table-container{box-shadow:none;border:1px solid #ddd}.table-header,.table-footer,.action-buttons{display:none}.table-container{max-height:none;overflow:visible}.table-row{break-inside:avoid}}.invoice-review{background:var(--bg-default);min-height:100vh;padding:24px}.review-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:16px;padding:32px;margin-bottom:32px;border:1px solid var(--primary-200)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.header-left{flex:1}.review-title{color:var(--text-primary);font-weight:700;margin-bottom:8px;font-size:2rem}.review-subtitle{color:var(--text-secondary);font-size:1.1rem}.header-right{display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:12px}.action-button{font-weight:600;padding:8px 16px;border-radius:8px;text-transform:none;transition:all .3s ease}.preview-button{border-color:#1976d2;color:#1976d2}.preview-button:hover{background:#1976d2;color:#fff;box-shadow:0 4px 8px #1976d24d}.print-button{border-color:#2e7d32;color:#2e7d32}.print-button:hover{background:#2e7d32;color:#fff;box-shadow:0 4px 8px #2e7d324d}.download-button{border-color:#ed6c02;color:#ed6c02}.download-button:hover{background:#ed6c02;color:#fff;box-shadow:0 4px 8px #ed6c024d}.status-chip{font-weight:600;padding:8px 16px;border-radius:20px}.status-chip.ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.review-content{max-width:1400px;margin:0 auto}.info-card{background:var(--bg-paper);border-radius:16px;border:1px solid var(--border-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;overflow:hidden}.info-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.card-avatar{width:48px;height:48px;font-size:1.5rem}.company-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.customer-avatar{background:linear-gradient(135deg,#10b981,#059669)}.invoice-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)}.products-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.financial-avatar{background:linear-gradient(135deg,#ef4444,#dc2626)}.hsn-avatar{background:linear-gradient(135deg,#06b6d4,#0891b2)}.card-title-section{flex:1}.card-title{color:var(--text-primary);font-weight:600;margin-bottom:4px}.card-subtitle{color:var(--text-secondary);font-size:.875rem}.company-info,.customer-info{display:flex;flex-direction:column;gap:12px}.company-name,.customer-name{color:var(--text-primary);font-weight:600;font-size:1.25rem}.company-address,.customer-address{color:var(--text-secondary);line-height:1.5}.contact-info{display:flex;flex-direction:column;gap:4px;margin-top:8px}.contact-item{color:var(--text-secondary);display:flex;align-items:center;gap:8px}.tax-info,.customer-tax-info{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tax-chip{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.customer-type-chip{font-weight:600}.customer-type-chip.local{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.customer-type-chip.outside{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.no-customer{padding:24px;text-align:center;color:var(--text-secondary)}.invoice-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.detail-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-surface-secondary);border-radius:12px;border:1px solid var(--border-primary)}.detail-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-50);border-radius:8px;color:var(--primary-600)}.detail-content{flex:1}.detail-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:4px}.detail-value{color:var(--text-primary);font-weight:600}.products-table{border-radius:12px;overflow:hidden;border:1px solid var(--border-primary)}.table-header{background:var(--bg-surface-secondary)}.header-cell{font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary);padding:16px 12px}.table-row{transition:background-color .2s ease}.table-row:hover{background:var(--bg-surface-tertiary)}.product-cell,.hsn-code-cell{padding:16px 12px}.product-info{display:flex;flex-direction:column;gap:4px}.product-name{color:var(--text-primary);font-weight:500}.product-code{color:var(--text-secondary)}.quantity-cell,.rate-cell,.total-cell,.gst-cell,.hsn-amount-cell,.hsn-tax-cell{padding:16px 12px;color:var(--text-primary);font-weight:500}.financial-content{margin-top:24px}.calculation-section,.gst-section{display:flex;flex-direction:column;gap:16px;height:100%}.section-title{color:var(--text-primary);font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-primary)}.calculation-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-surface-secondary);border-radius:12px;border:1px solid var(--border-primary);transition:all .2s ease}.calculation-item:hover{background:var(--bg-surface-tertiary);border-color:var(--border-focus);transform:translateY(-1px)}.calc-label{color:var(--text-secondary);font-weight:500;font-size:.875rem}.calc-value{color:var(--text-primary);font-weight:600;font-size:1.125rem}.calc-value.discount{color:var(--error-600)}.calc-value.gst{color:var(--primary-600)}.calc-value.roundoff{color:var(--warning-600)}.final-divider{margin:32px 0;border-color:var(--border-primary)}.final-total-section{text-align:center;padding:32px;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:16px;border:2px solid var(--primary-200);margin-top:24px}.final-total-label{color:var(--text-secondary);margin-bottom:16px;font-weight:600}.final-total-value{color:var(--primary-700);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hsn-table{border-radius:12px;overflow:hidden;border:1px solid var(--border-primary)}@media (max-width: 1024px){.financial-content .MuiGrid-container{gap:24px}}@media (max-width: 768px){.invoice-review{padding:16px}.review-header{padding:24px;margin-bottom:24px}.header-content{flex-direction:column;text-align:center;gap:16px}.header-actions{flex-wrap:wrap;justify-content:center;gap:8px}.action-button{padding:6px 12px;font-size:.875rem}.review-title{font-size:1.5rem}.invoice-details-grid{grid-template-columns:1fr;gap:16px}.detail-item{padding:12px}.card-header{flex-direction:column;text-align:center;gap:12px}.tax-info,.customer-tax-info{justify-content:center}.calculation-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.calc-value{font-size:1rem}.final-total-section{padding:24px}.final-total-value{font-size:2rem}}@media (max-width: 480px){.review-header{padding:20px}.review-title{font-size:1.25rem}.card-header{margin-bottom:16px}.detail-item{flex-direction:column;text-align:center;gap:8px}.detail-icon{align-self:center}.calculation-item{padding:8px 12px}.final-total-section{padding:20px}.final-total-value{font-size:1.75rem}}[data-theme=dark] .invoice-review{background:var(--bg-default)}[data-theme=dark] .review-header{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid var(--primary-400)}[data-theme=dark] .info-card{background:var(--bg-paper);border:1px solid var(--border-primary)}[data-theme=dark] .detail-item,[data-theme=dark] .calculation-item{background:var(--bg-surface);border:1px solid var(--border-secondary)}[data-theme=dark] .final-total-section{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:2px solid var(--primary-400)}.info-card{animation:fadeInUp .4s ease-out}.info-card:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.print-dialog .MuiDialog-paper,.preview-dialog .MuiDialog-paper{max-width:90vw;max-height:90vh}.print-dialog-title,.preview-dialog-title{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.print-now-button{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;font-weight:600;padding:8px 16px;border-radius:6px;text-transform:none;box-shadow:0 2px 4px #2e7d324d;transition:all .3s ease}.print-now-button:hover{background:linear-gradient(135deg,#1b5e20,#0d4a0d);box-shadow:0 4px 8px #2e7d3266;transform:translateY(-1px)}.print-dialog-content,.preview-dialog-content{padding:0;overflow:auto}.print-dialog-content .invoice-print,.preview-dialog-content .invoice-print{background:#fff;padding:0}.print-dialog-content .a4-page,.preview-dialog-content .a4-page{box-shadow:none;margin:0;transform:scale(.8);transform-origin:top left}@media print{.invoice-review{background:#fff;padding:0}.review-header{display:none}.info-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.final-total-section{background:#fff;border:2px solid #000}}.invoice-header .center-section .document-title{font-size:var(--font-size-sm)!important;font-family:var(--font-primary)!important}.invoice-header .center-section .company-name{font-size:var(--font-size-5xl)!important;font-family:var(--font-brand)!important}.invoice-header{width:100%;margin-bottom:0}.company-details-row{display:grid;grid-template-columns:20% 60% 20%;align-items:flex-start;gap:0;margin-bottom:0;border-bottom:1px solid #000;padding-bottom:4px}.logo-section{display:flex;justify-content:flex-start;align-items:flex-start;padding-right:10px}.company-logo{width:50px;height:50px;object-fit:contain;border-radius:50%}.center-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 10px}.document-title{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:.5px;margin:0;color:#000;line-height:var(--line-height-normal)}.company-name{font-family:var(--font-brand);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:0;color:#000;line-height:var(--line-height-tight)}.contact-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding-left:10px;text-align:right}.contact-number{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin:0 0 1px;color:#000;line-height:var(--line-height-normal)}.address-row{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:4px}.business-description{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 0 2px;color:#000;line-height:var(--line-height-normal)}.factory-address{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin:0;color:#000;line-height:var(--line-height-normal)}.address-separator{border-top:1px solid #000;margin:0 0 4px;width:100%}.invoice-details-blocks{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:flex-start}.customer-details-column{display:flex;flex-direction:column;gap:2px}.customer-details-column .customer-address,.customer-details-column .customer-gst{margin-left:15px!important}.customer-name{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0 0 2px;color:#000;line-height:var(--line-height-normal)}.customer-address{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#000;line-height:var(--line-height-normal);margin:0 0 2px 15px;text-indent:0}.customer-gst{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#000;line-height:var(--line-height-normal);margin:0 0 0 15px;text-indent:0}.vertical-separator{width:1px;background-color:#000;height:100%;min-height:80px}.invoice-meta-column{display:flex;flex-direction:column;gap:1px}.meta-row{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}.meta-label{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#000;line-height:var(--line-height-normal);min-width:fit-content}.meta-value{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#000;line-height:var(--line-height-normal)}.meta-spacer{margin-left:25px}@media print{.invoice-header{page-break-inside:avoid;margin-bottom:0}.company-details-row{margin-bottom:0;border-bottom:1pt solid #000!important;padding-bottom:4pt}.address-row{margin-bottom:4pt}.address-separator{margin:0 0 4pt}.invoice-details-blocks{gap:8pt}.document-title{color:#000!important;font-size:var(--print-font-size-sm)!important;font-family:var(--font-primary)!important}.company-name{color:#000!important;font-size:var(--print-font-size-5xl)!important;font-family:var(--font-brand)!important}.contact-number,.business-description,.factory-address,.customer-name,.customer-address,.customer-gst,.meta-label,.meta-value{color:#000!important;font-family:var(--font-primary)!important}.customer-details-column .customer-address,.customer-details-column .customer-gst{margin-left:15pt!important}.customer-address{font-size:7.497pt!important}.customer-gst{font-size:7.65pt!important;font-weight:700!important}.meta-spacer{margin-left:25pt!important}.company-logo{-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;border-radius:0!important}}@media (max-width: 768px){.company-details-row{grid-template-columns:1fr;gap:10px;text-align:center}.logo-section{justify-content:center}.contact-section{align-items:center}.invoice-details-blocks{grid-template-columns:1fr;gap:10px}.vertical-separator{display:none}}.invoice-products{width:100%;margin-bottom:0;display:flex;flex-direction:column;gap:0px}.products-table-section{margin-bottom:0}.products-table{border:1px solid #000;font-size:var(--font-size-base);font-family:var(--font-primary);width:100%;min-height:300px}.products-table .MuiTable-root{border-collapse:collapse}.table-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #000}.header-cell{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#000;border:1px solid #000;padding:4px 3px;text-align:left;vertical-align:middle;background:transparent;text-transform:uppercase;letter-spacing:.5px}.table-row{border-bottom:1px solid #000;transition:background-color .2s ease}.table-row:nth-child(2n){background-color:#fafbfc}.table-row:hover{background-color:#f8f9fa}.table-cell{font-family:var(--font-primary);font-size:var(--font-size-base);color:#000;border:1px solid #000;padding:2px 1px;vertical-align:top;line-height:var(--line-height-tight)}.table-cell:nth-child(1){text-align:center;width:5%}.table-cell:nth-child(2){text-align:center;width:8%}.table-cell:nth-child(3){text-align:center;width:10%}.table-cell:nth-child(4){text-align:left;width:12%}.table-cell:nth-child(5){text-align:left;width:25%}.table-cell:nth-child(6){text-align:right;width:8%}.table-cell:nth-child(7){text-align:right;width:10%}.table-cell:nth-child(8){text-align:right;width:8%}.table-cell:nth-child(9){text-align:right;width:14%}.hsn-summary-section{margin-top:0;position:relative}.hsn-summary-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#000,#666,#000);z-index:1}.hsn-table{border:1px solid #000;border-top:none;font-size:var(--font-size-sm);font-family:var(--font-primary);width:100%}.hsn-table .MuiTable-root{border-collapse:collapse}.hsn-table .header-cell{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#000;border:1px solid #000;padding:4px 3px;text-align:left;vertical-align:middle;background:linear-gradient(135deg,#f8f9fa,#e9ecef);text-transform:uppercase;letter-spacing:.5px}.hsn-table .header-cell:nth-child(1){width:15%}.hsn-table .header-cell:nth-child(2),.hsn-table .header-cell:nth-child(4),.hsn-table .header-cell:nth-child(6){width:8%}.hsn-table .header-cell:nth-child(3),.hsn-table .header-cell:nth-child(5),.hsn-table .header-cell:nth-child(7),.hsn-table .header-cell:nth-child(8){width:12%}.hsn-table .table-cell{font-family:var(--font-primary);font-size:var(--font-size-sm);color:#000;border:1px solid #000;padding:3px;vertical-align:top;line-height:var(--line-height-normal)}@media print{.invoice-products{page-break-inside:auto;margin-bottom:0}.products-table-section{margin-bottom:0}.hsn-summary-section{margin-top:0}.hsn-summary-section:before{display:none!important}.header-cell,.table-cell{color:#000!important}.products-table{border:1px solid #000!important;font-size:var(--print-font-size-base)!important;font-family:var(--font-primary)!important}.hsn-table{border:1px solid #000!important;border-top:none!important;font-size:var(--print-font-size-base)!important;font-family:var(--font-primary)!important}.table-header{background:#f0f0f0!important}.header-cell,.table-cell{border:1px solid #000!important;padding:1pt!important;font-size:var(--print-font-size-base)!important;font-family:var(--font-primary)!important}.products-table{page-break-inside:auto}.table-row,.hsn-table{page-break-inside:avoid}}@media (max-width: 768px){.products-table,.hsn-table{font-size:8pt}.header-cell,.table-cell{padding:2px;font-size:8pt}.table-cell:nth-child(3),.table-cell:nth-child(4){font-size:7pt}}@media (prefers-color-scheme: dark){.header-cell,.table-cell{color:#000!important}.table-header{background:#f0f0f0!important}.table-row:hover{background-color:#f8f9fa!important}.table-row:nth-child(2n){background-color:#fafbfc!important}.hsn-summary-section:before{background:linear-gradient(90deg,#000,#333,#000)}}.invoice-footer{width:100%;margin-top:0}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:2px;align-items:stretch;min-height:80px}.left-column{display:flex;flex-direction:column;gap:0px;justify-content:space-between;height:100%;margin-left:2px}.amount-in-words{display:flex;flex-direction:row;gap:5px;align-items:baseline}.amount-label{font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:#000;margin:0;line-height:var(--line-height-normal);white-space:nowrap}.amount-text{font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:#000;margin:0;line-height:var(--line-height-normal);flex:1}.section-divider{border-top:1px solid #333;margin:0;width:100%;height:0px}.payment-info{display:flex;flex-direction:column;gap:0px}.payment-item{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#000;margin:0;line-height:var(--line-height-normal)}.terms-conditions{display:flex;flex-direction:column;gap:0px}.terms-title{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#000;margin:0;line-height:var(--line-height-normal)}.terms-item{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:#000;margin:0;line-height:var(--line-height-normal)}.legal-declaration{margin-top:0}.declaration-text{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:#000;margin:0;line-height:var(--line-height-relaxed);text-align:justify}.right-column{display:flex;flex-direction:column;gap:1px;height:100%;justify-content:space-between}.financial-summary-table{border:1px solid #333;font-size:var(--font-size-sm);font-family:var(--font-primary);width:100%}.financial-summary-table .MuiTable-root{border-collapse:collapse}.summary-label{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#000;border:1px solid #333;padding:0 1px;text-align:left;vertical-align:middle;background-color:#fff}.summary-value{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#000;border:1px solid #333;padding:0 1px;text-align:right;vertical-align:middle;background-color:#fff}.net-amount-row{border-top:2px solid #000;background-color:#f8f8f8}.net-amount-label{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#000;border:1px solid #333;padding:1px;text-align:left;vertical-align:middle;background-color:#f8f8f8}.net-amount-value{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#000;border:1px solid #333;padding:1px;text-align:right;vertical-align:middle;background-color:#f8f8f8}.signature-area{display:flex;flex-direction:column;align-items:center;gap:0px;margin-top:1px}.signature-company{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#000;margin:0;line-height:var(--line-height-relaxed);text-align:center}.signature-line{border-top:1px solid #333;width:100px;margin:0;height:12px}.signature-title{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#666;margin:0;line-height:var(--line-height-relaxed);text-align:center}@media print{.invoice-footer{page-break-inside:avoid;margin-top:0}.footer-content{gap:6pt}.left-column{gap:1pt;margin-left:5pt}.right-column{gap:2pt}.section-divider{margin:0;height:0pt}.signature-area{margin-top:2pt}.invoice-footer .amount-label,.invoice-footer .amount-text{color:#000!important;font-size:var(--print-font-size-md)!important;font-family:var(--font-primary)!important;line-height:var(--line-height-normal)!important}.invoice-footer .payment-item{color:#000!important;font-size:var(--print-font-size-base)!important;font-family:var(--font-primary)!important;line-height:var(--line-height-normal)!important}.invoice-footer .terms-title{color:#000!important;font-size:var(--print-font-size-sm)!important;font-family:var(--font-primary)!important;line-height:var(--line-height-normal)!important}.invoice-footer .terms-item{color:#000!important;font-size:var(--print-font-size-xs)!important;font-family:var(--font-primary)!important;line-height:var(--line-height-normal)!important}.invoice-footer .declaration-text{color:#000!important;font-size:var(--print-font-size-xs)!important;font-family:var(--font-primary)!important;line-height:var(--line-height-relaxed)!important}.invoice-footer .signature-company{color:#000!important;font-size:var(--print-font-size-base)!important;font-family:var(--font-primary)!important;line-height:var(--line-height-relaxed)!important}.invoice-footer .signature-title{color:#666!important;font-size:var(--print-font-size-base)!important;font-family:var(--font-primary)!important;line-height:var(--line-height-relaxed)!important}.invoice-footer .financial-summary-table{border:1px solid #333!important;font-size:var(--print-font-size-sm)!important;font-family:var(--font-primary)!important}.invoice-footer .summary-label,.invoice-footer .summary-value{border:1px solid #333!important;padding:0 1pt!important;font-size:var(--print-font-size-sm)!important;font-family:var(--font-primary)!important;color:#000!important}.invoice-footer .net-amount-label,.invoice-footer .net-amount-value{border:1px solid #333!important;padding:1pt!important;font-size:var(--print-font-size-base)!important;font-family:var(--font-primary)!important;color:#000!important}.invoice-footer .net-amount-row{background-color:#f8f8f8!important}.invoice-footer .amount-in-words{display:flex!important;flex-direction:row!important;gap:5pt!important;align-items:baseline!important}.invoice-footer .payment-info,.invoice-footer .terms-conditions{gap:0pt!important}.invoice-footer .signature-area{gap:1pt!important}.invoice-footer .signature-line{width:100pt!important;margin:2pt 0!important;height:18pt!important;border-top:1px solid #333!important}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:15px}.financial-summary-table{font-size:9pt}.summary-label,.summary-value,.net-amount-label,.net-amount-value{padding:4px 2px;font-size:9pt}.signature-line{width:120px}}@media (prefers-color-scheme: dark){.amount-label,.amount-text,.payment-item,.terms-title,.terms-item,.declaration-text,.summary-label,.summary-value,.net-amount-label,.net-amount-value,.signature-company,.signature-title{color:#000!important}.summary-label,.summary-value,.net-amount-label,.net-amount-value{background-color:#fff!important}.net-amount-row{background-color:#f8f8f8!important}}.step-container{min-height:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.step-header{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.step-header-content{display:flex;align-items:center;gap:var(--spacing-lg)}.step-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--primary);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md)}.step-icon{font-size:24px!important;color:#fff}.step-title-section{flex:1}.step-title{font-weight:700!important;margin-bottom:var(--spacing-sm)!important;color:var(--text-primary)!important;font-size:1.75rem!important}.step-subtitle{color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.5!important}.step-divider{margin:0!important;border-color:var(--border-primary)!important}.step-content{flex:1}.form-card{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-primary)!important;transition:all var(--transition-normal)!important;overflow:hidden!important;background:var(--bg-card)!important}.form-card:hover{box-shadow:var(--shadow-xl)!important;transform:translateY(-2px)!important}.form-card-content{padding:var(--spacing-xl)!important}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-primary)}.section-title{font-weight:700!important;color:var(--text-primary)!important;font-size:1.25rem!important;margin:0!important}.field-container{margin-top:var(--spacing-md)}.form-error{margin-bottom:var(--spacing-lg)!important;border-radius:var(--radius-lg)!important}.customer-preview-card{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important}.customer-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-header{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.customer-icon{color:var(--primary)!important;font-size:24px!important}.customer-name{font-weight:700!important;color:var(--text-primary)!important;margin:0!important}.customer-type-chip{font-weight:600!important;font-size:.75rem!important}.customer-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.info-icon{color:var(--text-secondary)!important;font-size:18px!important;margin-top:2px;flex-shrink:0}.info-text{color:var(--text-primary)!important;font-weight:500!important;line-height:1.5!important;margin:0!important}.info-label{color:var(--text-secondary)!important;font-weight:600!important;margin:0!important;min-width:60px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-muted)}.empty-icon{font-size:48px!important;margin-bottom:var(--spacing-md)!important;opacity:.5}.empty-text{font-size:1rem!important;font-weight:500!important}.products-count-chip,.total-amount-chip{font-weight:600!important;font-size:.875rem!important}@media (max-width: 1024px){.step-header{padding:var(--spacing-lg)}.step-header-content{gap:var(--spacing-md)}.step-icon-wrapper{width:48px;height:48px}.step-icon{font-size:20px!important}.step-title{font-size:1.5rem!important}.step-subtitle{font-size:.9rem!important}.form-card-content{padding:var(--spacing-lg)!important}}@media (max-width: 768px){.step-header{padding:var(--spacing-md);border-radius:var(--radius-lg)}.step-header-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.step-icon-wrapper{width:44px;height:44px}.step-icon{font-size:18px!important}.step-title{font-size:1.25rem!important}.step-subtitle{font-size:.875rem!important}.form-card-content{padding:var(--spacing-md)!important}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.customer-header,.info-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width: 480px){.step-header{padding:var(--spacing-md)}.step-title{font-size:1.125rem!important}.step-subtitle{font-size:.8rem!important}.form-card-content{padding:var(--spacing-md)!important}}.theme-dark .form-card{background:var(--bg-card)!important;border-color:var(--border-primary)!important}.theme-dark .section-title{color:var(--text-primary)!important}.theme-dark .customer-preview-card{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important}.theme-dark .customer-name,.theme-dark .info-text{color:var(--text-primary)!important}.theme-dark .info-label{color:var(--text-secondary)!important}.theme-dark .empty-text{color:var(--text-muted)!important}.theme-dark .step-divider{border-color:var(--border-primary)!important}.step-container{animation:fadeInUp .6s ease-out}.form-card:focus-within{box-shadow:0 0 0 3px #0596691a!important;border-color:var(--primary)!important}@media print{.step-header{background:var(--bg-card)!important;color:var(--text-primary)!important;box-shadow:none!important}.step-icon-wrapper{background:var(--primary)!important;border-color:var(--border-primary)!important}.step-icon{color:#fff!important}.step-title,.step-subtitle{color:var(--text-primary)!important}.form-card{box-shadow:none!important;border:1px solid var(--border-primary)!important}}.smart-product-form{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm)}.spf-form-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);background:var(--bg-surface);border-bottom:1px solid var(--border-primary);height:40px}.spf-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.spf-form-title{color:var(--text-primary)!important;font-weight:600!important;margin:0!important;font-size:.9375rem!important;line-height:1.4!important}.spf-header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.spf-header-icon-button{padding:4px!important;width:28px!important;height:28px!important}.spf-header-icon-button .MuiSvgIcon-root{font-size:16px!important}.spf-form-content .MuiAutocomplete-root{margin-bottom:0}.spf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root{border-radius:var(--radius-sm)!important;transition:all var(--transition-normal)!important;background:var(--bg-paper);min-height:32px!important;height:32px!important}.spf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root .MuiInputBase-input{padding:4px 10px!important;font-size:.8125rem!important;height:24px!important}.spf-form-content .MuiAutocomplete-root .MuiInputLabel-root{font-size:.8125rem!important;transform:translate(14px,8px) scale(1)!important}.spf-form-content .MuiAutocomplete-root .MuiInputLabel-root.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.85)!important}.spf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root:hover{border-color:var(--primary-500)!important;background:var(--bg-surface-secondary);box-shadow:var(--shadow-sm)}.spf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-focused{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px var(--primary-100)!important;background:var(--bg-paper)}.spf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-error{border-color:var(--error-500)!important}.spf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-error:hover{border-color:var(--error-600)!important}.spf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 3px var(--error-100)!important}.spf-form-content .MuiAutocomplete-root .MuiAutocomplete-paper{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-primary)!important;background:var(--bg-paper)!important}.spf-form-content .MuiAutocomplete-root .MuiAutocomplete-option{padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:var(--radius-md)!important;margin:2px!important;transition:all var(--transition-normal)}.spf-form-content .MuiAutocomplete-root .MuiAutocomplete-option:hover{background:var(--primary-50)!important}.spf-form-content .MuiAutocomplete-root .MuiAutocomplete-option.Mui-focused{background:var(--primary-100)!important}.spf-error-alert{margin-bottom:var(--spacing-lg)!important;border-radius:var(--radius-md)!important;background:var(--error-50)!important;border:1px solid var(--error-200)!important}.spf-form-content{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface)}.spf-form-row{align-items:flex-start}.spf-compact-input .MuiOutlinedInput-root{min-height:32px!important;height:32px!important}.spf-compact-input .MuiOutlinedInput-root .MuiInputBase-input{padding:4px 10px!important;font-size:.8125rem!important;height:24px!important}.spf-compact-input .MuiInputLabel-root{font-size:.8125rem!important;transform:translate(14px,8px) scale(1)!important}.spf-compact-input .MuiInputLabel-root.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.85)!important}.spf-compact-input .MuiFormHelperText-root{margin-top:2px!important;font-size:.7rem!important;line-height:1.2!important}.spf-form-content .MuiTextField-root{margin-bottom:0}.spf-form-content .MuiInputLabel-root{color:var(--text-secondary)!important;font-weight:600!important;font-size:.875rem!important}.spf-form-content .MuiInputLabel-root.Mui-focused{color:var(--primary-600)!important}.spf-form-content .MuiOutlinedInput-root{border-radius:var(--radius-sm)!important;transition:all var(--transition-normal)!important;background:var(--bg-paper);min-height:32px!important;height:32px!important}.spf-form-content .MuiOutlinedInput-root .MuiInputBase-input{padding:4px 10px!important;font-size:.8125rem!important;height:24px!important}.spf-form-content .MuiInputLabel-root{font-size:.875rem!important;transform:translate(14px,9px) scale(1)!important}.spf-form-content .MuiInputLabel-root.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.85)!important}.spf-form-content .MuiOutlinedInput-root:hover{border-color:var(--primary-500)!important;background:var(--bg-surface-secondary);box-shadow:var(--shadow-sm)}.spf-form-content .MuiOutlinedInput-root.Mui-focused{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px var(--primary-100)!important;background:var(--bg-paper)}.spf-form-content .MuiOutlinedInput-root.Mui-error{border-color:var(--error-500)!important}.spf-form-content .MuiOutlinedInput-root.Mui-error:hover{border-color:var(--error-600)!important}.spf-form-content .MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 3px var(--error-100)!important}.spf-form-content .MuiInputBase-input{color:var(--text-primary)!important;font-weight:500!important}.spf-form-content .MuiInputBase-input::placeholder{color:var(--text-muted)!important;opacity:.7}.spf-form-content .MuiFormHelperText-root{color:var(--error-500)!important;font-size:.75rem!important;font-weight:500!important;margin-top:4px!important}.spf-total-display{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:4px 8px;background:var(--bg-surface-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);min-height:32px;height:32px}.spf-total-label{color:var(--text-secondary)!important;font-size:.7rem!important;font-weight:500!important;line-height:1!important;margin:0!important}.spf-total-value{color:var(--primary-700)!important;font-weight:600!important;font-size:.875rem!important;line-height:1.2!important;margin:0!important}.spf-smart-add-button{background:var(--primary-600)!important;color:#fff!important;font-weight:600!important;text-transform:none!important;border-radius:var(--radius-sm)!important;padding:4px 12px!important;height:32px!important;min-width:80px!important;font-size:.8125rem!important;box-shadow:var(--shadow-sm)!important}.spf-smart-add-button:hover{background:var(--primary-700)!important;box-shadow:var(--shadow-sm)!important}.spf-smart-add-button:disabled{background:var(--gray-300)!important;color:var(--text-muted)!important;transform:none!important;box-shadow:none!important}.spf-smart-add-button .MuiButton-startIcon{margin-right:8px!important}.spf-action-indicator{display:flex;justify-content:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.spf-action-indicator .MuiChip-root{font-weight:600!important;font-size:.75rem!important;padding:4px 10px!important;height:24px!important;border-radius:var(--radius-sm)!important}@media (max-width: 1200px){.spf-form-content{padding:var(--spacing-lg)}.spf-form-header{padding:0 var(--spacing-lg);height:40px}}@media (max-width: 768px){.spf-form-content{padding:var(--spacing-md)}.spf-form-header{padding:0 var(--spacing-md);height:40px}.spf-form-title{font-size:.9375rem!important}}@media (max-width: 480px){.spf-form-content{padding:var(--spacing-sm)}.spf-form-header{padding:0 var(--spacing-sm);height:40px}.spf-form-title{font-size:.875rem!important}.spf-smart-add-button{font-size:.875rem!important;padding:8px 16px!important;min-width:100px!important}}[data-theme=dark] .smart-product-form{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=dark] .spf-form-header{background:var(--bg-surface);border-color:var(--border-primary)}[data-theme=dark] .spf-form-content{background:var(--bg-surface)}[data-theme=dark] .spf-total-display{background:var(--bg-surface-secondary);border-color:var(--border-primary);color:var(--primary-300)}[data-theme=dark] .spf-form-content .MuiAutocomplete-root .MuiAutocomplete-paper{background:var(--bg-paper)!important;border-color:var(--border-primary)!important}[data-theme=dark] .spf-form-content .MuiAutocomplete-root .MuiAutocomplete-option:hover{background:var(--primary-900)!important}[data-theme=dark] .spf-form-content .MuiAutocomplete-root .MuiAutocomplete-option.Mui-focused{background:var(--primary-800)!important}.smart-product-form:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.spf-form-content:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.smart-product-form.loading{opacity:.7;pointer-events:none}.spf-form-content .MuiOutlinedInput-root.Mui-focused:has(.MuiInputAdornment-root .MuiSvgIcon-root){border-color:var(--success-500)!important;box-shadow:0 0 0 3px var(--success-100)!important}@media print{.smart-product-form{background:#fff;border:1px solid #ddd;box-shadow:none}.spf-form-content{box-shadow:none;border:1px solid #ddd}.spf-smart-add-button,.spf-header-actions{display:none!important}.spf-total-display{color:#000!important}}@media (prefers-reduced-motion: reduce){.smart-product-form,.spf-form-content,.spf-smart-add-button{animation:none;transition:none}}@media (prefers-contrast: high){.smart-product-form,.spf-form-content{border-width:2px}.spf-smart-add-button{border:2px solid currentColor!important}}.coming-soon-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.coming-soon-container{display:flex;align-items:center;justify-content:center;min-height:60vh}.coming-soon-content{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem 2rem;box-shadow:0 20px 40px #0000001a;max-width:600px;width:100%;animation:fadeInUp .8s ease-out}.construction-icon{font-size:4rem!important;color:#ff9800;margin-bottom:1.5rem;animation:bounce 2s infinite}.coming-soon-title{color:#333;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-description{color:#666;margin-bottom:1.5rem;line-height:1.6;font-weight:500}.coming-soon-subtitle{color:#888;margin-bottom:2rem;line-height:1.5}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 32px;border-radius:25px;font-weight:600;text-transform:none;box-shadow:0 4px 15px #667eea66;transition:all .3s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99;background:linear-gradient(135deg,#5a6fd8,#6a4190)}[data-theme=dark] .coming-soon-content{background:#1e1e1ef2;color:#fff}[data-theme=dark] .coming-soon-title{color:#fff;background:linear-gradient(135deg,#42a5f5,#ab47bc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .coming-soon-description{color:#ccc}[data-theme=dark] .coming-soon-subtitle{color:#aaa}[data-theme=dark] .back-button{background:linear-gradient(135deg,#42a5f5,#ab47bc);box-shadow:0 4px 15px #42a5f566}[data-theme=dark] .back-button:hover{box-shadow:0 6px 20px #42a5f599;background:linear-gradient(135deg,#1976d2,#8e24aa)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.coming-soon-content{padding:2rem 1.5rem;margin:1rem}.construction-icon{font-size:3rem!important}.coming-soon-title{font-size:2rem}.coming-soon-description{font-size:1rem}}.home-page{min-height:100vh;padding-top:70px;position:relative;overflow-x:hidden;overflow-y:auto;background-color:var(--bg-primary);transition:background-color var(--transition-normal)}.home-container{padding:var(--spacing-lg) var(--spacing-md);max-width:1400px}.section-container{margin-bottom:3rem}.section-title{font-weight:700;margin-bottom:var(--spacing-sm);font-size:1.75rem;color:var(--text-primary)}.section-subtitle{margin-bottom:var(--spacing-lg);font-size:1rem;color:var(--text-secondary)}.stats-grid{margin-bottom:3rem}.dashboard-grid{margin-bottom:2rem}@media (max-width: 1200px){.home-container{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 960px){.home-page{padding-top:70px}.section-title{font-size:1.5rem}.section-container{margin-bottom:2rem}.home-container{padding:var(--spacing-md)}}@media (max-width: 768px){.home-page{padding-top:70px}.home-container{padding:var(--spacing-sm)}.section-container{margin-bottom:1.5rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.875rem}.activity-paper{padding:var(--spacing-md)}}@media (max-width: 480px){.home-page{padding-top:70px}.home-container{padding:var(--spacing-sm)}.section-container{margin-bottom:1.25rem}.section-title{font-size:1.125rem}.section-subtitle{font-size:.8rem}.activity-paper{padding:var(--spacing-sm)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dashboard-grid .MuiGrid-item{animation:fadeInUp .4s ease-out}.dashboard-grid .MuiGrid-item:nth-child(1){animation-delay:.1s}.dashboard-grid .MuiGrid-item:nth-child(2){animation-delay:.2s}.dashboard-grid .MuiGrid-item:nth-child(3){animation-delay:.3s}.dashboard-grid .MuiGrid-item:nth-child(4){animation-delay:.4s}.dashboard-grid .MuiGrid-item:nth-child(5){animation-delay:.5s}.dashboard-grid .MuiGrid-item:nth-child(6){animation-delay:.6s}.stats-grid .MuiGrid-item{animation:slideInLeft .4s ease-out}.stats-grid .MuiGrid-item:nth-child(1){animation-delay:.1s}.stats-grid .MuiGrid-item:nth-child(2){animation-delay:.2s}.stats-grid .MuiGrid-item:nth-child(3){animation-delay:.3s}.stats-grid .MuiGrid-item:nth-child(4){animation-delay:.4s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.home-page.dark ::-webkit-scrollbar-thumb{background:#475569}.home-page.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.management-page{min-height:100vh;padding-top:70px;background-color:#f5f5f5}.management-content{padding:24px;max-width:1400px;margin:0 auto}.stats-section{margin-bottom:24px}.stat-card{height:100%;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-content{display:flex;justify-content:space-between;align-items:center}.stat-info{flex:1}.stat-value{font-weight:700;color:#1976d2;margin-bottom:4px}.stat-label{color:#666;font-size:.875rem}.stat-icon{color:#1976d2;opacity:.7}.actions-bar{margin-bottom:24px;padding:16px 24px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.actions-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.actions-left{flex:1}.section-title{font-weight:600;color:#333;margin-bottom:4px}.section-subtitle{color:#666;font-size:.875rem}.actions-right{display:flex;align-items:center;gap:8px}.action-button{color:#666;transition:color .2s ease-in-out}.action-button:hover{color:#1976d2}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:8px 24px;border-radius:6px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.add-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.bulk-actions{position:fixed;bottom:24px;right:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:16px;z-index:1000;animation:slideIn .3s ease-out}.bulk-actions-text{color:#666;font-weight:500}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.form-container{padding:0}.form-container .MuiGrid-container{margin-bottom:16px}.form-section{margin-bottom:24px;padding:0}.form-section:last-child{margin-bottom:0}.section-title{font-weight:600;color:var(--text-primary);margin-bottom:16px;font-size:1rem;border-bottom:1px solid var(--border-primary);padding-bottom:8px;position:relative}.section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);border-radius:1px}.form-container .form-field-container{margin-bottom:12px}.form-container .form-field-compact{margin-bottom:8px}.form-container .MuiGrid-item{padding:4px}.form-container .MuiGrid-container{margin:-4px}.MuiDialog-paper{border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.MuiDialogTitle-root{background:var(--bg-surface-secondary);border-bottom:1px solid var(--border-primary);padding:20px 24px!important}.MuiDialogContent-root{padding:24px!important}.MuiDialogActions-root{background:var(--bg-surface-secondary);border-top:1px solid var(--border-primary);padding:16px 24px!important}.status-chip{font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 960px){.management-page{padding-top:70px}}@media (max-width: 768px){.management-page{padding-top:70px}.management-content{padding:16px}.actions-content{flex-direction:column;align-items:flex-start}.actions-right{width:100%;justify-content:space-between}.bulk-actions{bottom:16px;right:16px;left:16px;flex-direction:column;gap:12px}}@media (max-width: 480px){.management-page{padding-top:70px}.form-container{padding:0}.form-section{margin-bottom:20px}.section-title{font-size:.875rem;margin-bottom:12px}.MuiDialogContent-root{padding:16px!important}.form-container .MuiGrid-item{padding:2px}.form-container .MuiGrid-container{margin:-2px}}.theme-light .section-title{color:#374151;border-bottom-color:#e5e7eb}.theme-light .section-title:after{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.theme-light .MuiDialogTitle-root{background:#f8fafc;border-bottom-color:#e2e8f0}.theme-light .MuiDialogContent-root{background:#fff}.theme-light .MuiDialogActions-root{background:#f8fafc;border-top-color:#e2e8f0}.theme-dark .management-page{background-color:var(--bg-default)}.theme-dark .actions-bar,.theme-dark .stat-card{background:var(--bg-paper);border:1px solid var(--border-primary)}.theme-dark .section-title{color:#f9fafb;border-bottom-color:#4b556380}.theme-dark .section-title:after{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.theme-dark .MuiDialogTitle-root{background:#111827e6;border-bottom-color:#4b556380}.theme-dark .MuiDialogContent-root{background:#0a0a0acc}.theme-dark .MuiDialogActions-root{background:#111827e6;border-top-color:#4b556380}.smart-customer-form{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column}.scf-form-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);background:var(--bg-surface);border-bottom:1px solid var(--border-primary);height:40px}.scf-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.scf-form-title{color:var(--text-primary)!important;font-weight:600!important;margin:0!important;font-size:.9375rem!important;line-height:1.4!important}.scf-header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.scf-header-icon-button{padding:4px!important;width:28px!important;height:28px!important}.scf-header-icon-button .MuiSvgIcon-root{font-size:16px!important}.scf-form-content .MuiAutocomplete-root{margin-bottom:var(--spacing-md)}.scf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root{border-radius:var(--radius-sm)!important;transition:all var(--transition-normal)!important;background:var(--bg-paper);min-height:32px!important;height:32px!important}.scf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root .MuiInputBase-input{padding:4px 10px!important;font-size:.8125rem!important;height:24px!important}.scf-form-content .MuiAutocomplete-root .MuiInputLabel-root{font-size:.8125rem!important;transform:translate(14px,8px) scale(1)!important}.scf-form-content .MuiAutocomplete-root .MuiInputLabel-root.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.85)!important}.scf-form-content .MuiAutocomplete-root .MuiFormHelperText-root{margin-top:2px!important;font-size:.7rem!important;line-height:1.2!important}.scf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root:hover{border-color:var(--primary-500)!important;background:var(--bg-surface-secondary);box-shadow:var(--shadow-sm)}.scf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-focused{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px var(--primary-100)!important;background:var(--bg-paper)}.scf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-error{border-color:var(--error-500)!important}.scf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-error:hover{border-color:var(--error-600)!important}.scf-form-content .MuiAutocomplete-root .MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 3px var(--error-100)!important}.scf-form-content .MuiAutocomplete-root .MuiAutocomplete-paper{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-primary)!important;background:var(--bg-paper)!important}.scf-form-content .MuiAutocomplete-root .MuiAutocomplete-option{padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:var(--radius-md)!important;margin:2px!important;transition:all var(--transition-normal)}.scf-form-content .MuiAutocomplete-root .MuiAutocomplete-option:hover{background:var(--primary-50)!important}.scf-form-content .MuiAutocomplete-root .MuiAutocomplete-option.Mui-focused{background:var(--primary-100)!important}.scf-error-alert{margin-bottom:var(--spacing-lg)!important;border-radius:var(--radius-md)!important;background:var(--error-50)!important;border:1px solid var(--error-200)!important}.scf-form-content{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface);min-height:100px;display:flex;flex-direction:column;justify-content:flex-start;flex:1}.scf-form-content:has(.scf-customer-details-display){min-height:auto;padding-bottom:var(--spacing-sm)}.scf-customer-search-section{margin-bottom:0}.scf-customer-search-section .MuiAutocomplete-root{width:100%}.scf-customer-details-display{margin-top:var(--spacing-xs);padding-top:0;border-top:none;flex:1;display:flex;align-items:center;min-height:32px}.scf-customer-address{color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.4!important;margin:0!important;font-weight:400!important}@media (max-width: 1200px){.scf-form-content{padding:var(--spacing-lg)}.scf-form-header{padding:0 var(--spacing-lg);height:40px}}@media (max-width: 768px){.scf-form-content{padding:var(--spacing-md)}.scf-form-header{padding:0 var(--spacing-md);height:40px}.scf-form-title{font-size:.9375rem!important}.scf-customer-details-display{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}}@media (max-width: 480px){.scf-form-content{padding:var(--spacing-sm)}.scf-form-header{padding:0 var(--spacing-sm);height:40px}.scf-form-title{font-size:.875rem!important}.scf-customer-address{font-size:.7rem!important}}[data-theme=dark] .smart-customer-form{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=dark] .scf-form-header{background:var(--bg-surface);border-color:var(--border-primary)}[data-theme=dark] .scf-form-content{background:var(--bg-surface)}[data-theme=dark] .scf-form-content .MuiAutocomplete-root .MuiAutocomplete-paper{background:var(--bg-paper)!important;border-color:var(--border-primary)!important}[data-theme=dark] .scf-form-content .MuiAutocomplete-root .MuiAutocomplete-option:hover{background:var(--primary-900)!important}[data-theme=dark] .scf-form-content .MuiAutocomplete-root .MuiAutocomplete-option.Mui-focused{background:var(--primary-800)!important}.smart-customer-form:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.scf-form-content:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.scf-form-content .MuiOutlinedInput-root.Mui-focused:has(.MuiInputAdornment-root .MuiSvgIcon-root){border-color:var(--success-500)!important;box-shadow:0 0 0 3px var(--success-100)!important}@media print{.smart-customer-form{background:#fff;border:1px solid #ddd;box-shadow:none}.scf-form-content{box-shadow:none!important;border:1px solid #ddd!important}.scf-header-actions{display:none!important}}@media (prefers-reduced-motion: reduce){.smart-customer-form,.scf-form-content{animation:none;transition:none}}@media (prefers-contrast: high){.smart-customer-form{border-width:2px}.scf-form-content{border-width:2px!important}}.smart-products-list{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm)}.spl-products-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);background:var(--bg-surface);border-bottom:1px solid var(--border-primary);height:40px}.spl-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.spl-products-title{color:var(--text-primary)!important;font-weight:600!important;margin:0!important;font-size:.9375rem!important;line-height:1.4!important}.spl-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.spl-products-content{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface);max-height:600px;overflow-y:auto}.spl-products-list{display:flex;flex-direction:column;gap:6px}.spl-product-item{background:var(--bg-paper);border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all var(--transition-normal);overflow:hidden;cursor:move;position:relative}.spl-product-item:hover{background:var(--bg-surface-secondary);border-color:var(--primary-300);box-shadow:0 1px 3px #00000014}.spl-product-item.spl-dragging{opacity:.5;cursor:grabbing}.spl-product-item.spl-drag-over{border-color:var(--primary-500);border-style:dashed;background:var(--primary-50)}.spl-product-item:not(.spl-dragging):not(.spl-drag-over){cursor:grab}.spl-product-item:active{cursor:grabbing}.spl-product-content{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:var(--spacing-sm)}.spl-product-drag-handle{display:flex;align-items:center;padding:4px;cursor:grab;flex-shrink:0;opacity:.4;transition:opacity var(--transition-normal)}.spl-product-drag-handle:active{cursor:grabbing}.spl-product-item:hover .spl-product-drag-handle{opacity:.7}.spl-drag-icon{font-size:18px!important;color:var(--text-secondary)!important}.spl-product-primary{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.spl-product-name{color:var(--text-primary);font-weight:600;margin:0;font-size:.8125rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spl-product-secondary{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.spl-product-code{color:var(--text-secondary);font-size:.7rem;margin:0;line-height:1.3;font-weight:500}.spl-product-badge{display:inline-flex;align-items:center;padding:2px 6px;background:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:.65rem;font-weight:500;line-height:1.2;margin:0}.spl-product-badge.po{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.spl-product-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.spl-product-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:100px}.spl-product-rate-row{display:flex;align-items:center;gap:4px}.spl-product-rate-label{color:var(--text-secondary);font-size:.7rem;margin:0;line-height:1.3;font-weight:500}.spl-product-quantity-value{color:var(--text-secondary);font-size:.7rem;margin:0;line-height:1.3;font-weight:500;min-width:20px;text-align:center}.spl-product-total{color:var(--text-primary);font-weight:700;margin:0;font-size:.875rem;line-height:1.3;letter-spacing:-.01em}.spl-remove-product-btn{color:var(--error-500)!important;padding:4px!important;width:28px!important;height:28px!important;flex-shrink:0;opacity:.7;transition:all var(--transition-normal)}.spl-remove-product-btn:hover{opacity:1;background:var(--error-50)!important;color:var(--error-600)!important}.spl-remove-product-btn .MuiSvgIcon-root{font-size:16px!important}.spl-editable{cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.spl-editable:hover{color:var(--primary-600)!important;text-decoration:underline}.spl-product-badge.spl-editable:hover{background:var(--primary-100)!important;border-color:var(--primary-300)!important}.spl-product-badge.spl-add-po{border-style:dashed;opacity:.6}.spl-product-badge.spl-add-po:hover{opacity:1;background:var(--primary-50)!important;border-color:var(--primary-300)!important}.spl-edit-field{display:inline-flex;min-width:120px}.spl-inline-edit{width:100%}.spl-inline-edit .MuiOutlinedInput-root{min-height:24px!important;height:24px!important;font-size:.7rem!important}.spl-inline-edit .MuiOutlinedInput-root .MuiInputBase-input{padding:2px 8px!important;font-size:.7rem!important;height:20px!important}.spl-edit-save-btn{padding:2px!important;width:20px!important;height:20px!important}.spl-edit-save-btn .MuiSvgIcon-root{font-size:14px!important;color:var(--success-600)!important}.spl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--text-muted);min-height:120px;background:var(--bg-surface-secondary);border-radius:var(--radius-sm);border:1px dashed var(--border-primary)}.spl-empty-icon{font-size:32px!important;margin-bottom:var(--spacing-sm)!important;opacity:.4;color:var(--text-muted)!important}.spl-empty-text{font-size:.75rem;font-weight:500;margin:0;color:var(--text-secondary);line-height:1.4}@media (max-width: 1200px){.spl-products-content{padding:var(--spacing-md)}.spl-products-header{padding:0 var(--spacing-md);height:40px}}@media (max-width: 768px){.spl-products-content{padding:var(--spacing-sm) var(--spacing-md);max-height:none}.spl-products-header{padding:0 var(--spacing-md);height:40px}.spl-products-title{font-size:.9375rem!important}.spl-products-list{gap:8px}.spl-product-content{flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:10px 12px}.spl-product-drag-handle{opacity:.6}.spl-product-primary{flex:1;min-width:0}.spl-product-name{font-size:.8125rem;white-space:normal;line-height:1.3}.spl-product-secondary{margin-top:2px;flex-wrap:wrap}.spl-product-badge{font-size:.6rem;padding:1px 4px}.spl-product-actions{flex-shrink:0;gap:var(--spacing-xs)}.spl-product-pricing{min-width:90px;align-items:flex-end}.spl-product-rate{font-size:.65rem}.spl-product-total{font-size:.8125rem}.spl-remove-product-btn{width:26px!important;height:26px!important}}@media (max-width: 480px){.spl-products-content{padding:var(--spacing-xs) var(--spacing-sm)}.spl-products-header{padding:0 var(--spacing-sm);height:40px}.spl-products-title{font-size:.875rem!important}.spl-products-list{gap:6px}.spl-product-content{padding:8px 10px;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.spl-product-drag-handle{position:absolute;top:4px;right:4px;opacity:.5}.spl-product-primary{width:100%}.spl-edit-field{min-width:100px}.spl-inline-edit{width:100%}.spl-product-rate-row{flex-wrap:wrap}.spl-product-name{font-size:.75rem}.spl-product-code{font-size:.65rem}.spl-product-badge{font-size:.6rem;padding:1px 4px}.spl-product-actions{width:100%;justify-content:space-between;align-items:center}.spl-product-pricing{min-width:auto;align-items:flex-start}.spl-product-rate{font-size:.65rem}.spl-product-total{font-size:.8125rem}.spl-remove-product-btn{width:24px!important;height:24px!important}.spl-empty-state{padding:var(--spacing-md);min-height:100px}}[data-theme=dark] .smart-products-list{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=dark] .spl-products-header{background:var(--bg-surface);border-color:var(--border-primary)}[data-theme=dark] .spl-products-content{background:var(--bg-surface)}[data-theme=dark] .spl-product-item{background:var(--bg-paper);border-color:var(--border-primary)}[data-theme=dark] .spl-product-item:hover{background:var(--bg-surface-secondary);border-color:var(--primary-400)}.smart-products-list:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.smart-products-list{background:#fff;border:1px solid #ddd;box-shadow:none}.spl-products-content{box-shadow:none!important;border:1px solid #ddd!important}.spl-header-actions,.spl-remove-product-btn{display:none!important}}@media (prefers-reduced-motion: reduce){.smart-products-list{animation:none;transition:none}}@media (prefers-contrast: high){.smart-products-list{border-width:2px}.spl-product-item{border-width:2px!important}}.smart-invoice-details{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column}.sid-form-header{padding:0 var(--spacing-md);background:var(--bg-surface);border-bottom:1px solid var(--border-primary);height:40px;display:flex;align-items:center}.sid-form-title{color:var(--text-primary)!important;font-weight:600!important;margin:0!important;font-size:.9375rem!important;line-height:1.4!important}.sid-error-alert{margin-bottom:var(--spacing-lg)!important;border-radius:var(--radius-md)!important;background:var(--error-50)!important;border:1px solid var(--error-200)!important}.sid-form-content{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface);min-height:100px;display:flex;flex-direction:column}.sid-edit-mode{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sid-field-row{margin-bottom:var(--spacing-md)}.sid-field-row .MuiTextField-root{margin-bottom:0}.sid-field-row .MuiTextField-root .MuiOutlinedInput-root{border-radius:var(--radius-sm)!important;transition:all var(--transition-normal)!important;background:var(--bg-paper);min-height:32px!important;height:32px!important}.sid-field-row .MuiTextField-root .MuiOutlinedInput-root .MuiInputBase-input{padding:4px 10px!important;font-size:.8125rem!important;height:24px!important}.sid-field-row .MuiTextField-root .MuiInputLabel-root{font-size:.8125rem!important;transform:translate(14px,8px) scale(1)!important}.sid-field-row .MuiTextField-root .MuiInputLabel-root.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.85)!important}.sid-field-row .MuiTextField-root .MuiFormHelperText-root{margin-top:2px!important;font-size:.7rem!important;line-height:1.2!important}.sid-field-row .MuiTextField-root .MuiOutlinedInput-root:hover{border-color:var(--primary-500)!important;background:var(--bg-surface-secondary);box-shadow:var(--shadow-sm)}.sid-field-row .MuiTextField-root .MuiOutlinedInput-root.Mui-focused{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px var(--primary-100)!important;background:var(--bg-paper)}.sid-field-row .MuiTextField-root .MuiOutlinedInput-root.Mui-error{border-color:var(--error-500)!important}.sid-field-row .MuiTextField-root .MuiOutlinedInput-root.Mui-error:hover{border-color:var(--error-600)!important}.sid-field-row .MuiTextField-root .MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 3px var(--error-100)!important}@media (max-width: 1200px){.sid-form-content{padding:var(--spacing-lg)}.sid-form-header{padding:0 var(--spacing-lg);height:40px}}@media (max-width: 768px){.sid-form-content{padding:var(--spacing-md)}.sid-form-header{padding:0 var(--spacing-md);height:40px}.sid-form-title{font-size:.9375rem!important}.sid-field-row .MuiGrid-item{margin-bottom:var(--spacing-sm)}}@media (max-width: 480px){.sid-form-content{padding:var(--spacing-sm)}.sid-form-header{padding:0 var(--spacing-sm);height:40px}.sid-form-title{font-size:.875rem!important}}[data-theme=dark] .smart-invoice-details{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=dark] .sid-form-header{background:var(--bg-surface);border-color:var(--border-primary)}[data-theme=dark] .sid-form-content{background:var(--bg-surface)}[data-theme=dark] .sid-field-row .MuiTextField-root .MuiOutlinedInput-root{background:var(--bg-paper)}[data-theme=dark] .sid-field-row .MuiTextField-root .MuiOutlinedInput-root:hover{background:var(--bg-surface-secondary)}.smart-invoice-details:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.sid-form-content:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.smart-invoice-details{background:#fff;border:1px solid #ddd;box-shadow:none}.sid-form-content{box-shadow:none!important;border:1px solid #ddd!important}}@media (prefers-reduced-motion: reduce){.smart-invoice-details,.sid-form-content{animation:none;transition:none}}@media (prefers-contrast: high){.smart-invoice-details{border-width:2px}.sid-form-content{border-width:2px!important}}.smart-summary{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-sm)}.ss-summary-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);background:var(--bg-surface);border-bottom:1px solid var(--border-primary);height:40px}.ss-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.ss-summary-title{color:var(--text-primary)!important;font-weight:600!important;margin:0!important;font-size:.9375rem!important;line-height:1.4!important}.ss-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.ss-summary-content{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface)}.ss-summary-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ss-summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-paper);border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.ss-summary-item:hover{background:var(--bg-surface-secondary);border-color:var(--primary-300)}.ss-summary-item.total{background:var(--primary-50);border:1px solid var(--primary-300);padding:var(--spacing-sm);margin-top:var(--spacing-xs)}.ss-summary-label{color:var(--text-secondary);font-weight:500;font-size:.75rem;margin:0;line-height:1.4}.ss-summary-label.total{color:var(--text-primary);font-weight:600;font-size:.8125rem}.ss-summary-value{color:var(--text-primary);font-weight:600;font-size:.8125rem;margin:0;line-height:1.4;text-align:right}.ss-summary-value.discount{color:var(--error-600)}.ss-summary-value.gst{color:var(--primary-600)}.ss-summary-value.roundoff{color:var(--warning-600)}.ss-summary-value.total{color:var(--primary-700);font-size:1rem;font-weight:700}.ss-summary-divider{margin:var(--spacing-xs) 0;border-color:var(--border-primary);border-width:1px}.ss-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--text-muted);min-height:120px;background:var(--bg-surface-secondary);border-radius:var(--radius-sm);border:1px dashed var(--border-primary)}.ss-empty-icon{font-size:32px!important;margin-bottom:var(--spacing-sm)!important;opacity:.4;color:var(--text-muted)!important}.ss-empty-text{font-size:.75rem;font-weight:500;margin:0;color:var(--text-secondary);line-height:1.4}@media (max-width: 1200px){.ss-summary-content{padding:var(--spacing-lg)}.ss-summary-header{padding:0 var(--spacing-lg);height:40px}}@media (max-width: 768px){.ss-summary-content{padding:var(--spacing-sm) var(--spacing-md)}.ss-summary-header{padding:0 var(--spacing-md);height:40px}.ss-summary-title{font-size:.9375rem!important}.ss-summary-items{gap:6px}.ss-summary-item{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.ss-summary-item.total{padding:var(--spacing-sm)}.ss-summary-label{font-size:.7rem}.ss-summary-label.total{font-size:.75rem}.ss-summary-value{font-size:.75rem;text-align:right}.ss-summary-value.total{font-size:.9375rem}}@media (max-width: 480px){.ss-summary-content{padding:var(--spacing-xs) var(--spacing-sm)}.ss-summary-header{padding:0 var(--spacing-sm);height:40px}.ss-summary-title{font-size:.875rem!important}.ss-summary-items{gap:4px}.ss-summary-item{padding:6px 8px;flex-direction:row;align-items:center;justify-content:space-between}.ss-summary-item.total{padding:var(--spacing-xs) var(--spacing-sm);margin-top:4px}.ss-summary-label{font-size:.7rem}.ss-summary-label.total{font-size:.75rem}.ss-summary-value{font-size:.7rem;text-align:right}.ss-summary-value.total{font-size:.875rem}.ss-summary-divider{margin:4px 0}.ss-empty-state{padding:var(--spacing-md);min-height:100px}}[data-theme=dark] .smart-summary{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=dark] .ss-summary-header{background:var(--bg-surface);border-color:var(--border-primary)}[data-theme=dark] .ss-summary-content{background:var(--bg-surface)}[data-theme=dark] .ss-summary-item{background:var(--bg-paper);border-color:var(--border-primary)}[data-theme=dark] .ss-summary-item:hover{background:var(--bg-surface-secondary);border-color:var(--primary-400)}[data-theme=dark] .ss-summary-item.total{background:var(--bg-surface-tertiary);border-color:var(--primary-400)}[data-theme=dark] .ss-summary-item.total:hover{background:var(--bg-surface-quaternary);border-color:var(--primary-500)}.smart-summary:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.ss-summary-content:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.smart-summary{background:#fff;border:1px solid #ddd;box-shadow:none}.ss-summary-content{box-shadow:none!important;border:1px solid #ddd!important}.ss-header-actions{display:none!important}}@media (prefers-reduced-motion: reduce){.smart-summary,.ss-summary-content{animation:none;transition:none}}@media (prefers-contrast: high){.smart-summary{border-width:2px}.ss-summary-item{border-width:2px!important}}.create-invoice-page{min-height:100vh;padding-top:70px;padding-bottom:80px;background:var(--bg-default)}.create-invoice-container{padding:var(--spacing-md);max-width:1600px;margin:0 auto}.form-grid{margin-bottom:var(--spacing-md)}.form-card{background:var(--bg-paper);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden;height:100%}.form-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-focus)}.card-content{padding:var(--spacing-xl);height:100%;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-icon{color:var(--primary-600);font-size:24px}.card-title{color:var(--text-primary);font-weight:600;margin:0}.smart-form-section{margin-bottom:var(--spacing-md);height:100%}.smart-form-section>*{height:100%}.customer-section,.products-section{background:var(--bg-paper);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal)}.customer-section:hover,.products-section:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.section-title{color:var(--text-primary);font-weight:600;margin:0}.active-tab{background:var(--primary-50);color:var(--primary-600)}.active-tab:hover{background:var(--primary-100)}.details-grid{margin-top:var(--spacing-md)}.field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.field-value{color:var(--text-primary);font-weight:500;padding:var(--spacing-sm);background:var(--bg-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.customer-preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-name{color:var(--text-primary);font-weight:600;margin:0}.customer-address{color:var(--text-secondary);line-height:1.5;margin:0}.customer-contact{color:var(--text-secondary);font-size:.875rem;margin:0}.customer-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.summary-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.summary-item.total{padding:var(--spacing-md) 0;border-top:2px solid var(--border-primary);margin-top:var(--spacing-sm)}.summary-label{color:var(--text-secondary);font-weight:500;font-size:.875rem;margin:0}.summary-value{color:var(--text-primary);font-weight:600;margin:0}.summary-value.discount{color:var(--error-600)}.summary-value.gst{color:var(--primary-600)}.summary-value.roundoff{color:var(--warning-600)}.summary-value.total{color:var(--primary-700);font-size:1.25rem;font-weight:700}.summary-divider{margin:var(--spacing-md) 0;border-color:var(--border-primary)}.actions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-button{padding:var(--spacing-md);font-weight:600;text-transform:none;border-radius:var(--radius-lg);transition:all var(--transition-normal)}.save-button{background:var(--primary-600);color:#fff;box-shadow:var(--shadow-sm)}.save-button:hover{background:var(--primary-700);box-shadow:var(--shadow-sm)}.save-button:disabled{background:var(--gray-300);color:var(--gray-500);box-shadow:none;transform:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);text-align:center;color:var(--text-secondary);min-height:120px}.empty-icon{font-size:32px;margin-bottom:var(--spacing-sm);opacity:.5;color:var(--text-muted)}.empty-text{font-size:.8rem;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.3}.customer-dialog .MuiDialog-paper,.product-dialog .MuiDialog-paper,.preview-dialog .MuiDialog-paper{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.dialog-title{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-primary);background:var(--bg-surface-secondary)}.close-button{color:var(--text-secondary)}.close-button:hover{background:var(--bg-surface-tertiary);color:var(--text-primary)}.dialog-content{padding:var(--spacing-xl);background:var(--bg-paper)}@media (max-width: 1200px){.create-invoice-container{padding:var(--spacing-md)}.card-content{padding:var(--spacing-lg)}}@media (max-width: 768px){.create-invoice-page{padding-top:60px;padding-bottom:90px}.create-invoice-container{padding:var(--spacing-sm) var(--spacing-md)}.form-grid{gap:var(--spacing-sm)}.smart-form-section{margin-bottom:var(--spacing-sm)}.card-content{padding:var(--spacing-md)}.card-header,.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-left{width:100%;justify-content:space-between}.customer-section,.products-section{padding:var(--spacing-md)}.details-grid{grid-template-columns:1fr}.customer-preview{gap:var(--spacing-sm)}.customer-badges{justify-content:flex-start}.product-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.product-details{align-items:flex-start;width:100%}.summary-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.actions-list{gap:var(--spacing-sm)}.action-button{padding:var(--spacing-sm);font-size:.875rem}.empty-state{padding:var(--spacing-lg);min-height:150px}.empty-icon{font-size:36px}.empty-text{font-size:.875rem}}@media (max-width: 480px){.create-invoice-page{padding-bottom:100px}.create-invoice-container{padding:var(--spacing-xs) var(--spacing-sm)}.form-grid{gap:var(--spacing-xs)}.smart-form-section{margin-bottom:var(--spacing-xs)}.status-content,.card-content{padding:var(--spacing-sm)}.card-header{margin-bottom:var(--spacing-md)}.header-icon{font-size:20px}.card-title{font-size:1rem}.field-value{padding:var(--spacing-xs);font-size:.875rem}.product-item{padding:var(--spacing-sm)}.summary-value.total{font-size:1.125rem}}.fixed-action-strip{position:fixed;bottom:0;left:0;right:0;background:var(--bg-paper);border-top:1px solid var(--border-primary);box-shadow:0 -2px 8px #0000001a;z-index:1000;padding:var(--spacing-sm) 0}.action-strip-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.action-strip-amount{display:flex;flex-direction:column;gap:2px}.action-strip-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.action-strip-value{color:var(--text-primary);font-weight:600}.action-strip-button{min-width:160px}@media (max-width: 768px){.action-strip-content{flex-direction:column;gap:var(--spacing-sm)}.action-strip-amount{width:100%;text-align:center}.action-strip-button{width:100%;min-width:unset}}@media (max-width: 480px){.fixed-action-strip{padding:var(--spacing-xs) 0}.action-strip-content{gap:var(--spacing-xs)}.action-strip-label{font-size:.7rem}.action-strip-value{font-size:.875rem}.action-strip-button{font-size:.875rem;padding:8px 16px}}[data-theme=dark] .create-invoice-page{background:var(--bg-default)}[data-theme=dark] .fixed-action-strip{background:var(--bg-paper);border-top-color:var(--border-primary)}[data-theme=dark] .form-card{background:var(--bg-paper);border-color:var(--border-primary)}[data-theme=dark] .form-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-lg)}[data-theme=dark] .customer-section,[data-theme=dark] .products-section{background:var(--bg-paper);border-color:var(--border-primary)}[data-theme=dark] .customer-section:hover,[data-theme=dark] .products-section:hover{border-color:var(--border-focus);box-shadow:var(--shadow-lg)}[data-theme=dark] .field-value,[data-theme=dark] .product-item{background:var(--bg-surface);border-color:var(--border-secondary)}[data-theme=dark] .product-item:hover{background:var(--bg-surface-secondary);border-color:var(--border-focus)}[data-theme=dark] .dialog-title{background:var(--bg-surface);border-color:var(--border-primary)}[data-theme=dark] .dialog-content{background:var(--bg-paper)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-card:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.action-button:focus{outline:2px solid var(--primary-500);outline-offset:2px}.create-invoice-page.loading{opacity:.7;pointer-events:none}@media print{.create-invoice-page{background:#fff;padding:0}.actions-card{display:none}.form-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.card-header{border-bottom-color:#ddd}.summary-value.total{color:#000}}.print-m-0{margin:0}.print-m-1{margin:var(--print-gap)}.print-m-2{margin:calc(var(--print-gap) * 2)}.print-m-3{margin:calc(var(--print-gap) * 3)}.print-m-4{margin:calc(var(--print-gap) * 4)}.print-p-0{padding:0}.print-p-1{padding:var(--print-gap)}.print-p-2{padding:calc(var(--print-gap) * 2)}.print-p-3{padding:calc(var(--print-gap) * 3)}.print-p-4{padding:calc(var(--print-gap) * 4)}.print-border{border:var(--print-border-width) solid var(--print-border-color)}.print-border-t{border-top:var(--print-border-width) solid var(--print-border-color)}.print-border-b{border-bottom:var(--print-border-width) solid var(--print-border-color)}.print-border-l{border-left:var(--print-border-width) solid var(--print-border-color)}.print-border-r{border-right:var(--print-border-width) solid var(--print-border-color)}.print-block{display:block}.print-inline{display:inline}.print-inline-block{display:inline-block}.print-flex{display:flex}.print-grid{display:grid}.print-hidden{display:none}.print-flex-col{flex-direction:column}.print-flex-row{flex-direction:row}.print-justify-start{justify-content:flex-start}.print-justify-center{justify-content:center}.print-justify-end{justify-content:flex-end}.print-justify-between{justify-content:space-between}.print-items-start{align-items:flex-start}.print-items-center{align-items:center}.print-items-end{align-items:flex-end}.print-grid-cols-2{grid-template-columns:repeat(2,1fr)}.print-grid-cols-3{grid-template-columns:repeat(3,1fr)}.print-grid-cols-4{grid-template-columns:repeat(4,1fr)}.print-gap-1{gap:var(--print-gap)}.print-gap-2{gap:calc(var(--print-gap) * 2)}.print-gap-3{gap:calc(var(--print-gap) * 3)}.print-gap-4{gap:calc(var(--print-gap) * 4)}.print-w-full{width:100%}.print-w-auto{width:auto}.print-w-1\/2{width:50%}.print-w-1\/3{width:33.333333%}.print-w-2\/3{width:66.666667%}.print-w-1\/4{width:25%}.print-w-3\/4{width:75%}.print-h-full{height:100%}.print-h-auto{height:auto}.print-h-screen{height:100vh}.print-font-primary{font-family:var(--print-font-primary)}.print-font-brand{font-family:var(--print-font-brand)}.print-text-xs{font-size:var(--print-font-size-xs);line-height:var(--print-line-height-normal)}.print-text-sm{font-size:var(--print-font-size-sm);line-height:var(--print-line-height-normal)}.print-text-base{font-size:var(--print-font-size-base);line-height:var(--print-line-height-normal)}.print-text-md{font-size:var(--print-font-size-md);line-height:var(--print-line-height-normal)}.print-text-lg{font-size:var(--print-font-size-lg);line-height:var(--print-line-height-normal)}.print-text-xl{font-size:var(--print-font-size-xl);line-height:var(--print-line-height-normal)}.print-text-2xl{font-size:var(--print-font-size-2xl);line-height:var(--print-line-height-normal)}.print-text-3xl{font-size:var(--print-font-size-3xl);line-height:var(--print-line-height-normal)}.print-text-4xl{font-size:var(--print-font-size-4xl);line-height:var(--print-line-height-normal)}.print-text-5xl{font-size:var(--print-font-size-5xl);line-height:var(--print-line-height-normal)}.print-text-6xl{font-size:var(--print-font-size-6xl);line-height:var(--print-line-height-normal)}.print-font-normal{font-weight:var(--print-font-weight-normal)}.print-font-medium{font-weight:var(--print-font-weight-medium)}.print-font-semibold{font-weight:var(--print-font-weight-semibold)}.print-font-bold{font-weight:var(--print-font-weight-bold)}.print-leading-tight{line-height:var(--print-line-height-tight)}.print-leading-normal{line-height:var(--print-line-height-normal)}.print-leading-relaxed{line-height:var(--print-line-height-relaxed)}.print-leading-loose{line-height:var(--print-line-height-loose)}.print-uppercase{text-transform:uppercase}.print-lowercase{text-transform:lowercase}.print-capitalize{text-transform:capitalize}.print-normal-case{text-transform:none}.print-tracking-tight{letter-spacing:-.025em}.print-tracking-normal{letter-spacing:0}.print-tracking-wide{letter-spacing:.025em}.print-tracking-wider{letter-spacing:.05em}.print-tracking-widest{letter-spacing:.1em}.print-underline{text-decoration:underline}.print-no-underline{text-decoration:none}.print-line-through{text-decoration:line-through}.print-text-black{color:var(--print-color-black)}.print-text-gray{color:var(--print-color-gray)}.print-text-white{color:var(--print-color-white)}.print-text-left{text-align:left}.print-text-center{text-align:center}.print-text-right{text-align:right}.print-text-justify{text-align:justify}.print-align-top{vertical-align:top}.print-align-middle{vertical-align:middle}.print-align-bottom{vertical-align:bottom}.print-align-baseline{vertical-align:baseline}.print-top-section{display:flex;flex-direction:column;height:calc(var(--print-header-height) + var(--print-available-space));overflow:hidden;width:100%;box-sizing:border-box}.print-header{height:var(--print-header-height);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.print-company-row{position:relative;width:100%;box-sizing:border-box;margin-bottom:0;padding-bottom:0;padding-left:0;padding-right:0;overflow:hidden;min-width:0}.print-logo-section{position:absolute;left:0;top:0;display:flex;justify-content:flex-start;align-items:flex-start;padding-right:0;z-index:1}.print-company-logo{width:4rem;height:4rem;object-fit:contain;border-radius:50%;max-width:100%;max-height:100%;display:block}.print-center-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;width:100%;box-sizing:border-box}.print-document-title{font-family:var(--print-font-primary);font-size:var(--print-font-size-md);font-weight:700;text-transform:uppercase;letter-spacing:.03125rem;margin:0;color:var(--print-color-black)}.print-company-name{font-family:var(--print-font-brand);font-size:2.109375rem;font-weight:800;margin:0;color:var(--print-color-black);line-height:1.1;letter-spacing:.125rem}.print-contact-section{position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-left:0;padding-right:.125rem;gap:.03125rem;z-index:1}.print-contact-number{font-family:var(--print-font-primary);font-size:var(--print-font-size-xs);font-weight:400;margin:0;padding:0;color:var(--print-color-black);white-space:nowrap;line-height:1.3;text-align:right;width:100%;min-width:0;max-width:100%;overflow:visible;box-sizing:border-box;flex-shrink:0;display:block;word-break:keep-all}.print-contact-number:first-child{margin-bottom:0}.print-contact-number:not(:first-child){margin-top:0}.print-address-row{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;gap:.03125rem;border-bottom:1px solid var(--print-border-color)}.print-business-description{font-family:var(--print-font-primary);font-size:var(--print-font-size-address);font-weight:300;margin:0;padding:0;color:var(--print-color-black);line-height:1.3}.print-factory-address{font-family:var(--print-font-primary);font-size:var(--print-font-size-address);font-weight:400;margin:0;padding:0;color:var(--print-color-black);line-height:1.3}.print-address-separator{margin:0;border-color:transparent;display:none}.print-invoice-details-blocks{display:grid;grid-template-columns:2fr 1px 1fr;gap:.0625rem;align-items:flex-start;margin-top:0;padding:0}.print-customer-details-column{display:flex;flex-direction:column;gap:.03125rem;padding-right:.0625rem;border-right:1px solid var(--print-border-color)}.print-customer-name{font-family:var(--print-font-primary);font-size:var(--print-font-size-details);font-weight:700;margin:0;padding:0;color:var(--print-color-black);line-height:1.3}.print-customer-address,.print-customer-gst{font-family:var(--print-font-primary);font-size:var(--print-font-size-address);font-weight:400;margin:0;padding:0;color:var(--print-color-black);line-height:1.3}.print-vertical-separator{width:1px;background-color:transparent;height:100%}.print-invoice-meta-column{display:flex;flex-direction:column;gap:.03125rem;padding-left:.0625rem}.print-meta-row{display:flex;align-items:baseline;gap:.0625rem;flex-wrap:nowrap}.print-meta-label{font-family:var(--print-font-primary);font-size:var(--print-font-size-address);font-weight:500;margin:0;padding:0;color:var(--print-color-black);line-height:1.3;white-space:nowrap}.print-meta-value{font-family:var(--print-font-primary);font-size:var(--print-font-size-details);font-weight:600;margin:0;padding:0;color:var(--print-color-black);line-height:1.3}.print-meta-spacer{margin-left:.125rem}.print-meta-spacer-block{width:.5rem;flex-shrink:0;display:block}.print-products{flex:1;display:flex;flex-direction:column;gap:0;margin-top:0}.print-products-table-section{flex:1;display:flex;flex-direction:column}.print-products-table{width:100%;border-collapse:collapse;table-layout:fixed;border-radius:0!important}.print-products-table.MuiPaper-root,.print-products-table.MuiTableContainer-root,.print-products-table .MuiTableContainer-root,.print-products-table .MuiPaper-root{border:none!important;box-shadow:none!important;border-radius:0!important}.print-table-spacers{display:flex;flex-direction:column;width:100%;gap:0}.print-table-spacer-row{height:1.3125rem;width:100%;flex-shrink:0}.print-hsn-summary-section{height:calc(var(--print-hsn-table-max-rows) * var(--print-row-height));display:flex;flex-direction:column;width:100%!important;overflow:hidden!important;max-width:100%!important}.print-hsn-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse;border-radius:0!important;overflow:hidden!important}.print-hsn-table .MuiTable-root{width:100%!important;table-layout:fixed!important;overflow:hidden!important}.print-hsn-table.MuiPaper-root,.print-hsn-table.MuiTableContainer-root,.print-hsn-table .MuiTableContainer-root,.print-hsn-table .MuiPaper-root{border:none!important;box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.print-table-header{background-color:transparent}.print-header-cell{padding:0!important;border:none!important;font-family:var(--print-font-primary)!important;font-size:var(--print-font-size-xl)!important;font-weight:600!important;text-align:left!important;color:var(--print-color-black)!important;margin:0!important;white-space:nowrap!important}.print-header-cell.MuiTableCell-root,.print-header-cell.MuiTableCell-head{padding:0!important;font-size:var(--print-font-size-xl)!important;border:none!important}.print-table-row{border-top:1px solid var(--print-border-color)!important;border-bottom:1px solid var(--print-border-color)!important;border-left:none!important;border-right:none!important}.print-table-row.MuiTableRow-root{border-top:1px solid var(--print-border-color)!important;border-bottom:1px solid var(--print-border-color)!important}.print-table-cell{padding:0!important;border:none!important;font-family:var(--print-font-primary)!important;font-size:var(--print-font-size-xl)!important;font-weight:400!important;text-align:left!important;color:var(--print-color-black)!important;margin:0!important}.print-col-qty.print-header-cell,.print-col-rate.print-header-cell,.print-col-gst.print-header-cell,.print-col-amount.print-header-cell,.print-col-qty.print-table-cell,.print-col-rate.print-table-cell,.print-col-gst.print-table-cell,.print-col-amount.print-table-cell,.print-col-qty.MuiTableCell-root,.print-col-rate.MuiTableCell-root,.print-col-gst.MuiTableCell-root,.print-col-amount.MuiTableCell-root{text-align:right!important}.print-table-cell.MuiTableCell-root,.print-table-cell.MuiTableCell-body{padding:0!important;font-size:var(--print-font-size-xl)!important;border:none!important}.print-col-srno{width:4ch!important;min-width:4ch!important;max-width:4ch!important}.print-col-hsn,.print-col-po{width:12ch!important;min-width:12ch!important;max-width:12ch!important}.print-col-partno{width:16ch!important;min-width:16ch!important;max-width:16ch!important}.print-col-description{width:auto!important;min-width:0!important}.print-col-qty{width:4ch!important;min-width:4ch!important;max-width:4ch!important}.print-col-rate{width:10ch!important;min-width:10ch!important;max-width:10ch!important}.print-col-gst{width:6ch!important;min-width:6ch!important;max-width:6ch!important}.print-col-amount{width:11ch!important;min-width:11ch!important;max-width:11ch!important}.print-col-hsn-code{width:9ch!important;min-width:9ch!important;max-width:9ch!important}.print-col-hsn-qty{width:3ch!important;min-width:3ch!important;max-width:3ch!important}.print-col-hsn-taxable,.print-col-hsn-cgst-pct,.print-col-hsn-cgst,.print-col-hsn-sgst-pct,.print-col-hsn-sgst,.print-col-hsn-igst-pct,.print-col-hsn-igst,.print-col-hsn-total{width:calc((100% - 12ch)/8)!important;min-width:0!important;max-width:none!important}.print-col-hsn-qty.print-header-cell,.print-col-hsn-taxable.print-header-cell,.print-col-hsn-cgst-pct.print-header-cell,.print-col-hsn-cgst.print-header-cell,.print-col-hsn-sgst-pct.print-header-cell,.print-col-hsn-sgst.print-header-cell,.print-col-hsn-igst-pct.print-header-cell,.print-col-hsn-igst.print-header-cell,.print-col-hsn-total.print-header-cell,.print-col-hsn-qty.print-table-cell,.print-col-hsn-taxable.print-table-cell,.print-col-hsn-cgst-pct.print-table-cell,.print-col-hsn-cgst.print-table-cell,.print-col-hsn-sgst-pct.print-table-cell,.print-col-hsn-sgst.print-table-cell,.print-col-hsn-igst-pct.print-table-cell,.print-col-hsn-igst.print-table-cell,.print-col-hsn-total.print-table-cell,.print-col-hsn-qty.MuiTableCell-root,.print-col-hsn-taxable.MuiTableCell-root,.print-col-hsn-cgst-pct.MuiTableCell-root,.print-col-hsn-cgst.MuiTableCell-root,.print-col-hsn-sgst-pct.MuiTableCell-root,.print-col-hsn-sgst.MuiTableCell-root,.print-col-hsn-igst-pct.MuiTableCell-root,.print-col-hsn-igst.MuiTableCell-root,.print-col-hsn-total.MuiTableCell-root{text-align:right!important}.print-business-description.MuiTypography-root,.print-factory-address.MuiTypography-root,.print-customer-name.MuiTypography-root,.print-customer-address.MuiTypography-root,.print-customer-gst.MuiTypography-root,.print-meta-label.MuiTypography-root,.print-meta-value.MuiTypography-root{margin:0!important;padding:0!important}.print-document-title.MuiTypography-root{margin:0!important;padding:0!important;font-size:var(--print-font-size-md)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.03125rem!important}.print-business-description.MuiTypography-root{font-size:var(--print-font-size-address)!important;font-weight:300!important;line-height:1.3!important}.print-factory-address.MuiTypography-root{font-size:var(--print-font-size-address)!important;font-weight:400!important;line-height:1.3!important}.print-customer-name.MuiTypography-root{font-size:var(--print-font-size-details)!important;font-weight:700!important;line-height:1.3!important}.print-customer-address.MuiTypography-root,.print-customer-gst.MuiTypography-root{font-size:var(--print-font-size-address)!important;font-weight:400!important;line-height:1.3!important}.print-meta-label.MuiTypography-root{font-size:var(--print-font-size-address)!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap!important}.print-meta-value.MuiTypography-root{font-size:var(--print-font-size-details)!important;font-weight:600!important;line-height:1.3!important}.print-company-name.MuiTypography-root{margin:0!important;padding:0!important;font-size:2.109375rem!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.125rem!important}.print-contact-number.MuiTypography-root{margin:0!important;padding:0!important;font-size:var(--print-font-size-xs)!important;white-space:nowrap!important;line-height:1.3!important;width:100%!important;max-width:100%!important;overflow:visible!important;display:block!important;text-align:right!important}.print-top-section,.print-header,.print-products,.print-hsn-summary-section{height:auto}.print-a4-container .MuiTableRow-root{border-top:1px solid #000!important;border-bottom:1px solid #000!important}.print-a4-container .MuiTypography-root{margin:0!important;padding:0!important}.print-bottom-section{height:var(--print-bottom-height);flex-shrink:0;border-top:none;display:flex;flex-direction:column}.print-footer{height:100%;display:grid;grid-template-columns:2fr 1px 1fr;gap:0;align-items:stretch}.print-footer-left{display:flex;flex-direction:column;gap:0;justify-content:space-between;height:100%;margin-left:0;border-right:1px solid var(--print-border-color)}.print-footer-right{display:flex;flex-direction:column;gap:0;height:100%;justify-content:space-between}.print-vertical-separator{width:1px;background-color:transparent;height:100%;flex-shrink:0}.print-amount-words{display:flex;flex-direction:row;gap:0;align-items:baseline}.print-amount-label{font-family:var(--print-font-primary);font-size:var(--print-font-size-address);font-weight:500;margin:0;color:var(--print-color-black)}.print-amount-text{font-family:var(--print-font-primary);font-size:var(--print-font-size-address);font-weight:600;margin:0;color:var(--print-color-black)}.print-section-divider{margin:0;border-color:transparent;display:none}.print-payment-info{display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--print-border-color)}.print-payment-item{font-family:var(--print-font-primary);font-size:var(--print-font-size-address);font-weight:600;margin:0;color:var(--print-color-black)}.print-terms-conditions{display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--print-border-color)}.print-terms-title{font-family:var(--print-font-primary);font-size:var(--print-font-size-xs);font-weight:600;margin:0;color:var(--print-color-black)}.print-terms-item{font-family:var(--print-font-primary);font-size:var(--print-font-size-xs);font-weight:400;margin:0;padding-left:1rem;color:var(--print-color-black)}.print-legal-declaration{margin-top:0}.print-declaration-text{font-family:var(--print-font-primary);font-size:var(--print-font-size-xs);font-weight:400;font-style:italic;margin:0;color:var(--print-color-black)}.print-financial-summary-table{height:3.125rem;font-size:var(--print-font-size-base);border:none;border-radius:0!important}.print-financial-summary-table.MuiPaper-root,.print-financial-summary-table.MuiTableContainer-root,.print-financial-summary-table .MuiTableContainer-root,.print-financial-summary-table .MuiPaper-root{border:none!important;box-shadow:none!important;border-radius:0!important}.print-summary-label{padding:0!important;border:none!important;font-family:var(--print-font-primary)!important;font-size:var(--print-font-size-2xl)!important;font-weight:500!important;text-align:left!important;color:var(--print-color-black)!important;margin:0!important}.print-summary-label.MuiTableCell-root{padding:0!important;font-size:var(--print-font-size-2xl)!important;border:none!important}.print-summary-value{padding:0!important;border:none!important;font-family:var(--print-font-primary)!important;font-size:var(--print-font-size-2xl)!important;font-weight:400!important;text-align:right!important;color:var(--print-color-black)!important;margin:0!important}.print-summary-value.MuiTableCell-root{padding:0!important;font-size:var(--print-font-size-2xl)!important;border:none!important}.print-net-amount-row,.print-net-amount-row.MuiTableRow-root{border-top:1px solid var(--print-border-color)!important;border-bottom:1px solid var(--print-border-color)!important}.print-net-amount-label{padding:0!important;border:none!important;font-family:var(--print-font-primary)!important;font-size:var(--print-font-size-2xl)!important;font-weight:700!important;text-align:left!important;color:var(--print-color-black)!important;margin:0!important}.print-net-amount-label.MuiTableCell-root{padding:0!important;font-size:var(--print-font-size-2xl)!important;border:none!important}.print-net-amount-value{padding:0!important;border:none!important;font-family:var(--print-font-primary)!important;font-size:var(--print-font-size-2xl)!important;font-weight:700!important;text-align:right!important;color:var(--print-color-black)!important;margin:0!important}.print-net-amount-value.MuiTableCell-root{padding:0!important;font-size:var(--print-font-size-2xl)!important;border:none!important}.print-signature-area{height:1.25rem;display:flex;flex-direction:column;align-items:center;gap:0;margin-top:0}.print-signature-company{font-family:var(--print-font-primary);font-size:var(--print-font-size-base);font-weight:600;margin:0;color:var(--print-color-black)}.print-signature-spacer{height:1.75rem;width:100%;flex-shrink:0}.print-signature-title{font-family:var(--print-font-primary);font-size:var(--print-font-size-base);font-weight:300;margin:0;color:var(--print-color-black)}.print-amount-label.MuiTypography-root,.print-amount-text.MuiTypography-root,.print-payment-item.MuiTypography-root,.print-terms-title.MuiTypography-root,.print-terms-item.MuiTypography-root,.print-declaration-text.MuiTypography-root,.print-signature-company.MuiTypography-root,.print-signature-title.MuiTypography-root{margin:0!important;padding:0!important}.print-signature-company.MuiTypography-root{font-weight:600!important}.print-signature-title.MuiTypography-root{font-weight:300!important}.print-footer-left .print-amount-label,.print-footer-left .print-amount-label.MuiTypography-root,.print-footer-left .print-amount-text,.print-footer-left .print-amount-text.MuiTypography-root{font-size:var(--print-font-size-address)!important}.print-footer-left .print-amount-text,.print-footer-left .print-amount-text.MuiTypography-root{font-weight:600!important}.print-footer-left .print-payment-item,.print-footer-left .print-payment-item.MuiTypography-root{font-size:var(--print-font-size-address)!important;font-weight:600!important}.print-footer-left .print-terms-title,.print-footer-left .print-terms-title.MuiTypography-root{font-size:var(--print-font-size-xs)!important}.print-footer-left .print-terms-item,.print-footer-left .print-terms-item.MuiTypography-root{font-size:var(--print-font-size-xs)!important;padding-left:1rem!important}.print-footer-left .print-declaration-text,.print-footer-left .print-declaration-text.MuiTypography-root{font-size:var(--print-font-size-xs)!important;font-style:italic!important}.print-bottom-section,.print-footer,.print-financial-summary-table,.print-signature-area{height:auto}.print-footer .MuiTableCell-root{padding:0!important}.print-footer .MuiTypography-root{margin:0!important;padding:0!important}:root{--print-a4-page-width: 210mm;--print-a4-page-height: 297mm;--print-container-border: 2px;--print-container-padding: 5px;--print-container-margin: 5px;--print-a4-width: calc(var(--print-a4-page-width) - (var(--print-container-margin) * 2));--print-a4-height: calc(var(--print-a4-page-height) - (var(--print-container-margin) * 2));--print-content-width: calc( var(--print-a4-width) - (var(--print-container-border) * 2) - (var(--print-container-padding) * 2) );--print-content-height: calc( var(--print-a4-height) - (var(--print-container-border) * 2) - (var(--print-container-padding) * 2) );--print-header-height: 1rem;--print-bottom-height: 3rem;--print-total-available-rows: 50;--print-available-space: calc( var(--print-content-height) - var(--print-header-height) - var(--print-bottom-height) );--print-row-height: calc(var(--print-available-space) / var(--print-total-available-rows));--print-hsn-table-max-rows: 5;--print-margin: 0;--print-padding: 0;--print-gap: .0625rem;--print-font-primary: "Prompt", "Arial", sans-serif;--print-font-brand: "Prompt", "Arial", sans-serif;--print-font-size-xs: .625rem;--print-font-size-sm: .6875rem;--print-font-size-base: .75rem;--print-font-size-md: .75rem;--print-font-size-address: .75rem;--print-font-size-details: .75rem;--print-font-size-lg: .75rem;--print-font-size-xl: .8125rem;--print-font-size-table: .75rem;--print-font-size-2xl: .875rem;--print-font-size-3xl: .875rem;--print-font-size-4xl: .875rem;--print-font-size-5xl: 1.40625rem;--print-font-size-6xl: 1.96875rem;--print-font-size-title: .875rem;--print-color-black: #000;--print-color-gray: #333;--print-color-light-gray: #ddd;--print-color-white: #fff;--print-border-width: 1px;--print-border-color: var(--print-color-black);--print-border-light: var(--print-color-light-gray);--print-line-height-tight: 1.1;--print-line-height-normal: 1.2;--print-line-height-relaxed: 1.3;--print-line-height-loose: 1.4;--print-font-weight-normal: 400;--print-font-weight-medium: 500;--print-font-weight-semibold: 600;--print-font-weight-bold: 700}.print-page-container{padding:0;background-color:#f5f5f5;min-height:100vh}.print-a4-container{width:var(--print-a4-width);height:auto;margin:var(--print-container-margin) auto;padding:var(--print-container-padding)!important;background:var(--print-color-white);border:var(--print-container-border) solid #000;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;box-sizing:border-box}.print-controls{display:flex;justify-content:center;margin-bottom:0;padding:.9375rem;background:var(--print-color-white);border-radius:.5rem;box-shadow:0 .125rem .25rem #0000001a}.print-no-print{display:block}.print-a4-container .MuiTableRow-root:not(:first-child){border-top:1px solid var(--print-border-color)!important;border-bottom:1px solid var(--print-border-color)!important}.print-company-row{overflow:hidden!important;width:100%!important}.print-company-row>*{overflow:hidden!important;min-width:0}.print-contact-section{overflow:hidden!important;padding-left:0!important;padding-right:.125rem!important;width:100%!important;max-width:100%!important}.print-contact-number{overflow:hidden!important;white-space:nowrap!important;max-width:100%!important;width:100%!important;font-size:var(--print-font-size-xs)!important;text-align:right!important}.print-header,.print-bottom-section{height:auto!important}.print-a4-container .MuiTableCell-root{padding:0!important}.print-a4-container .print-products-table,.print-a4-container .print-hsn-table,.print-a4-container .print-financial-summary-table,.print-a4-container .MuiPaper-root.print-products-table,.print-a4-container .MuiPaper-root.print-hsn-table,.print-a4-container .MuiPaper-root.print-financial-summary-table,.print-a4-container .MuiTableContainer-root.print-products-table,.print-a4-container .MuiTableContainer-root.print-hsn-table,.print-a4-container .MuiTableContainer-root.print-financial-summary-table{border-radius:0!important}.print-a4-container .print-table-cell,.print-a4-container .print-header-cell{font-size:var(--print-font-size-xl)!important}.print-a4-container .MuiTableRow-root:not(:first-child){border-top:1px solid #000!important;border-bottom:1px solid #000!important}.print-a4-container .MuiTypography-root,.print-a4-container .MuiBox-root{margin:0!important;padding:0!important}@media print{.print-no-print{display:none!important}.print-page-container{min-height:auto!important;height:auto!important}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4;margin:0}.print-a4-container{padding:var(--print-container-padding)!important;margin:var(--print-container-margin) auto!important;border-width:var(--print-container-border)!important;page-break-after:avoid!important;page-break-inside:avoid!important}.print-a4-container table,.print-a4-container .MuiTableContainer-root,.print-a4-container .MuiPaper-root,.print-a4-container .MuiTable-root,.print-a4-container .print-products-table,.print-a4-container .print-hsn-table,.print-a4-container .print-financial-summary-table,.print-a4-container .MuiPaper-root.MuiTableContainer-root,.print-a4-container .MuiTableContainer-root.MuiPaper-root{border-radius:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid!important}table{page-break-inside:auto!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}.print-bottom-section,.print-a4-container{margin-bottom:0!important;padding-bottom:0!important}}.test-calculations{--test-a4-width: 210mm;--test-a4-height: 297mm;--test-header-height: 2.5rem;--test-bottom-height: 7.3rem;--test-total-available-rows: 25;--test-available-space: calc(var(--test-a4-height) - var(--test-header-height) - var(--test-bottom-height));--test-row-height: calc(var(--test-available-space) / var(--test-total-available-rows));width:var(--test-a4-width);height:var(--test-a4-height);background:#fff;border:1px solid #000;margin:20px auto;position:relative}.test-calculations:before{content:"A4: " attr(data-a4-height) " | Available: " attr(data-available) " | Row Height: " attr(data-row-height);position:absolute;top:-25px;left:0;font-size:12px;color:#666}.test-header{height:var(--test-header-height);background:#f0f0f0;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.test-content{height:var(--test-available-space);background:#f9f9f9;display:flex;flex-direction:column}.test-main-table{flex:1;background:#e8f4f8;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:12px}.test-hsn-table{height:calc(5 * var(--test-row-height));background:#fff2e8;display:flex;align-items:center;justify-content:center;font-size:12px}.test-footer{height:var(--test-bottom-height);background:#f0f0f0;border-top:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}:root{--font-primary: "Arial", sans-serif;--font-brand: "Times New Roman", serif;--font-size-xs: 6pt;--font-size-sm: 7pt;--font-size-base: 8pt;--font-size-md: 8.5pt;--font-size-lg: 9pt;--font-size-xl: 10pt;--font-size-2xl: 12pt;--font-size-3xl: 16pt;--font-size-4xl: 20pt;--font-size-5xl: 24pt;--font-size-6xl: 28pt;--line-height-tight: 1.1;--line-height-normal: 1.2;--line-height-relaxed: 1.3;--line-height-loose: 1.4;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800}.font-primary{font-family:var(--font-primary)}.font-brand{font-family:var(--font-brand)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}@media print{*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4;margin:0}.no-print,.print-controls,.MuiAppBar-root,.MuiDrawer-root,.MuiFab-root,.MuiSpeedDial-root,nav,header:not(.invoice-header),footer:not(.invoice-footer),.sidebar,.navigation,.breadcrumbs,.pagination,.actions-bar,.bulk-actions{display:none!important}body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important}.invoice-print-container{border:1px solid #000!important;margin:5px!important;padding:5px!important;width:calc(100% - 10px)!important;min-height:calc(100vh - 10px)!important;box-sizing:border-box!important}.invoice-print-container *,.invoice-print-container *:before,.invoice-print-container *:after{border-radius:0!important}.page-break-before{page-break-before:always!important}.page-break-after{page-break-after:always!important}.page-break-inside-avoid{page-break-inside:avoid!important}h1,h2,h3,h4,h5,h6{color:#000!important;page-break-after:avoid!important}p,div,span{color:#000!important}table{border-collapse:collapse!important;width:100%!important;page-break-inside:auto!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}a{color:#000!important;text-decoration:none!important}a[href]:after{content:" (" attr(href) ")"!important;font-size:8.5pt!important}img{max-width:100%!important;height:auto!important}.invoice-print-container{max-width:none!important;margin:0!important;padding:0!important;box-shadow:none!important;border:none!important;background:#fff!important}.invoice-header{page-break-inside:avoid!important;margin-bottom:0!important}.invoice-products{page-break-inside:auto!important;margin-bottom:0!important}.invoice-footer{page-break-inside:avoid!important;margin-top:0!important}.company-details-row,.address-row,.invoice-details-blocks{page-break-inside:avoid!important}.products-table-section{page-break-inside:auto!important}.hsn-summary-section,.footer-content{page-break-inside:avoid!important}.company-name{color:#000!important}.document-title{color:#000!important;text-transform:uppercase!important}.detail-card{border:1px solid #ccc!important;background:#fff!important;page-break-inside:avoid!important}.detail-title{color:#000!important}.products-table,.hsn-table,.financial-summary-table{border:none!important}.table-header{background-color:transparent!important;font-weight:700!important}.header-cell,.table-cell,.summary-label,.summary-value,.net-amount-label,.net-amount-value{border:none!important;padding:0!important;vertical-align:top!important;color:#000!important}.final-total-row{border-top:none!important;background-color:transparent!important}.final-total-label,.final-total-value{font-weight:700!important;font-size:8.5pt!important}.company-address,.company-contact,.company-tax,.detail-content,.product-name,.product-code,.total-label,.total-value,.notes-content,.footer-text,.contact-number,.business-description,.factory-address,.customer-name,.customer-address,.customer-gst,.meta-label,.meta-value,.amount-label,.amount-text,.payment-item,.terms-title,.terms-item,.declaration-text,.signature-company,.signature-title{color:#000!important}.MuiPaper-root,.MuiCard-root,.MuiTableContainer-root{background:#fff!important;box-shadow:none!important;border:none!important}.print-header-cell,.print-table-cell,.print-summary-label,.print-summary-value,.print-net-amount-label,.print-net-amount-value{border:none!important}.print-a4-container{border:var(--print-container-border, 2px) solid #000!important;padding:var(--print-container-padding, 5px)!important;margin:var(--print-container-margin, 5px) auto!important}.print-a4-container table,.print-a4-container .MuiTableContainer-root,.print-a4-container .MuiPaper-root,.print-a4-container .MuiTable-root,.print-a4-container .print-products-table,.print-a4-container .print-hsn-table,.print-a4-container .print-financial-summary-table,.print-a4-container .MuiPaper-root.MuiTableContainer-root,.print-a4-container .MuiTableContainer-root.MuiPaper-root{border-radius:0!important}}@media screen{.print-only{display:none!important}}@media print{.screen-only{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;min-height:100vh;transition:background-color .2s ease,color .2s ease}body[data-theme=dark]{background-color:#0f172a;color:#f1f5f9}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b}body[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}body[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}*:focus{outline:2px solid #1976d2;outline-offset:2px}::selection{background:#1976d2;color:#fff}::-moz-selection{background:#1976d2;color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff!important;color:#000!important}*{box-shadow:none!important}}@media (max-width: 600px){.mobile-hidden{display:none!important}.mobile-full{width:100%!important}}@media (min-width: 601px){.desktop-hidden{display:none!important}}