@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--primary-blue:#2563eb;--growth-green:#22c55e;--black-text:#0b0f19;--white:#fff;--background-gray:#f5f7fb;--border-gray:#e5e7eb;--warning-orange:#f59e0b;--error-red:#ef4444;--radius-card:12px;--radius-button:8px;--header-height:70px;--sidebar-width:260px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--black-text);background:var(--background-gray);-webkit-font-smoothing:antialiased;font-family:Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--white);border-radius:var(--radius-card);border:1px solid var(--border-gray);box-shadow:var(--shadow-sm);padding:24px}.text-primary{color:var(--primary-blue)}.text-success{color:var(--growth-green)}.text-error{color:var(--error-red)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}