@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:wght@400;500&display=swap";:root{--erp-bg: #0c0f14;--erp-surface: #141922;--erp-surface-hover: #1a1f2a;--erp-border: #252b36;--erp-text: #e6e9ef;--erp-text-muted: #8b92a3;--erp-accent: #f59e0b;--erp-accent-hover: #fbbf24;--erp-success: #22c55e;--erp-warning: #eab308;--erp-danger: #ef4444;--erp-info: #3b82f6;--erp-sidebar-width: 260px;--erp-header-height: 56px;--erp-radius: 10px;--erp-radius-sm: 6px;--erp-shadow: 0 4px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--erp-bg);color:var(--erp-text);line-height:1.5;-webkit-font-smoothing:antialiased}code,.mono{font-family:JetBrains Mono,monospace}#root{min-height:100vh}a{color:var(--erp-accent);text-decoration:none}a:hover{color:var(--erp-accent-hover)}button{font-family:inherit;cursor:pointer}.table-container{overflow-x:auto;border-radius:var(--erp-radius);border:1px solid var(--erp-border);background:var(--erp-surface)}.erp-table{width:100%;border-collapse:collapse;font-size:.9rem}.erp-table th{text-align:left;padding:12px 16px;background:var(--erp-surface-hover);color:var(--erp-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--erp-border)}.erp-table td{padding:12px 16px;border-bottom:1px solid var(--erp-border)}.erp-table tr:last-child td{border-bottom:none}.erp-table tbody tr:hover{background:var(--erp-surface-hover)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#22c55e33;color:var(--erp-success)}.badge-warning{background:#eab30833;color:var(--erp-warning)}.badge-danger{background:#ef444433;color:var(--erp-danger)}.badge-info{background:#3b82f633;color:var(--erp-info)}.badge-neutral{background:#8b92a333;color:var(--erp-text-muted)}.card{background:var(--erp-surface);border:1px solid var(--erp-border);border-radius:var(--erp-radius);padding:20px;box-shadow:var(--erp-shadow)}.card-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--erp-text-muted)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--erp-text-muted)}.error{padding:20px;background:#ef44441a;border:1px solid var(--erp-danger);border-radius:var(--erp-radius);color:var(--erp-danger)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--erp-sidebar-width);background:var(--erp-surface);border-right:1px solid var(--erp-border);display:flex;flex-direction:column;transition:width .2s ease;flex-shrink:0}.sidebar.closed{width:72px}.sidebar.closed .nav-label,.sidebar.closed .logo{opacity:0;width:0;overflow:hidden;padding:0}.sidebar-header{height:var(--erp-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--erp-border)}.logo{font-weight:700;font-size:1.1rem;color:var(--erp-accent);white-space:nowrap;transition:opacity .2s}.sidebar-toggle{background:none;border:none;color:var(--erp-text-muted);padding:8px;border-radius:var(--erp-radius-sm)}.sidebar-toggle:hover{color:var(--erp-text);background:var(--erp-surface-hover)}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:4px;border-radius:var(--erp-radius-sm);color:var(--erp-text-muted);transition:all .15s ease}.nav-item:hover{background:var(--erp-surface-hover);color:var(--erp-text)}.nav-item.active{background:#f59e0b26;color:var(--erp-accent);font-weight:600}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap;transition:opacity .2s}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:var(--erp-header-height);background:var(--erp-surface);border-bottom:1px solid var(--erp-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.header-left .page-context{font-size:.9rem;color:var(--erp-text-muted)}.header-right .user-badge{font-size:.85rem;padding:6px 12px;background:var(--erp-surface-hover);border-radius:var(--erp-radius-sm);color:var(--erp-text)}.content{flex:1;padding:24px;overflow-y:auto}.page-title{margin:0 0 24px;font-size:1.75rem;font-weight:700;color:var(--erp-text)}.page-subtitle{margin:-16px 0 24px;font-size:.95rem;color:var(--erp-text-muted)}.chart-card .chart-card-body{min-height:280px}.chart-card .recharts-wrapper{margin:0 auto}.chart-card .recharts-cartesian-axis-tick-value,.chart-card .recharts-legend-item-text{fill:var(--erp-text-muted);font-size:.75rem}.chart-card .recharts-default-legend{padding-top:12px}.chart-card .recharts-tooltip-wrapper{outline:none}.chart-card .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--erp-surface-hover)!important;border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius-sm)!important;padding:10px 14px!important;font-size:.85rem!important}.dashboard{max-width:1400px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi-card{padding:18px}.kpi-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kpi-icon{color:var(--erp-accent)}.kpi-label{font-size:.8rem;color:var(--erp-text-muted)}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--erp-text)}.kpi-change{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:.75rem;color:var(--erp-text-muted)}.kpi-change.up{color:var(--erp-success)}.kpi-change.down{color:var(--erp-danger)}.dashboard-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:1000px){.dashboard-charts{grid-template-columns:1fr}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.activities-card{max-height:320px;overflow:hidden;display:flex;flex-direction:column}.activity-list{list-style:none;margin:0;padding:0;overflow-y:auto}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--erp-border);gap:12px}.activity-item:last-child{border-bottom:none}.activity-title{font-size:.9rem;color:var(--erp-text)}.activity-meta{font-size:.8rem;color:var(--erp-text-muted);display:flex;align-items:center;gap:8px}.activity-amount{color:var(--erp-accent)}.top-customers-card{margin-top:0}.crm-page{max-width:1400px}.crm-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}.crm-charts .crm-full-width{grid-column:1 / -1}@media(max-width:900px){.crm-charts{grid-template-columns:1fr}.crm-charts .crm-full-width{grid-column:1}}.crm-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{padding:20px;min-width:160px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--erp-accent)}.stat-label{font-size:.85rem;color:var(--erp-text-muted)}.lead-name{font-weight:500;color:var(--erp-text)}.lead-company{font-size:.8rem;color:var(--erp-text-muted)}.crm-page .card{margin-bottom:24px}.crm-page .card:last-child{margin-bottom:0}.sales-page{max-width:1400px}.sales-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}.sales-charts .sales-chart-wide{grid-column:1}.sales-charts .sales-chart-full{grid-column:1 / -1}@media(max-width:900px){.sales-charts{grid-template-columns:1fr}.sales-charts .sales-chart-full{grid-column:1}}.sales-tabs .card{margin-bottom:24px}.sales-tabs .card:last-child{margin-bottom:0}.purchase-page{max-width:1400px}.purchase-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.purchase-charts{grid-template-columns:1fr}}.purchase-page .card{margin-bottom:24px}.purchase-page .card:last-child{margin-bottom:0}.inventory-page{max-width:1400px}.inventory-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}.inventory-charts .inventory-chart-full{grid-column:1 / -1}@media(max-width:900px){.inventory-charts{grid-template-columns:1fr}.inventory-charts .inventory-chart-full{grid-column:1}}.inventory-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.inventory-page .stat-card{padding:20px;min-width:160px}.inventory-page .stat-value{color:var(--erp-accent);font-size:1.5rem;font-weight:700}.inventory-page .stat-label{font-size:.85rem;color:var(--erp-text-muted)}.inventory-page .card{margin-bottom:24px}.inventory-page .card:last-child{margin-bottom:0}.accounting-page{max-width:1400px}.accounting-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.accounting-charts{grid-template-columns:1fr}}.accounting-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.accounting-page .stat-card{padding:20px;min-width:180px}.accounting-page .stat-value{color:var(--erp-accent);font-size:1.5rem;font-weight:700}.accounting-page .stat-label{font-size:.85rem;color:var(--erp-text-muted)}.accounting-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.accounting-grid{grid-template-columns:1fr}}.erp-table .negative{color:var(--erp-danger)}.accounting-page .card{margin-bottom:0}.accounting-page .card:last-child{margin-top:0}.hr-page{max-width:1400px}.hr-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.hr-charts .hr-chart-full{grid-column:1 / -1}@media(max-width:900px){.hr-charts{grid-template-columns:1fr}.hr-charts .hr-chart-full{grid-column:1}}.hr-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hr-page .stat-card{padding:20px;min-width:160px}.hr-page .stat-value{color:var(--erp-accent);font-size:1.5rem;font-weight:700}.hr-page .stat-label{font-size:.85rem;color:var(--erp-text-muted)}.hr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.hr-grid{grid-template-columns:1fr}}.hr-page .card{margin-bottom:24px}.hr-page .card:last-child{margin-bottom:0}.manufacturing-page{max-width:1400px}.manufacturing-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.manufacturing-charts{grid-template-columns:1fr}}.manufacturing-page .card{margin-bottom:24px}.manufacturing-page .card:last-child{margin-bottom:0}.projects-page{max-width:1400px}.projects-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.projects-charts{grid-template-columns:1fr}}.progress-bar-wrap{position:relative;min-width:80px;height:20px;background:var(--erp-surface-hover);border-radius:var(--erp-radius-sm);overflow:hidden}.progress-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--erp-accent),var(--erp-success));border-radius:var(--erp-radius-sm);transition:width .3s ease}.progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:600;color:var(--erp-text);text-shadow:0 0 2px var(--erp-bg)}.projects-page .card{margin-bottom:24px}.projects-page .card:last-child{margin-bottom:0}.pos-page{max-width:1200px}.pos-charts{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:24px}@media(max-width:700px){.pos-charts{grid-template-columns:1fr}}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-bottom:24px}@media(max-width:900px){.pos-layout{grid-template-columns:1fr}}.pos-products .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.product-tile{display:flex;flex-direction:column;align-items:flex-start;padding:14px;background:var(--erp-surface-hover);border:1px solid var(--erp-border);border-radius:var(--erp-radius-sm);color:var(--erp-text);text-align:left;transition:all .15s ease}.product-tile:hover{border-color:var(--erp-accent);background:#f59e0b14}.product-name{font-weight:600;font-size:.9rem;margin-bottom:4px}.product-price{color:var(--erp-accent);font-weight:700;font-size:1rem}.product-code{font-size:.75rem;color:var(--erp-text-muted);margin-top:4px}.pos-cart{display:flex;flex-direction:column;max-height:520px}.cart-empty{color:var(--erp-text-muted);padding:24px;text-align:center}.cart-lines{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.cart-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--erp-border)}.cart-line-info{display:flex;flex-direction:column;gap:2px}.cart-line-name{font-weight:500;font-size:.9rem}.cart-line-price{font-size:.8rem;color:var(--erp-text-muted)}.cart-line-actions{display:flex;align-items:center;gap:6px}.qty-btn,.remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--erp-surface-hover);border:1px solid var(--erp-border);border-radius:var(--erp-radius-sm);color:var(--erp-text)}.qty-btn:hover,.remove-btn:hover{background:var(--erp-border);color:var(--erp-accent)}.remove-btn:hover{color:var(--erp-danger)}.cart-line-qty{min-width:24px;text-align:center;font-weight:600}.cart-line-total{font-weight:600;color:var(--erp-accent)}.cart-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--erp-border)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.1rem}.cart-total strong{font-size:1.25rem;color:var(--erp-accent)}.pay-btn{width:100%;padding:14px;background:var(--erp-accent);color:var(--erp-bg);border:none;border-radius:var(--erp-radius-sm);font-weight:700;font-size:1rem}.pay-btn:hover:not(:disabled){background:var(--erp-accent-hover)}.pay-btn:disabled{opacity:.5;cursor:not-allowed}.pos-recent{margin-top:0}