body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.professional-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:440px;overflow:hidden;padding:48px;position:relative;width:100%}.login-container:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:6px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:40px;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;font-size:32px;font-weight:800;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.login-title{color:#1a202c;font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 8px}.login-subtitle{color:#718096;font-size:1.1rem;font-weight:500;margin:0}.login-form{gap:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#4a5568;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1a202c;font-size:1rem;font-weight:500;outline:none;padding:16px 20px;transition:all .2s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#a0aec0}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:8px;padding:16px 24px;transition:all .3s ease}.login-button:hover{box-shadow:0 8px 32px #667eea66;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{box-shadow:0 4px 20px #667eea33;cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px;text-align:center}.register-link{color:#667eea;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease}.register-link:hover{color:#764ba2;text-decoration:underline}.error-message{animation:shake .5s ease-in-out;background:#f565651a;border:1px solid #f5656533;color:#c53030;font-size:.875rem;font-weight:500;margin-bottom:16px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.success-message{background:#48bb781a;border:1px solid #48bb7833;border-radius:8px;color:#2f855a;font-size:.875rem;font-weight:500;margin-bottom:16px;padding:12px 16px}.loading-spinner{border:2px solid #ffffff4d;display:inline-block;height:20px;margin-right:8px;width:20px}.register-container{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;width:100%}.register-header{margin-bottom:30px;text-align:center}.register-header h1{color:#2c3e50;font-size:2.2rem;margin-bottom:8px}.register-header p{color:#7f8c8d;font-size:1.1rem;margin-bottom:25px}.step-indicator{gap:10px;margin-bottom:20px;position:relative}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:#e9ecef;border-radius:50%;color:#6c757d;font-weight:700;height:40px;width:40px;z-index:1}.step.active{background:#28a745;color:#fff}.step-line{background:#e9ecef;height:2px;left:50%;position:absolute;top:50%;transform:translateX(-50%);width:60px;z-index:0}.error-message{background:#fee;border-left:4px solid #d63384;border-radius:8px;color:#d63384;padding:12px}.error-message,.register-form{margin-bottom:20px}.form-step h3{color:#2c3e50;font-size:1.4rem;margin-bottom:25px;text-align:center}.form-group label{color:#2c3e50;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#28a745;outline:none}.form-group textarea{min-height:80px;resize:vertical}.info-box{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;margin:20px 0;padding:20px}.info-box h4{color:#155724;margin-bottom:10px}.info-box ul{color:#155724;margin:0;padding-left:20px}.info-box li{margin-bottom:5px}.form-actions{display:flex;gap:15px;justify-content:space-between;margin-top:30px}.btn-primary,.btn-secondary{border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s ease}.btn-primary{background:#28a745;border:none;color:#fff}.btn-primary:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:#0000;border:2px solid #e9ecef;color:#6c757d}.btn-secondary:hover{background:#f8f9fa;border-color:#dee2e6}@media (max-width:768px){.register-card{padding:30px 20px}.register-header h1{font-size:1.8rem}.form-actions{flex-direction:column}.step-indicator{gap:8px}.step{height:35px;width:35px}.step-line{width:50px}}.success-container{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:700px;padding:40px;width:100%}.success-header{margin-bottom:40px;text-align:center}.success-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:15px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-header h1{color:#28a745;font-size:2.5rem;margin-bottom:10px}.success-header p{color:#7f8c8d;font-size:1.2rem}.access-info,.company-details,.next-steps{background:#f8f9fa;border-left:5px solid #28a745;border-radius:12px;margin-bottom:30px;padding:25px}.access-info h3,.company-details h3,.next-steps h3{color:#2c3e50;font-size:1.3rem;margin-bottom:20px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{border-bottom:1px solid #e9ecef;justify-content:space-between;padding:10px 0}.detail-label{color:#495057;font-weight:600}.detail-value{color:#2c3e50;font-weight:500}.detail-value.highlight{background:#fff3cd;border-radius:4px;color:#856404;font-family:Courier New,monospace;font-weight:700;padding:4px 8px}.access-url{background:#2c3e50;border-radius:8px;color:#ecf0f1;margin:15px 0;padding:15px;text-align:center}.access-url code{font-size:1.1rem;font-weight:700}.access-info p{color:#6c757d;font-style:italic;text-align:center}.steps-list{grid-gap:15px;display:grid;gap:15px}.step-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:15px;padding:15px}.step-item,.step-number{align-items:center;display:flex}.step-number{background:#28a745;border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.important-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:30px;padding:20px}.important-note h4{color:#856404;margin-bottom:10px}.important-note p{color:#856404;margin-bottom:8px}.action-buttons{text-align:center}.proceed-btn{background:#28a745;border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.proceed-btn:hover{background:#218838;box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}@media (max-width:768px){.success-card{padding:30px 20px}.success-header h1{font-size:2rem}.detail-grid{grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}.step-item{flex-direction:column;text-align:center}.access-info,.company-details,.next-steps{padding:20px}}.compact-dashboard{background:#f8fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;overflow:hidden}.loading-overlay{align-items:center;background:#f8fafce6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-content{color:#64748b;text-align:center}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;height:32px;margin:0 auto 12px;width:32px}.dashboard-header{background:#fff;border-bottom:1px solid #e2e8f0;height:60px;justify-content:space-between;padding:0 24px;position:relative;z-index:100}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.sidebar-toggle{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:16px;height:36px;transition:all .2s;width:36px}.sidebar-toggle:hover{background:#e2e8f0;color:#374151}.company-brand{align-items:center;display:flex;gap:12px}.company-initial{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.company-text h1{color:#0f172a;font-size:18px;font-weight:700;line-height:1.2;margin:0}.company-text span{color:#64748b;font-size:12px;font-weight:500}.header-center{flex:1 1;margin:0 24px;max-width:400px}.search-bar{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;padding:0 12px}.search-bar input{background:none;border:none;color:#374151;flex:1 1;font-size:14px;outline:none;padding:10px}.search-bar input::placeholder{color:#9ca3af}.search-bar button{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:4px}.header-actions,.header-right{align-items:center;display:flex}.header-actions{gap:8px}.action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.action-btn:hover{background:#e2e8f0}.user-profile{align-items:center;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-left:12px;padding:6px 12px;transition:all .2s}.user-profile:hover{background:#e2e8f0}.user-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;font-size:12px;font-weight:600;height:28px;width:28px}.user-profile span{color:#374151;font-size:14px;font-weight:500}.dashboard-body{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;width:240px}.sidebar.collapsed{width:60px}.sidebar-nav{padding:16px 0}.nav-section{padding:0 16px}.nav-item{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 12px;transition:all .2s}.nav-item:hover{background:#f1f5f9;color:#374151}.nav-item.active{background:#eff6ff;border-left:3px solid #2563eb;color:#2563eb;margin-left:-16px;padding-left:25px}.nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.nav-text{transition:opacity .3s ease}.sidebar.collapsed .nav-text{opacity:0;overflow:hidden;width:0}.main-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:24px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s}.stat-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a}.stat-icon{border-radius:8px;flex-shrink:0;font-size:18px;height:40px;width:40px}.stat-icon.revenue{background:#f0f9ff;color:#0ea5e9}.stat-icon.profit{background:#f0fdf4;color:#10b981}.stat-icon.batches{background:#fef3f2;color:#ef4444}.stat-icon.expenses{background:#fefbeb;color:#f59e0b}.stat-content{flex:1 1;min-width:0}.stat-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:2px}.stat-value{color:#0f172a;font-size:18px;margin-bottom:2px}.stat-change{font-size:12px;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change.neutral{color:#64748b}.content-grid{grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.card-header h3{color:#0f172a;font-size:16px;font-weight:600;margin:0}.btn-secondary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-secondary:hover{background:#2563eb}.btn-link{background:none;border:none;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:6px 8px;transition:all .2s}.btn-link:hover{color:#374151}.card-content{padding:0}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{color:#374151;padding:12px 16px}.data-table td{border-bottom:1px solid #f1f5f9}.table-row{transition:all .2s}.batch-code{background:#eff6ff;border-radius:4px;color:#3b82f6;display:inline-block;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;padding:2px 6px}.status-dot{border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.amount{color:#0f172a;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;font-weight:600;text-align:right}.activity-list{padding:16px 20px}.activity-item{align-items:center;border-bottom:1px solid #f1f5f9;gap:12px;padding:10px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.activity-content{min-width:0}.activity-title{color:#374151;font-size:13px;font-weight:500}.activity-date{color:#64748b;font-size:11px}.activity-amount{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;font-weight:600}.activity-amount.positive{color:#10b981}.activity-amount.negative{color:#ef4444}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{padding:0 16px}.header-center{margin:0 16px}.main-content{padding:16px}.stats-row{gap:12px;grid-template-columns:1fr}.content-grid{gap:16px}.sidebar{box-shadow:4px 0 8px #0000001a;height:100%;left:-240px;position:absolute;z-index:200}.sidebar:not(.collapsed){left:0}}.empty-state{color:#64748b;padding:40px 20px}.empty-state h4{color:#374151;font-size:16px;margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:16px}.action-btn:focus,.btn-secondary:focus,.nav-item:focus,.sidebar-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:#f1f5f9}.main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal{border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px}.modal-header{border-bottom:1px solid #e2e8f0;padding:16px 20px}.modal-header h3{color:#0f172a;font-size:16px;font-weight:600;margin:0}.close-btn{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:18px;height:28px;width:28px}.close-btn:hover{background:#e2e8f0;color:#374151}.form-group{margin-bottom:16px}.form-group label{color:#374151;font-size:13px;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:16px;gap:16px}.form-summary{background:#f0f9ff;border-radius:6px;color:#0ea5e9;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.modal-actions{border-top:1px solid #f1f5f9;gap:12px;padding-top:16px}.modal-actions button{border-radius:6px;font-size:13px;padding:8px 16px}.modal-actions button[type=button]{background:#fff;border:1px solid #d1d5db;color:#374151}.modal-actions button[type=button]:hover{background:#f9fafb;border-color:#9ca3af}.view-content{padding:24px 0}.view-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.view-header h2{color:#0f172a;font-size:20px;font-weight:600;margin:0}.view-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:40px;text-align:center}.view-placeholder h3{color:#374151;font-size:18px;margin:0 0 12px}.view-placeholder p{color:#64748b;line-height:1.5;margin:8px 0}.sample-indicator{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:16px;padding:8px 12px}.sample-indicator:before{content:"⚠️";font-size:14px}@media (max-width:768px){.modal{margin:20px;max-width:95%}.form-row{grid-template-columns:1fr}.modal-content{padding:16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.nav-item{position:relative}.nav-item.active:after{background:#2563eb;border-radius:2px;content:"";height:20px;position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:3px}.table-row{cursor:pointer}.table-row:hover{background:#f8fafc}.activity-item{border-radius:6px;cursor:pointer;margin:0 -12px;padding:10px 12px;transition:all .2s}.activity-item:hover{background:#f8fafc}.card-actions{align-items:center;display:flex;gap:8px}.card-actions .btn-link,.card-actions .btn-secondary{white-space:nowrap}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-item:focus-visible{border-radius:6px;outline:2px solid #3b82f6;outline-offset:2px}.modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sample-data-card{background:#fffbeb;border-left:4px solid #fbbf24}.sample-data-card .card-header{background:#fef3c7}.status-dot{box-shadow:0 0 0 2px #fff,0 0 0 3px currentColor}.form-group input:invalid{border-color:#ef4444}.form-group input:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.action-btn:focus,.btn-link:focus,.btn-secondary:focus{outline:2px solid #3b82f6;outline-offset:2px}.view-details-btn.compact{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.view-details-btn.compact:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.view-details-btn.compact:active{box-shadow:0 2px 4px #667eea33;transform:translateY(0)}.data-table td:last-child,.data-table th:last-child{text-align:center;width:120px}.table-row td{vertical-align:middle}.clickable-row{cursor:pointer!important;transition:all .2s ease}.clickable-row:hover{background-color:#f8fafc!important;box-shadow:0 2px 4px #667eea1a;transform:translateX(2px)}.clickable-row:hover .batch-code{color:#667eea;font-weight:600}.clickable-row:active{background-color:#f1f5f9!important;transform:translateX(1px)}.clickable-row:before{color:#667eea;content:"→";font-weight:700;left:-20px;opacity:0;position:absolute;transition:all .3s ease}.clickable-row:hover:before{left:-15px;opacity:1}.data-table,.data-table tbody tr{position:relative}.table-subtitle{color:#64748b;font-size:.85rem;font-style:italic;margin:0}.card-header .table-subtitle{margin-top:4px}.batches-overview{padding:20px 0}.batches-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.batches-stats .stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.batches-stats .stat-number{color:#2563eb;display:block;font-size:2em;font-weight:700;margin-bottom:5px}.batches-stats .stat-label{color:#6b7280;display:block;font-size:.9em;font-weight:500}.batch-management-card{border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.batch-management-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000026}.batch-management-card .batch-header{align-items:center;border-bottom:1px solid #f3f4f6;margin-bottom:15px;padding-bottom:10px}.batch-management-card .batch-header h3{color:#1f2937;font-size:1.1em}.batch-management-card .status-badge{border-radius:20px;font-size:.8em;font-weight:600;padding:4px 12px;text-transform:uppercase}.batch-management-card .status-badge.active{background-color:#d1fae5;color:#065f46}.batch-management-card .status-badge.sold{background-color:#dbeafe;color:#1e40af}.batch-management-card .status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.batch-management-card .batch-details p{color:#4b5563;font-size:.9em}.batch-management-card .batch-details strong{color:#1f2937}.expenditure-breakdown{background:#f8f9fa;border-radius:8px;padding:20px}.breakdown-item{flex-direction:column;margin-bottom:15px;padding-bottom:10px}.breakdown-item:last-child{margin-bottom:0}.breakdown-header{align-items:center;display:flex;justify-content:space-between}.breakdown-title{color:#495057;font-weight:500}.breakdown-amount{color:#2563eb;font-weight:600}.breakdown-details{color:#6c757d;font-size:.9em;margin-top:5px}.breakdown-total{border-top:2px solid #dee2e6;margin-top:15px;padding-top:15px}.breakdown-total .breakdown-amount,.breakdown-total .breakdown-title{color:#212529;font-size:1.1em}.activity-timeline{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:15px;padding:15px}.activity-icon{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;font-size:1.2em;padding:8px}.activity-content{flex:1 1}.activity-title{color:#1f2937;font-weight:600;margin-bottom:2px}.activity-date{color:#6b7280;font-size:.85em;margin-bottom:4px}.activity-description{color:#4b5563;font-size:.9em}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.detail-item label{color:#4b5563}.detail-item span{color:#1f2937;font-weight:500}.batch-code-display,.count-display{color:#2563eb;font-family:monospace;font-size:1.1em;font-weight:700}.view-actions{display:flex;gap:10px}.view-actions .btn-secondary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.view-actions .btn-secondary:hover{background:#2563eb}@media (max-width:768px){.batches-grid{grid-template-columns:1fr}.batches-stats{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}}.production-stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.production-stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;gap:15px;padding:20px;transition:transform .2s ease}.production-stat-card:hover{transform:translateY(-2px)}.production-stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.production-stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.production-stat-card .stat-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:2em;height:60px;justify-content:center;padding:10px;width:60px}.production-stat-card .stat-content{flex:1 1}.production-stat-card .stat-content h4{font-size:.9em;font-weight:600;margin:0 0 5px;opacity:.9}.production-stat-card .stat-value{font-size:1.4em;font-weight:700;margin:5px 0}.production-stat-card small{font-size:.8em;opacity:.8}.financial-summary-cards{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.summary-card{border-left:4px solid #3b82f6;border-radius:12px;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 12px #00000026}.summary-card.cost{border-left-color:#ef4444}.summary-card.cost-per-bird{border-left-color:#f59e0b}.summary-card.revenue{border-left-color:#10b981}.summary-card.profit{border-left-color:#8b5cf6}.expenditures-tab,.financials-tab,.sales-tab,.treatments-tab{padding:20px}.tab-header{border-bottom:2px solid #f3f4f6}.tab-header h3{color:#1f2937;font-size:1.5em}.expenditures-summary,.financial-summary,.sales-summary,.treatments-summary{color:#6b7280;display:flex;font-size:.9em;gap:20px}.expenditures-summary span,.financial-summary span,.sales-summary span,.treatments-summary span{background:#f3f4f6;border-radius:20px;font-weight:500;padding:5px 12px}.financial-breakdown{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.financial-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.financial-section h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.1em;margin:0 0 15px;padding-bottom:10px}.cost-items,.revenue-items{display:flex;flex-direction:column;gap:10px}.cost-item,.revenue-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.cost-item.total,.revenue-item.total{border-bottom:none;border-top:2px solid #e5e7eb;font-size:1.05em;margin-top:10px;padding-top:15px}.expenditures-table,.sales-table,.treatments-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.expenditures-table td,.expenditures-table th,.sales-table td,.sales-table th,.treatments-table td,.treatments-table th{border-bottom:1px solid #f3f4f6;padding:12px 15px}.expenditures-table th,.sales-table th,.treatments-table th{color:#4b5563;font-size:.9em}.expenditures-table .amount,.sales-table .amount,.treatments-table .amount{color:#1f2937}.no-data{color:#6b7280;padding:40px 20px}.no-data p{margin-bottom:10px}.no-data small{color:#9ca3af}@media (max-width:768px){.financial-breakdown,.financial-summary-cards,.production-stats-cards{grid-template-columns:1fr}.expenditures-summary,.financial-summary,.sales-summary,.treatments-summary{flex-direction:column;gap:10px}.expenditures-table,.sales-table,.treatments-table{overflow-x:auto}.expenditures-table table,.sales-table table,.treatments-table table{min-width:600px}}@media (max-width:480px){.production-stat-card{flex-direction:column;gap:10px;text-align:center}.production-stat-card .stat-icon{font-size:1.5em;height:50px;width:50px}}.professional-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.loading-screen{align-items:center;background:#f8fafc;display:flex;height:100vh;justify-content:center}.loading-animation{text-align:center}.spinner{animation:spin 1s linear infinite;border:6px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 20px;width:60px}.loading-animation h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 8px}.loading-animation p{color:#718096;font-size:1rem;margin:0}.dashboard-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #00000014;padding:0;position:sticky;top:0;z-index:1000}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 32px}.company-info,.navbar-content,.navbar-left{align-items:center;display:flex}.company-info{gap:16px}.company-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.company-details h2{color:#1a202c;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.company-subtitle{color:#718096;font-size:.875rem;font-weight:500}.navbar-center{display:flex;flex:1 1;justify-content:center}.nav-tabs{background:#667eea1a;border-radius:12px;display:flex;gap:4px;padding:4px}.nav-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:12px 24px;transition:all .2s ease}.nav-tab:hover{background:#667eea1a;color:#667eea}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.navbar-right{align-items:center;display:flex;gap:20px}.timeframe-selector{position:relative}.timeframe-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23718096'%3E%3Cpath d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 36px 8px 16px;transition:all .2s ease}.timeframe-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-menu{align-items:center;background:#667eea0d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.user-menu:hover{background:#667eea1a}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column;text-align:left}.user-name{color:#1a202c;font-size:.875rem;font-weight:600;line-height:1.2}.user-role{color:#718096;font-size:.75rem;font-weight:500}.dashboard-content{margin:0 auto;max-width:1400px;padding:32px}.welcome-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px}.welcome-content h1{color:#1a202c;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 8px}.welcome-content p{color:#718096;font-size:1.125rem;font-weight:500;margin:0}.quick-actions-trigger{position:relative}.quick-action-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:16px 24px;transition:all .3s ease}.quick-action-button:hover{box-shadow:0 8px 32px #667eea66;transform:translateY(-2px)}.quick-actions-dropdown{animation:fadeInUp .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 60px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#fff;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:12px;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f7fafc;color:#667eea}.item-icon{font-size:1.2rem}.metrics-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card.success:before{background:linear-gradient(135deg,#48bb78,#38a169)}.metric-card.info:before{background:linear-gradient(135deg,#4299e1,#3182ce)}.metric-card.warning:before{background:linear-gradient(135deg,#ed8936,#dd6b20)}.metric-card:hover{box-shadow:0 20px 60px #0000001f;transform:translateY(-4px)}.metric-header{justify-content:space-between;margin-bottom:20px}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{background:#667eea1a;border-radius:12px;color:#667eea;height:48px;justify-content:center;width:48px}.metric-card.success .metric-icon{background:#48bb781a;color:#48bb78}.metric-card.info .metric-icon{background:#4299e11a;color:#4299e1}.metric-card.warning .metric-icon{background:#ed89361a;color:#ed8936}.metric-trend{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px}.metric-trend.positive{background:#48bb781a;color:#48bb78}.metric-trend.negative{background:#f565651a;color:#f56565}.metric-badge{background:#667eea1a;border-radius:20px;color:#667eea;font-size:.75rem;font-weight:600;padding:6px 12px}.metric-content h3{color:#718096;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.metric-value{color:#1a202c;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px}.metric-subtitle{color:#a0aec0;font-size:.875rem;font-weight:500;margin:0}.content-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.content-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:24px 32px}.panel-header h3{color:#1a202c;font-size:1.25rem;font-weight:700;margin:0}.panel-action-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.panel-action-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.panel-content{padding:0}.batches-list{display:flex;flex-direction:column}.batch-item{align-items:center;border-bottom:1px solid #f7fafc;cursor:pointer;display:flex;justify-content:space-between;padding:24px 32px;transition:all .2s ease}.batch-item:last-child{border-bottom:none}.batch-item:hover{background:#f7fafc}.batch-info{flex:1 1}.batch-header{margin-bottom:12px}.batch-code{background:#667eea1a;border-radius:8px;color:#1a202c;font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace;font-size:1rem;font-weight:700;padding:6px 12px}.batch-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.status-active{background:#48bb781a;color:#48bb78}.status-inactive{background:#a0aec033;color:#718096}.status-sold{background:#4299e11a;color:#4299e1}.batch-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.detail-row{align-items:center;display:flex;gap:8px}.detail-label{color:#718096;font-size:.875rem;font-weight:500}.detail-value{color:#1a202c;font-size:.875rem;font-weight:600}.batch-arrow{color:#cbd5e0;transition:all .2s ease}.batch-item:hover .batch-arrow{color:#667eea;transform:translateX(4px)}.transactions-list{display:flex;flex-direction:column}.transaction-item{align-items:center;border-bottom:1px solid #f7fafc;display:flex;gap:16px;padding:20px 32px;transition:all .2s ease}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#f7fafc}.transaction-icon{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.transaction-icon.sale{background:#48bb781a}.transaction-icon.expenditure{background:#f565651a}.transaction-details{flex:1 1}.transaction-title{color:#1a202c;font-size:.875rem;font-weight:600;margin-bottom:4px}.transaction-meta{align-items:center;color:#718096;display:flex;font-size:.75rem;gap:8px}.batch-ref{color:#667eea;font-weight:500}.transaction-amount{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:.875rem;font-weight:700}.transaction-amount.positive{color:#48bb78}.transaction-amount.negative{color:#f56565}.empty-state{padding:60px 32px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state h4{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 8px}.empty-state p{color:#718096;font-size:.875rem;line-height:1.5;margin:0 auto 24px;max-width:280px}.empty-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.empty-action-btn:hover{box-shadow:0 4px 20px #667eea4d;transform:translateY(-1px)}.view-placeholder{align-items:center;display:flex;height:60vh;justify-content:center}.placeholder-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #00000014;max-width:400px;padding:40px;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:20px}.placeholder-content h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 12px}.placeholder-content p{color:#718096;line-height:1.6;margin:0 0 24px}.placeholder-btn{background:#667eea1a;border:2px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.placeholder-btn:hover{background:#667eea33;border-color:#667eea4d}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-content{padding:20px}.navbar-content{padding:16px 20px}.navbar-center{display:none}.welcome-section{flex-direction:column;gap:20px;padding:24px;text-align:center}.welcome-content h1{font-size:1.75rem}.metrics-grid{gap:16px;grid-template-columns:1fr}.metric-card{padding:24px}.metric-value{font-size:2rem}.batch-details{grid-template-columns:1fr}.panel-header{padding:20px 24px}.batch-item,.transaction-item{padding:16px 24px}}@media (max-width:480px){.company-info{gap:12px}.company-logo{height:40px;width:40px}.company-details h2{font-size:1.25rem}.user-menu{gap:8px;padding:6px 8px}.user-avatar{height:32px;width:32px}.welcome-content h1{font-size:1.5rem}.welcome-content p{font-size:1rem}}.App{background:#f8f9fa;min-height:100vh}.loading-spinner{border:5px solid #ffffff4d;height:50px;width:50px}.tenant-app{min-height:100vh}.tenant-header-bar{align-items:center;background:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:1000}.tenant-info{gap:15px}.tenant-info h2{font-size:1.4rem;font-weight:600;margin:0}.tenant-subdomain{background:#fff3;border-radius:20px;font-size:.9rem;font-weight:500;padding:4px 12px}.tenant-actions{display:flex;gap:10px}.btn-switch-tenant{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-switch-tenant:hover{background:#c0392b;transform:translateY(-1px)}.tenant-dashboard{max-width:1400px}.dashboard-welcome{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.dashboard-welcome h1{color:#2c3e50;font-size:2.2rem;margin-bottom:10px}.dashboard-welcome p{color:#7f8c8d;font-size:1.1rem}.tenant-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.tenant-stat-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px;text-align:center;transition:transform .3s ease}.tenant-stat-card:hover{transform:translateY(-5px)}.tenant-stat-card:nth-child(2){border-left-color:#2ecc71}.tenant-stat-card:nth-child(3){border-left-color:#f39c12}.tenant-stat-card:nth-child(4){border-left-color:#e74c3c}.tenant-stat-icon{font-size:2.5rem;margin-bottom:15px}.tenant-stat-value{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:5px}.tenant-stat-label{color:#7f8c8d;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase}.tenant-quick-actions{border-radius:12px;box-shadow:0 2px 10px #0000001a}.tenant-quick-actions h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);display:flex;font-size:1rem;gap:10px;justify-content:center;padding:20px;transition:all .3s ease}.quick-action-btn:hover{box-shadow:0 5px 15px #0003}.quick-action-btn:nth-child(2){background:linear-gradient(135deg,#2ecc71,#27ae60)}.quick-action-btn:nth-child(3){background:linear-gradient(135deg,#f39c12,#e67e22)}.quick-action-btn:nth-child(4){background:linear-gradient(135deg,#e74c3c,#c0392b)}@media (max-width:768px){.tenant-header-bar{flex-direction:column;gap:15px;padding:15px}.tenant-info{flex-direction:column;gap:10px;text-align:center}.tenant-dashboard{padding:15px}.dashboard-welcome{padding:20px}.dashboard-welcome h1{font-size:1.8rem}.quick-actions-grid,.tenant-stats-grid{grid-template-columns:1fr}}.tenant-theme-selector{background:#ffffff1a;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.tenant-theme-selector select{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:6px;color:#333;padding:8px 12px}.dashboard-tabs{gap:10px;padding:0 20px}.tab-btn{background:#fff;border:2px solid #e9ecef;color:#6c757d;font-weight:600;transition:all .3s ease}.tab-btn:hover{border-color:#3498db;color:#3498db}.tab-btn.active{background:#3498db;border-color:#3498db}.recent-batches{border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.recent-batches h2{font-size:1.5rem;margin-bottom:20px}.batch-card{border-radius:8px;transition:all .3s ease}.batch-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.batch-info h3{color:#2c3e50;font-size:1.2rem;margin:0 0 5px}.batch-type{color:#6c757d;font-size:.95rem}.batch-count{color:#3498db}.status-badge{font-size:.85rem;font-weight:700}.status-badge.sold{background:#d1ecf1;color:#0c5460}.batch-date{color:#6c757d;font-size:.85rem;margin:5px 0 0}.tab-content{border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:50px}.coming-soon h2{color:#2c3e50;font-size:2rem;margin-bottom:15px}.coming-soon p{color:#7f8c8d;font-size:1.1rem;margin-bottom:10px}.loading-container{text-align:center}.loading-container .loading-spinner{border-top-color:#3498db}.loading-container p{color:#6c757d;font-size:1.1rem}@media (max-width:768px){.dashboard-tabs{flex-wrap:wrap;padding:0 15px}.tab-btn{flex:1 1;min-width:calc(50% - 5px)}.batch-card{flex-direction:column;gap:15px}.batch-card,.batch-status{text-align:center}.tab-content{padding:30px 20px}.coming-soon h2{font-size:1.5rem}}.tenant-user{background:#ffffff26;border-radius:15px;font-size:.85rem;margin-left:10px;padding:4px 8px}.btn-logout{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-logout:hover{background:#c82333;transform:translateY(-1px)}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.app-loading .loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.tenant-info{gap:10px}.modal-overlay,.tenant-info{align-items:center;display:flex}.modal-overlay{background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.close-btn:hover{background:#f0f0f0;color:#333}.modal-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.modal-actions button{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.modal-actions button[type=submit]{background:#007bff;color:#fff}.modal-actions button[type=submit]:hover{background:#0056b3}.modal-actions button[type=submit]:disabled{background:#6c757d;cursor:not-allowed}.modal-actions button[type=button]{background:#6c757d;color:#fff}.modal-actions button[type=button]:hover{background:#545b62}.reports-list{grid-gap:15px;display:grid;gap:15px;margin-bottom:20px}.report-item{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px}.report-item h3{color:#333;margin:0 0 10px}.report-item p{color:#666;font-size:14px;margin:0 0 15px}.report-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s}.report-btn:hover{background:#218838}.no-batches{color:#666;padding:40px 20px}.no-batches p{font-size:16px;margin-bottom:20px}.quick-action-btn{border-radius:10px;box-shadow:0 4px 15px #0000001a;font-size:14px;font-weight:500;padding:15px 20px}.quick-action-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}@media (max-width:768px){.modal{max-height:90vh;width:95%}.modal-content,.modal-header{padding:15px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}}.tenant-dashboard{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-welcome{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.dashboard-welcome h1{font-size:2.2em;font-weight:600;margin:0 0 10px}.dashboard-welcome p{font-size:1.1em;margin:0;opacity:.9}.dashboard-tabs{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;margin-bottom:30px;overflow-x:auto;padding:5px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:12px 20px;transition:all .3s;white-space:nowrap}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.tab-btn:hover:not(.active){background:#f0f0f0;color:#333}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.stat-card.blue{border-left:5px solid #007bff}.stat-card.green{border-left:5px solid #28a745}.stat-card.orange{border-left:5px solid #fd7e14}.stat-card.red{border-left:5px solid #dc3545}.stat-icon{align-items:center;background:#0000000d;border-radius:50%;display:flex;font-size:2.5em;height:70px;justify-content:center;width:70px}.stat-info h3{color:#333;font-size:2.2em;font-weight:700;margin:0 0 5px}.stat-info p{color:#666;font-size:.95em;font-weight:500;margin:0}.tenant-quick-actions{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:30px}.tenant-quick-actions h2{color:#333;font-size:1.5em;font-weight:600;margin:0 0 25px}.quick-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:18px 25px;text-align:center;transition:all .3s}.quick-action-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.quick-action-btn:active{transform:translateY(-1px)}.recent-batches{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:30px}.recent-batches h2{color:#333;font-size:1.5em;margin:0 0 25px}.batch-list{grid-gap:15px;gap:15px}.batch-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;padding:20px;transition:all .3s}.batch-card:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea1a;transform:translateX(5px)}.batch-info h3{color:#333;font-size:1.2em;font-weight:600;margin:0 0 8px}.batch-type{color:#666;font-weight:500;margin:0 0 5px}.batch-count{color:#007bff;font-weight:600;margin:0}.batch-status{text-align:right}.status-badge{border-radius:20px;font-size:.85em;margin-bottom:8px;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.batch-date{color:#666;font-size:.85em;margin:0}.no-batches{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:15px;padding:60px 20px;text-align:center}.no-batches p{color:#666;font-size:1.1em;margin-bottom:25px}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.1em;font-weight:500;opacity:.9}.tab-content{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:30px;text-align:center}.coming-soon{padding:60px 20px}.coming-soon h2{color:#333;font-size:1.8em;margin:0 0 20px}.coming-soon p{color:#666;font-size:1.1em;margin:10px 0}@media (max-width:768px){.tenant-dashboard{padding:15px}.dashboard-welcome{padding:25px 20px}.dashboard-welcome h1{font-size:1.8em}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:20px}.stat-icon{font-size:2em;height:60px;width:60px}.stat-info h3{font-size:1.8em}.quick-actions-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quick-action-btn{font-size:14px;padding:15px 20px}.batch-card{align-items:flex-start;flex-direction:column;gap:15px}.batch-status{text-align:left;width:100%}.dashboard-tabs{padding:3px}.tab-btn{font-size:14px;padding:10px 15px}}@media (max-width:480px){.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.dashboard-welcome h1{font-size:1.6em}.dashboard-welcome p{font-size:1em}}@media print{.tenant-dashboard{background:#fff;padding:0}.dashboard-welcome,.quick-action-btn{background:#f8f9fa!important;color:#333!important}.quick-action-btn{border:1px solid #dee2e6!important}}.tenant-dashboard *{box-sizing:border-box}.tenant-dashboard{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card .stat-icon{transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.quick-action-btn{overflow:hidden;position:relative}.quick-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quick-action-btn:hover:before{left:100%}.batch-card{overflow:hidden;position:relative}.batch-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.batch-card:hover:before{transform:scaleY(1)}.tenant-dashboard{line-height:1.6}.tenant-dashboard,h1,h2,h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.quick-action-btn:focus,.tab-btn:focus{outline:3px solid #667eea80;outline-offset:2px}.loading-container p{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.6}}.tenant-dashboard>*{box-shadow:0 2px 10px #00000014}.tenant-dashboard>:not(:last-child){margin-bottom:25px}.status-badge{box-shadow:0 2px 4px #0000001a}.stat-info h3{font-feature-settings:"tnum" 1;letter-spacing:-.5px}.batch-info,.batch-status{transition:transform .3s ease}.batch-card:hover .batch-info,.batch-card:hover .batch-status{transform:translateX(2px)}.batch-card.clickable{cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.batch-card.clickable:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-3px)}.batch-card.clickable:after{color:#667eea;content:"→";font-size:1.2em;opacity:0;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.batch-card.clickable:hover:after{opacity:1}.batch-cost{color:#28a745;font-weight:600;margin:3px 0}.batch-age{color:#6c757d;font-size:.85rem;margin:3px 0 0}.stat-card.purple{border-left-color:#6f42c1}.stat-card.teal{border-left-color:#20c997}.modal.large{max-width:800px}.modal.extra-large{max-height:90vh;max-width:1200px}.form-sections{display:flex;flex-direction:column;gap:30px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px}.form-section h3{border-bottom:2px solid #667eea;color:#333;font-size:1.2em;margin:0 0 20px;padding-bottom:10px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.expenditure-summary{background:#e8f4fd;border-radius:8px;color:#0c5460;font-size:1.1em;margin-top:15px;padding:15px;text-align:center}.management-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.management-header h2{color:#333;margin:0}.management-actions{display:flex;gap:10px}.batches-overview{display:flex;flex-direction:column;gap:30px}.batches-stats{background:#f8f9fa;border-radius:10px;display:flex;gap:30px;justify-content:center;padding:20px}.stat-item{text-align:center}.stat-number{color:#667eea;display:block;font-size:2.5em;font-weight:700}.stat-label{color:#666;font-size:.9em}.batches-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.batch-management-card{border:1px solid #e9ecef}.batch-management-card:hover{box-shadow:0 5px 20px #0000001a}.batch-header{align-items:center;margin-bottom:15px}.batch-header h3{color:#333;margin:0}.batch-details p{color:#666;margin:5px 0}.batch-details strong{color:#333}.production-overview{display:flex;flex-direction:column;gap:30px}.production-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.production-stats .stat-card{background:#fff;border-left:4px solid #28a745;border-radius:10px;padding:20px;text-align:center}.production-stats .stat-card h3{color:#333;font-size:1.1em;margin:0 0 10px}.stat-value{color:#28a745;font-size:2em}.production-batches h3{color:#333;margin-bottom:20px}.production-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.production-batch-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px}.production-batch-card h4{color:#333;margin:0 0 10px}.production-batch-card p{color:#666;font-size:.9em;margin:5px 0}.production-actions{display:flex;gap:8px;margin-top:15px}.small-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8em;padding:5px 10px;transition:all .2s}.small-btn:hover{background:#f8f9fa}.small-btn.danger{border-color:#dc3545;color:#dc3545}.small-btn.danger:hover{background:#dc3545;color:#fff}.financial-overview{display:flex;flex-direction:column;gap:30px}.financial-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.financial-stats .stat-card{background:#fff;border-radius:10px;padding:20px;text-align:center}.financial-stats .stat-card.green{border-left:4px solid #28a745}.financial-stats .stat-card.red{border-left:4px solid #dc3545}.financial-stats .stat-card.blue{border-left:4px solid #007bff}.financial-stats .stat-card.orange{border-left:4px solid #fd7e14}.financial-tables{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.expenditures-section,.sales-section{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px}.expenditures-section h3,.sales-section h3{color:#333;margin:0 0 15px}.table-container{overflow-x:auto}.financial-table{border-collapse:collapse;font-size:.9em;width:100%}.financial-table td,.financial-table th{border-bottom:1px solid #e9ecef;padding:10px 8px;text-align:left}.financial-table th{background:#f8f9fa;color:#333;font-weight:600}.financial-table tbody tr:hover{background:#f8f9fa}.settings-overview{margin:0 auto;max-width:600px}.settings-sections{display:flex;flex-direction:column;gap:15px}.settings-section{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.settings-section:hover{border-color:#667eea;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.settings-icon{font-size:2em;margin-right:20px;text-align:center;width:60px}.settings-info{flex:1 1}.settings-info h3{color:#333;margin:0 0 5px}.settings-info p{color:#666;font-size:.9em;margin:0}.settings-arrow{color:#667eea;font-size:1.5em}.report-tabs{border-bottom:1px solid #e9ecef;display:flex;gap:5px;margin-bottom:30px}.report-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.report-tab.active{border-bottom-color:#667eea;color:#667eea}.report-tab:hover:not(.active){color:#333}.report-content{min-height:400px}.report-summary{margin-bottom:30px}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{border:1px solid #e9ecef;text-align:center}.summary-card.positive{border-left:4px solid #28a745}.summary-card.negative{border-left:4px solid #dc3545}.summary-card h3{color:#666;font-size:.9em;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.summary-card p{color:#333;font-size:1.8em;font-weight:700;margin:0}.breakdown-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.cost-breakdown,.revenue-breakdown{background:#f8f9fa;border-radius:10px;padding:20px}.cost-breakdown h3,.revenue-breakdown h3{color:#333;margin:0 0 15px}.breakdown-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.breakdown-item:last-child{border-bottom:none}.production-summary{margin-bottom:30px}.production-details h3{color:#333;margin-bottom:15px}.batch-production-list{background:#f8f9fa;border-radius:8px;padding:15px}.production-batch-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.production-batch-item:last-child{border-bottom:none}.batch-code{color:#333;font-weight:600}.batch-count{color:#28a745;font-weight:500}.batch-performance-table{overflow-x:auto}.batch-performance-table table{border-collapse:collapse;font-size:.9em;width:100%}.batch-performance-table td,.batch-performance-table th{border-bottom:1px solid #e9ecef;padding:12px 8px;text-align:left}.batch-performance-table th{background:#f8f9fa;color:#333;font-weight:600;position:sticky;top:0}.batch-performance-table .positive{color:#28a745;font-weight:600}.batch-performance-table .negative{color:#dc3545;font-weight:600}.batch-details-content{display:flex;flex-direction:column;gap:30px}.details-section h3{border-bottom:2px solid #667eea;color:#333;margin:0 0 20px;padding-bottom:10px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{color:#666;font-size:.9em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#333;font-size:1.1em}.batch-notes{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.settings-content{display:flex;flex-direction:column;gap:30px}.settings-content .settings-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;cursor:auto;padding:20px}.settings-content .settings-section:hover{box-shadow:none;transform:none}.settings-content .settings-section h3{border-bottom:2px solid #667eea;color:#333;margin:0 0 20px;padding-bottom:10px}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-group label{align-items:center;color:#333;cursor:pointer;display:flex;gap:10px}.checkbox-group input[type=checkbox]{transform:scale(1.2)}.inventory-content{display:flex;flex-direction:column;gap:30px}.add-inventory-section{background:#f8f9fa;border-radius:10px;padding:20px}.add-inventory-section h3{color:#333;margin:0 0 15px}.inventory-form .form-row{align-items:end;display:flex;gap:10px}.inventory-form .form-row input,.inventory-form .form-row select{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.add-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 15px}.add-btn:hover{background:#218838}.inventory-list-section h3{color:#333;margin:0 0 15px}.inventory-table{overflow-x:auto}.inventory-table table{border-collapse:collapse;width:100%}.inventory-table td,.inventory-table th{border-bottom:1px solid #e9ecef;padding:10px 8px;text-align:left}.inventory-table th{background:#f8f9fa;color:#333;font-weight:600}.inventory-table .low-stock{background:#fff3cd}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.success{background:#d4edda;color:#155724}.modal-actions button.primary{background:#667eea;color:#fff}.modal-actions button.primary:hover{background:#5a6fd8}@media (max-width:768px){.batches-grid,.breakdown-section,.financial-tables,.form-row,.production-grid,.summary-cards{grid-template-columns:1fr}.inventory-form .form-row{flex-direction:column}.inventory-form .form-row input,.inventory-form .form-row select{width:100%}.details-grid{grid-template-columns:1fr}.batches-stats{flex-direction:column;gap:15px}}@media (max-width:480px){.modal.extra-large,.modal.large{margin:10px;width:95%}.management-header{gap:15px;text-align:center}.management-header,.report-tabs{flex-direction:column}.report-tab{text-align:center}}@media print{.modal-overlay{background:none;position:static}.modal{box-shadow:none;max-width:none;width:100%}.modal-header{border-bottom:2px solid #333}.close-btn,.modal-actions,.report-tabs{display:none}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.status-badge{font-size:.75em;letter-spacing:.5px}.clickable-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.clickable-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-4px) scale(1.02)}.batch-card.clickable:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}.modal-content{scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.batch-details-tabs{border-bottom:1px solid #e9ecef;display:flex;gap:5px;margin:0 20px}.batch-details-tabs .tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.batch-details-tabs .tab-btn.active{border-bottom-color:#667eea;color:#667eea}.batch-details-tabs .tab-btn:hover:not(.active){color:#333}.batch-details-content{min-height:500px}.overview-tab{display:flex;flex-direction:column;gap:30px}.batch-overview-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.overview-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.overview-section h3{color:#333;font-size:1.2em;margin:0 0 20px}.batch-code-display{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;font-weight:700;padding:2px 6px}.count-display{color:#28a745;font-weight:600}.status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.8em;font-weight:600;padding:4px 8px;text-transform:uppercase}.financial-summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.summary-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.summary-card:hover{transform:translateY(-2px)}.summary-card.cost{border-left:4px solid #dc3545}.summary-card.revenue{border-left:4px solid #28a745}.summary-card.profit{border-left:4px solid #007bff}.summary-card.cost-per-bird{border-left:4px solid #fd7e14}.card-icon{align-items:center;background:#0000000d;border-radius:50%;display:flex;font-size:2.5em;height:60px;justify-content:center;width:60px}.card-content h4{color:#666;font-size:.9em;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.card-content .amount{color:#333;font-size:1.3em;font-weight:700;margin:0 0 5px}.card-content .amount.positive{color:#28a745}.card-content .amount.negative{color:#dc3545}.card-content small{color:#999;font-size:.8em}.selling-calculator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 5px 20px #667eea4d;color:#fff;padding:25px}.selling-calculator h3{font-size:1.3em;margin:0 0 20px}.calculator-content{display:flex;flex-direction:column;gap:20px}.price-input-section{display:flex;flex-direction:column;gap:10px}.price-input-section label{font-size:1.1em;font-weight:600}.price-input-group{align-items:center;background:#fff;border-radius:8px;display:flex;max-width:300px;overflow:hidden}.currency-prefix{background:#f8f9fa;border-right:1px solid #e9ecef}.currency-prefix,.price-input{color:#333;font-weight:600;padding:12px 15px}.price-input{border:none;font-size:1.1em;outline:none;width:200px}.price-input:focus{box-shadow:0 0 0 2px #667eea4d}.profitability-metrics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:20px}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.metric-item{display:flex;flex-direction:column;gap:5px;text-align:center}.metric-item label{font-size:.9em;opacity:.9}.metric-item .value{font-size:1.2em;font-weight:700}.metric-item .value.positive{color:#4caf50}.metric-item .value.negative{color:#ff6b6b}.metric-item .value.neutral{color:#fff}.tab-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.tab-header h3{color:#333;font-size:1.3em;margin:0}.expenditures-summary,.sales-summary,.treatments-summary{color:#666;display:flex;font-weight:600;gap:20px}.expenditures-summary span,.sales-summary span,.treatments-summary span{background:#f8f9fa;border-radius:15px;font-size:.9em;padding:6px 12px}.expenditures-table,.sales-table,.treatments-table{overflow-x:auto}.expenditures-table table,.sales-table table,.treatments-table table{border-collapse:collapse;font-size:.9em;width:100%}.expenditures-table td,.expenditures-table th,.sales-table td,.sales-table th,.treatments-table td,.treatments-table th{border-bottom:1px solid #e9ecef;padding:12px 10px;text-align:left}.expenditures-table th,.sales-table th,.treatments-table th{background:#f8f9fa;color:#333;font-weight:600;position:sticky;top:0}.expenditures-table tbody tr:hover,.sales-table tbody tr:hover,.treatments-table tbody tr:hover{background:#f8f9fa}.expenditures-table .amount,.sales-table .amount,.treatments-table .amount{color:#333;font-weight:600;text-align:right}.no-data{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;padding:60px 20px;text-align:center}.no-data p{color:#666;font-size:1.1em;margin:0 0 10px}.no-data small{color:#999;font-size:.9em}.batch-notes{background:#fff;border-left:4px solid #28a745;border-radius:10px;color:#333;font-style:italic;line-height:1.6;padding:20px}@media (max-width:768px){.batch-overview-grid,.financial-summary-cards{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.batch-details-tabs{margin:0 15px;overflow-x:auto}.batch-details-tabs .tab-btn{min-width:100px;white-space:nowrap}.tab-header{align-items:flex-start;flex-direction:column;gap:15px}.expenditures-summary,.sales-summary,.treatments-summary{flex-direction:column;gap:8px}.selling-calculator{padding:20px}.price-input-group{max-width:100%}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center}.card-icon{font-size:2em;height:50px;width:50px}}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:100px 20px}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}.currency-display{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.price-input:focus,.tab-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.batch-details-tabs,.close-btn,.modal-actions{display:none}.modal-overlay{background:none;position:static}.modal{box-shadow:none;max-width:none;width:100%}.selling-calculator{background:#f8f9fa!important;color:#333!important}}.batch-card.enhanced{background:#fff;border:1px solid #e0e6ed;border-radius:12px;display:flex;flex-direction:column;gap:16px;min-height:160px;padding:20px;position:relative;transition:all .3s ease}.batch-card.enhanced:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.batch-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.batch-title h3{color:#2c3e50;font-size:1.3rem;font-weight:600;line-height:1.2;margin:0}.batch-subtitle{color:#7f8c8d;display:block;font-size:.9rem;margin-top:4px}.batch-details-grid{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:12px 0}.batch-stat{align-items:center;display:flex;flex-direction:column;min-width:50px}.stat-value{color:#2c3e50;font-size:1.4rem;font-weight:700;line-height:1}.stat-label{color:#95a5a6;font-size:.8rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.batch-cost{align-items:flex-end;display:flex;flex-direction:column;flex-grow:1;text-align:right}.cost-per-bird{color:#27ae60;font-size:1.1rem;font-weight:600;line-height:1}.total-cost{color:#7f8c8d;font-size:.85rem;margin-top:2px}.batch-actions{display:flex;justify-content:flex-end;margin-top:auto}.view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.view-details-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}.view-details-btn:active{box-shadow:0 2px 8px #667eea33;transform:translateY(0)}.batch-card.enhanced .status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.batch-card.enhanced .status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.batch-card.enhanced .status-badge.inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.batch-card.enhanced .status-badge.sold{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}@media (max-width:768px){.batch-card.enhanced{min-height:auto;padding:16px}.batch-details-grid{flex-wrap:wrap;gap:12px}.batch-cost{align-items:center;flex-basis:100%;text-align:center}.view-details-btn{justify-content:center;width:100%}}.recent-batches h2{color:#2c3e50;font-size:1.6rem;font-weight:600;margin-bottom:24px}.batch-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:640px){.batch-list{grid-template-columns:1fr}}.batches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.batch-management-card{background:#fff;border:1px solid #e0e6ed;border-radius:12px;cursor:pointer;min-height:180px;padding:20px;position:relative;transition:all .3s ease}.batch-management-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.batch-management-card .batch-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.batch-management-card .batch-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.batch-management-card .batch-details{grid-gap:8px;display:grid;font-size:.9rem;gap:8px;grid-template-columns:1fr 1fr}.batch-management-card .batch-details p{color:#64748b;line-height:1.4;margin:0}.batch-management-card .batch-details strong{color:#475569;font-weight:600}.batch-management-card:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;bottom:20px;color:#fff;content:"VIEW DETAILS";font-size:.8rem;font-weight:600;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;right:20px;transform:translateY(10px);transition:all .3s ease}.batch-management-card:hover:after{opacity:1;transform:translateY(0)}@media (max-width:768px){.batch-management-card .batch-details,.batches-grid{grid-template-columns:1fr}}