@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .6);--glass-highlight: rgba(255, 255, 255, .95);--text-primary: #000000;--text-secondary: #2b2319;--accent-brown: #5c3c15;--accent-gold: #b38522;--alert-red: rgba(200, 30, 20, .95);--chart-bar: rgba(92, 60, 21, .9);--ios-blue: var(--accent-brown);--ios-green: #3d5e30;--ios-purple: #704f40;--ios-orange: var(--accent-gold);--ios-red: var(--alert-red)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background-image:url(/basml-cotton-dashboard/bg-cotton.png);background-size:cover;background-attachment:fixed;background-position:center;color:var(--text-primary);margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased;font-weight:600}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:900!important;color:#000!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#6b4f2e59;border-radius:4px}.app-header{background:#f5f0e8;border-bottom:1px solid rgba(255,255,255,.15);padding:18px 24px;display:flex;justify-content:space-between;margin-bottom:24px}.header-tabs{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;width:auto;padding:8px!important}.header-tabs button{flex:1;padding:8px 16px!important;font-size:.9rem!important}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 4px 24px #0000000f,inset 0 1px #fff6;padding:24px;color:var(--text-primary);display:flex;flex-direction:column}.glass-panel h3,.glass-panel h2{font-weight:600;font-size:13px;color:#2c2218;letter-spacing:.3px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.25);margin-bottom:12px;margin-top:0}.table-wrapper{background:#fffcf52e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;overflow:hidden}table{width:100%;text-align:left;border-collapse:collapse;font-size:.85rem}table thead tr{background:#b48c5a40;color:#2c2218;font-weight:600}table th{padding:10px 12px;font-weight:900!important;color:#000;white-space:nowrap}table tbody tr:nth-child(2n){background:#ffffff1f}table tbody tr:nth-child(odd){background:#ffffff0d}table tbody tr{transition:background .2s ease}table tbody tr:hover{background:#ffffff40}table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12);white-space:nowrap}.chart-container{background:#ebe4dad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;border:1px solid rgba(255,255,255,.28);padding:14px;width:100%;min-width:0;min-height:250px;height:100%!important;display:flex;flex-direction:column;position:relative}.table-wrapper{background:#ebe4dad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;border:1px solid rgba(255,255,255,.28);padding:14px;flex:1;min-height:250px;height:auto!important;display:flex;flex-direction:column}.chart-container.pie-chart{height:300px}.chart-container.tn-chart{height:320px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#64503226}.recharts-text{fill:#2c2218;font-size:11px}.kpi-box{background:#ebe4dad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(255,255,255,.35);box-shadow:0 2px 12px #00000014;padding:16px}.kpi-value{font-size:22px;font-weight:700;color:#1c1a17;margin-bottom:4px}.kpi-label{font-size:11px;color:#6b5840}.alert-box{background:#dc3c2826;border:1px solid rgba(220,60,40,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;color:#7a1a0a;padding:16px}.app-container{padding:1.5rem;max-width:1400px;margin:0 auto}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:4rem!important}.mt-4{margin-top:1rem}.mt-6{margin-top:4rem!important}.text-red{color:var(--ios-red)}.text-blue{color:var(--ios-blue)}.text-green{color:var(--ios-green)}.grid-cols-1{display:grid;grid-template-columns:1fr;gap:20px}.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0}.glass-panel{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;padding:16px!important}.app-header{flex-direction:column;align-items:stretch;padding:16px 14px;gap:16px;text-align:center}.header-title-area{flex-direction:column;text-align:center}.header-title-area svg{width:64px;height:64px}.header-text-box{margin-left:0!important}.header-text-box h1{font-size:1.25rem!important}.header-actions{flex-direction:column;width:100%;gap:12px!important}.header-tabs{width:100%;display:flex;flex-direction:column!important;gap:8px!important;padding:8px!important}.header-tabs button{width:100%!important;padding:10px!important;font-size:.9rem!important}.btn-primary{width:100%;justify-content:center}.table-wrapper{overflow-x:auto;display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.pie-charts-wrapper{flex-direction:column!important;height:650px!important}.pie-charts-wrapper .pie-box-item{width:100%!important;height:300px!important;min-width:0!important}.pie-charts-wrapper .recharts-responsive-container{width:100%!important;height:100%!important}h1{font-size:1.4rem!important}h2{font-size:1.25rem!important}.app-container{padding:10px;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}}.btn-primary{background:var(--ios-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary:hover{background:var(--text-primary);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.status-dot{display:inline-block;width:8px;height:8px;background-color:var(--ios-green);border-radius:50%;margin-right:6px;box-shadow:0 0 8px var(--ios-green);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #5a7a4cb3}70%{transform:scale(1);box-shadow:0 0 0 6px #5a7a4c00}to{transform:scale(.95);box-shadow:0 0 #5a7a4c00}}.badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;background:#ffffff4d;border:1px solid rgba(255,255,255,.4)}.badge-premium{background:#c49a3c33;color:var(--accent-gold);border:1px solid rgba(196,154,60,.4)}