@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#30457b;--color-primary-dark:#263d6b;--color-primary-light:#4a64a0;--color-accent:#337ab7;--color-accent-hover:#2868a0;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-warning:#e65100;--color-warning-bg:#fff3e0;--color-danger:#c62828;--color-danger-bg:#ffebee;--color-info:#1565c0;--color-info-bg:#e3f2fd;--bg-page:#f4f7f6;--bg-card:#fff;--bg-topbar:#fff;--bg-sidebar:#30457b;--bg-field:#f4f7f6;--bg-table-head:#f4f7f6;--bg-table-hover:#f0f6ff;--bg-table-stripe:#fafafa;--border-color:#e0e0e0;--border-card:1px solid #e0e0e0;--border-field:1px solid #d0d7de;--border-field-focus:1px solid #337ab7;--text-primary:#222;--text-secondary:#555;--text-muted:#888;--text-placeholder:#aaa;--text-on-primary:#fff;--text-link:#337ab7;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"Fira Code", "Cascadia Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-dropdown:0 4px 16px #0000001a;--shadow-modal:0 20px 60px #0000002e;--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:210px;--sidebar-width-collapsed:52px;--topbar-height:48px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:14px}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer}input,select,textarea{font-family:var(--font-sans);font-size:14px}::selection{color:var(--text-primary);background:#337ab740}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#c5cfe0}::-webkit-scrollbar-thumb:hover{background:#a0b0c8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes progress{0%{width:0%}to{width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.erp-page-bg{background:var(--bg-page)}.erp-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.erp-tag{border-radius:var(--radius-sm);padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.erp-btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:8px 20px;font-size:14px;font-weight:600;display:inline-flex}.erp-btn-primary:hover{background:var(--color-accent-hover)}.erp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}[dir=rtl]{text-align:right}@media (max-width:768px){.erp-hide-mobile{display:none!important}:root{--sidebar-width:0px}}