@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@500;600&display=swap');
        body { font-family: 'Inter', system_ui, sans-serif; }
        .font-display { font-family: 'Space Grotesk', 'Inter', sans-serif; font-weight: 600; }
        .erp-card { transition: transform .2s cubic-bezier(0.4,0,0.2,1), box-shadow .2s cubic-bezier(0.4,0,0.2,1); }
        .erp-card:hover { transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); }
        .nav-link { transition: all .1s ease; }
        .nav-link.active { background-color: #0f172a; color: white; border-radius: 6px; }
        .section { display: none; }
        .section.active { display: block; }
        .data-table th { background-color: #0f172a; position: sticky; top: 0; z-index: 10; }
        .modal { animation: modalPop .2s ease forwards; }
        @keyframes modalPop { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
        .kpi-value { font-variant-numeric: tabular-nums; }
        .status-badge { font-size: .75rem; padding: .125rem .625rem; font-weight: 600; letter-spacing: -.025em; }
        .hawala-table-row:hover { background-color: #0f172a; }
        .modern-input { background-color: #0f172a; border: 1px solid #334155; transition: all .1s ease; }
        .modern-input:focus { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,.1); outline: none; }
        .section-header { font-size: 1.25rem; letter-spacing: -.025em; }
        @media print { .no-print { display: none !important; } body { background: white; color: black; } }