body {
    font-family: 'Inter', sans-serif;
}
/* 自定義網格背景效果 - 模擬截圖右側 */
.grid-bg {
    background-color: #1C2434;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
}
/* 自定義藍色按鈕顏色 (接近 TailAdmin 原色) */
.bg-primary {
    background-color: #3C50E0;
}
.bg-primary:hover {
    background-color: #4F61E6;
}
.text-primary {
    color: #3C50E0;
}
.border-primary:focus {
    border-color: #3C50E0;
}

/* 隱藏 Scrollbar 但保留滾動功能 (Optional，為了美觀) */
.no-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.no-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.no-scrollbar::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}
.no-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}
.border-error {
    border-color: #DC2626 !important; /* Tailwind red-600 */
}