:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: rgba(37, 99, 235, .1);--secondary: #64748b;--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--danger: #ef4444;--danger-light: rgba(239, 68, 68, .1);--info: #06b6d4;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #0f172a;--sidebar-width: 280px;--radius-lg: 24px;--text-main: #1e293b;--text-muted: #64748b;--text-on-dark: #f8fafc;--border: #e2e8f0;--border-focus: #2563eb;--radius-sm: 6px;--radius-md: 12px;--text-main: #0f172a;--text-muted: #475569;--text-light: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-premium: 0 20px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.main-layout{flex:1;margin-left:var(--sidebar-width);min-width:0}.content-padding{padding:32px;max-width:1600px;margin:0 auto}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-premium{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:#f59e0b1a;color:var(--warning)}@media (max-width: 1024px){.mobile-only{display:flex!important}.header-search,.header-user-info{display:none!important}.main-header{padding:0 14px!important}.header-actions{gap:12px!important}.main-layout{margin-left:0!important;width:100%!important}.content-padding{padding:16px;width:100%;overflow-x:hidden}.grid-responsive{grid-template-columns:1fr!important;gap:16px!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;width:100%}table{min-width:600px}.sidebar-container{width:280px!important;overflow-y:auto;overflow-x:hidden}.sidebar-collapsed{transform:translate(-100%)}.sidebar-expanded{transform:translate(0);z-index:1001}}@media (max-width: 640px){.card-premium{border-radius:var(--radius-md)}.content-padding{padding:12px}}@media (max-width: 900px){[style*="grid-template-columns: repeat"],[style*="gridTemplateColumns: repeat"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr 1fr"],[style*="grid-template-columns: 1.2fr 1.8fr"],[style*="grid-template-columns: 1.5fr 1fr"],[style*="grid-template-columns: auto 2fr 1fr auto"]{grid-template-columns:1fr!important}.dashboard-row-grid>div{text-align:left!important}[style*="padding: 32px 40px"],[style*="padding: 32px"],[style*="padding: 40px"],[style*="padding: 24px"]{padding:16px!important}[style*="minWidth: '200px'"],[style*="min-width: 200px"]{min-width:0!important}table{min-width:600px}h1[style*="font-size: 1.75rem"],h1[style*="fontSize: '1.75rem'"]{font-size:1.25rem!important}h1[style*="font-size: 1.5rem"],h1[style*="fontSize: '1.5rem'"]{font-size:1.15rem!important}.mobile-wrap,.flex-responsive{flex-wrap:wrap!important;gap:12px!important}.flex-responsive>button{flex:1 1 100%!important;justify-content:center!important}[style*="display: flex"][style*="gap: 16px"]>button[style*="padding: 10px 24px"]{width:100%!important;justify-content:center!important}[style*="margin-bottom: 32px"][style*="justify-content: space-between"][style*="display: flex"]{flex-wrap:wrap!important;gap:16px!important;margin-bottom:20px!important}}@media (max-width: 768px){.factory-card{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-areas:"icon info actions" "status status status" "balance balance balance"!important;gap:12px!important;padding:14px!important;align-items:center!important}.factory-card-icon{grid-area:icon;width:44px!important;height:44px!important;border-radius:12px!important}.factory-card-icon svg{width:22px!important;height:22px!important}.factory-card-info{grid-area:info;min-width:0!important}.factory-card-info h3{font-size:.95rem!important;line-height:1.25!important;margin-bottom:4px!important}.factory-card-status{grid-area:status;min-width:0!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;background-color:#f8fafc!important;border-radius:10px!important}.factory-card-status>div{justify-content:flex-start!important}.factory-card-balance{grid-area:balance;min-width:0!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 4px!important}.factory-card-balance h4{font-size:1.15rem!important}.factory-card-label{margin-bottom:0!important;font-size:.7rem!important}.factory-card-actions{grid-area:actions;align-self:start}.factory-card-actions button{padding:8px!important}.factory-card-actions button svg{width:16px!important;height:16px!important}}@media (max-width: 900px){.factory-detail-root{border-radius:12px!important;border:none!important}.factory-detail-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:14px!important}.factory-detail-header-left{align-items:flex-start!important;gap:12px!important}.factory-detail-header h1{font-size:1.1rem!important}.factory-detail-actions{flex-wrap:wrap!important;gap:8px!important}.factory-detail-actions button{flex:1 1 calc(50% - 4px)!important;justify-content:center!important;padding:10px 12px!important;font-size:.8rem!important}.factory-detail-body{flex-direction:column!important;overflow:visible!important}.factory-detail-sidebar{width:100%!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:none!important;border-bottom:1px solid #e2e8f0!important;padding:12px!important;gap:8px!important;-webkit-overflow-scrolling:touch!important}.factory-detail-sidebar>button{flex-shrink:0!important;white-space:nowrap!important}.factory-detail-sidebar>div{display:none!important}.factory-detail-content{padding:16px!important;overflow-y:visible!important}.stat-grid-3{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important}.overdue-row-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}table.responsive-table{min-width:520px}.modal-responsive{max-width:100%!important;width:100%!important;max-height:100vh!important;border-radius:0!important}.modal-body-responsive{flex-direction:column!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}