:root{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--secondary-50: #fdf8f6;--secondary-100: #f2e8e5;--secondary-200: #eaddd7;--secondary-300: #d6c7c2;--secondary-400: #c0a99e;--secondary-500: #a18072;--secondary-600: #846358;--secondary-700: #43302b;--secondary-800: #3c2a25;--secondary-900: #2a1e1b;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fde68a;--accent-300: #fcd34d;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--accent-700: #b45309;--accent-800: #92400e;--accent-900: #78350f;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);color:var(--neutral-800);background-color:var(--neutral-100);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-2)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--space-4)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}button{cursor:pointer;font-family:inherit;border:none;background:none}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:0;padding:var(--space-6);transition:margin var(--transition-normal)}.page-header{margin-bottom:var(--space-6)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.date-selector{display:flex;align-items:center;gap:var(--space-2);background-color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.date-nav{color:var(--primary-600);font-size:.875rem;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.date-nav:hover{background-color:var(--primary-100)}.current-date{font-weight:500;color:var(--neutral-800)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}@media (max-width: 1400px){.dashboard-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.dashboard-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.header-content{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.header-content h2{font-size:1.25rem}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr}.page-header{margin-bottom:var(--space-4)}.main-content{padding:var(--space-4)}.header-content{text-align:center;align-items:center}.header-content h2{font-size:1.125rem}.logo h1{font-size:1.25rem}}.logo{display:flex;align-items:center;gap:var(--space-2)}.logo-icon{font-size:1.5rem}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-200)}.card-content{padding:var(--space-6)}.deliveries-card,.crops-card,.stock-card{grid-column:span 4}.revenue-card,.earnings-card,.receivables-card{grid-column:span 6}.stat-value{font-size:3rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-2)}.stat-label{font-size:.875rem;color:var(--neutral-600);margin-bottom:var(--space-4)}.deliveries-details{margin-top:var(--space-4)}.delivery-item{display:flex;justify-content:space-between;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-200)}.delivery-label{font-weight:500}.delivery-value{font-weight:700;color:var(--primary-600)}.delivery-breakdown{font-size:.875rem;color:var(--neutral-600);margin-top:var(--space-1);padding-left:var(--space-4)}.breakdown-list{list-style:none;margin:0;padding:0}.breakdown-list li{display:inline-block;margin-right:var(--space-3);padding-right:var(--space-3);border-right:1px solid var(--neutral-300)}.breakdown-list li:last-child{margin-right:0;padding-right:0;border-right:none}.crops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.crop-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--primary-50);transition:transform var(--transition-fast),background-color var(--transition-fast)}.crop-icon{font-size:2rem;margin-bottom:var(--space-2)}.crop-name{font-weight:500}.stock-grid{display:flex;flex-direction:column;gap:var(--space-4)}.stock-item{display:flex;align-items:center;gap:var(--space-4)}.stock-name{width:120px;font-weight:500}.stock-bar{flex-grow:1;height:8px;background-color:var(--neutral-200);border-radius:var(--radius-sm);overflow:hidden}.stock-progress{height:100%;background-color:var(--accent-500);border-radius:var(--radius-sm)}.stock-value{width:60px;text-align:right;font-weight:700;color:var(--primary-600)}.revenue-total{font-size:3rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-4)}.revenue-breakdown{margin-bottom:var(--space-6)}.revenue-item{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.revenue-label{font-weight:500}.revenue-value{font-weight:700}.revenue-split{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-200)}.revenue-split h4{margin-bottom:var(--space-3)}.split-item{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.split-label{font-weight:400;color:var(--neutral-600)}.split-value{font-weight:500}.chart-container{height:200px;margin-bottom:var(--space-6)}.earnings-table{margin-top:var(--space-4)}.earnings-table table{width:100%;border-collapse:collapse}.earnings-table th,.earnings-table td{padding:var(--space-2) var(--space-4);text-align:left;border-bottom:1px solid var(--neutral-200)}.earnings-table th{font-weight:500;color:var(--neutral-600);background-color:var(--neutral-50)}.earnings-table tr:last-child td{border-bottom:none}.receivables-total{font-size:3rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-4)}.receivables-breakdown{color:var(--neutral-600)}.month-breakdown{padding:var(--space-3);background-color:var(--primary-50);border-radius:var(--radius-md);font-weight:500;text-align:center}.report-navigation{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:var(--space-4)}.back-link{color:var(--primary-600);font-weight:500;transition:color var(--transition-fast)}.back-link:hover{color:var(--primary-700)}.month-navigation{display:flex;gap:var(--space-4)}.nav-link{color:var(--primary-600);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--primary-700)}.nav-disabled{color:var(--neutral-400);font-weight:500}.report-link{text-decoration:none;color:inherit}.report-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.report-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.report-month{font-size:1.25rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-4)}.report-summary{display:flex;flex-direction:column;gap:var(--space-2)}.report-stat{display:flex;justify-content:space-between;align-items:center}.report-label{font-weight:500;color:var(--neutral-600)}.report-value{font-weight:700;color:var(--primary-600)}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.summary-item{text-align:center;padding:var(--space-4);background-color:var(--primary-50);border-radius:var(--radius-md)}.summary-label{font-size:.875rem;color:var(--neutral-600);margin-bottom:var(--space-2)}.summary-value{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.stock-note{font-size:.75rem;color:var(--neutral-500);font-style:italic;margin-top:var(--space-1)}.download-ledger-btn{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--primary-600);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:500;transition:background-color var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.download-ledger-btn:hover{background-color:var(--primary-700);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.download-ledger-btn span{font-size:1.125rem}@media (max-width: 1400px){.deliveries-card,.crops-card,.stock-card{grid-column:span 4}.revenue-card,.earnings-card,.receivables-card{grid-column:span 8}}@media (max-width: 1024px){.deliveries-card,.crops-card,.stock-card,.revenue-card,.earnings-card,.receivables-card{grid-column:span 6}.menu-toggle{display:flex}}@media (max-width: 768px){.deliveries-card,.crops-card,.stock-card,.revenue-card,.earnings-card,.receivables-card{grid-column:span 4}.crops-grid{grid-template-columns:repeat(2,1fr)}.card[style*="span 6"]{grid-column:span 4!important}}@media (max-width: 480px){.deliveries-card,.crops-card,.stock-card,.revenue-card,.earnings-card,.receivables-card{grid-column:span 1}.card[style*="span 6"],.card[style*="span 12"]{grid-column:span 1!important}.crop-item{padding:var(--space-2)}.stock-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.stock-name{width:100%}.stock-value{width:100%;text-align:left}.breakdown-list li{display:block;margin:var(--space-1) 0;padding:0;border:none}.report-navigation{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.summary-stats{grid-template-columns:1fr}.chart-container{height:150px;margin-bottom:var(--space-4)}.summary-item{padding:var(--space-3)}.summary-value{font-size:1.25rem}}[data-aos]{opacity:0;transition:opacity .6s ease,transform .6s ease}[data-aos=fade-up]{transform:translateY(20px)}[data-aos].aos-animate{opacity:1;transform:translateY(0)}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.crop-item{transition:transform .2s ease,background-color .2s ease}.crop-item:hover{transform:scale(1.05);background-color:var(--primary-100)}.stock-progress{position:relative;transition:width 1s ease}.stock-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-value,.revenue-total,.receivables-total{position:relative;overflow:hidden}.stat-value:after,.revenue-total:after,.receivables-total:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);animation:shimmer 3s infinite}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{transition:margin-left .3s ease}}.chart-container canvas{transition:opacity 1s ease;animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.earnings-table tbody tr{transition:background-color .2s ease}.earnings-table tbody tr:hover{background-color:var(--primary-50)}