/* Font Fallback CSS - สำหรับกรณีที่ Font Awesome โหลดไม่ได้ */

/* Fallback Icons using Unicode */
.fa-handshake::before { content: "🤝"; }
.fa-user-plus::before { content: "👤+"; }
.fa-sign-in-alt::before { content: "➡️"; }
.fa-spinner::before { content: "⏳"; }
.fa-spin::before { animation: spin 1s linear infinite; }
.fa-calendar::before { content: "📅"; }
.fa-users::before { content: "👥"; }
.fa-chart-line::before { content: "📈"; }
.fa-cog::before { content: "⚙️"; }
.fa-bars::before { content: "☰"; }
.fa-times::before { content: "✕"; }
.fa-edit::before { content: "✏️"; }
.fa-trash::before { content: "🗑️"; }
.fa-eye::before { content: "👁️"; }
.fa-plus::before { content: "+"; }
.fa-minus::before { content: "-"; }
.fa-search::before { content: "🔍"; }
.fa-filter::before { content: "🔧"; }
.fa-download::before { content: "⬇️"; }
.fa-upload::before { content: "⬆️"; }
.fa-print::before { content: "🖨️"; }
.fa-envelope::before { content: "✉️"; }
.fa-phone::before { content: "📞"; }
.fa-map-marker-alt::before { content: "📍"; }
.fa-clock::before { content: "🕐"; }
.fa-calendar-alt::before { content: "📆"; }
.fa-check::before { content: "✅"; }
.fa-exclamation-triangle::before { content: "⚠️"; }
.fa-info-circle::before { content: "ℹ️"; }
.fa-question-circle::before { content: "❓"; }
.fa-chevron-down::before { content: "▼"; }
.fa-chevron-up::before { content: "▲"; }
.fa-chevron-left::before { content: "◀"; }
.fa-chevron-right::before { content: "▶"; }
.fa-arrow-left::before { content: "←"; }
.fa-arrow-right::before { content: "→"; }
.fa-home::before { content: "🏠"; }
.fa-user::before { content: "👤"; }
.fa-lock::before { content: "🔒"; }
.fa-unlock::before { content: "🔓"; }
.fa-bell::before { content: "🔔"; }
.fa-star::before { content: "⭐"; }
.fa-heart::before { content: "❤️"; }
.fa-thumbs-up::before { content: "👍"; }
.fa-thumbs-down::before { content: "👎"; }
.fa-share::before { content: "📤"; }
.fa-link::before { content: "🔗"; }
.fa-external-link-alt::before { content: "🔗"; }
.fa-copy::before { content: "📋"; }
.fa-paste::before { content: "📋"; }
.fa-save::before { content: "💾"; }
.fa-file::before { content: "📄"; }
.fa-folder::before { content: "📁"; }
.fa-image::before { content: "🖼️"; }
.fa-video::before { content: "🎥"; }
.fa-music::before { content: "🎵"; }
.fa-camera::before { content: "📷"; }
.fa-microphone::before { content: "🎤"; }
.fa-volume-up::before { content: "🔊"; }
.fa-volume-mute::before { content: "🔇"; }
.fa-play::before { content: "▶️"; }
.fa-pause::before { content: "⏸️"; }
.fa-stop::before { content: "⏹️"; }
.fa-backward::before { content: "⏪"; }
.fa-forward::before { content: "⏩"; }
.fa-step-backward::before { content: "⏮️"; }
.fa-step-forward::before { content: "⏭️"; }
.fa-redo::before { content: "🔄"; }
.fa-undo::before { content: "↶"; }
.fa-sync::before { content: "🔄"; }
.fa-refresh::before { content: "🔄"; }
.fa-wifi::before { content: "📶"; }
.fa-battery-full::before { content: "🔋"; }
.fa-battery-half::before { content: "🔋"; }
.fa-battery-empty::before { content: "🔋"; }
.fa-signal::before { content: "📶"; }
.fa-mobile-alt::before { content: "📱"; }
.fa-tablet-alt::before { content: "📱"; }
.fa-laptop::before { content: "💻"; }
.fa-desktop::before { content: "🖥️"; }
.fa-server::before { content: "🖥️"; }
.fa-database::before { content: "🗄️"; }
.fa-cloud::before { content: "☁️"; }
.fa-cloud-download-alt::before { content: "☁️⬇️"; }
.fa-cloud-upload-alt::before { content: "☁️⬆️"; }
.fa-shield-alt::before { content: "🛡️"; }
.fa-key::before { content: "🔑"; }
.fa-fingerprint::before { content: "👆"; }
.fa-qrcode::before { content: "📱"; }
.fa-barcode::before { content: "📊"; }
.fa-credit-card::before { content: "💳"; }
.fa-money-bill::before { content: "💰"; }
.fa-coins::before { content: "🪙"; }
.fa-gift::before { content: "🎁"; }
.fa-trophy::before { content: "🏆"; }
.fa-medal::before { content: "🏅"; }
.fa-certificate::before { content: "📜"; }
.fa-award::before { content: "🏆"; }
.fa-ribbon::before { content: "🎗️"; }
.fa-flag::before { content: "🏁"; }
.fa-bookmark::before { content: "🔖"; }
.fa-tag::before { content: "🏷️"; }
.fa-tags::before { content: "🏷️"; }
.fa-hashtag::before { content: "#"; }
.fa-at::before { content: "@"; }
.fa-percentage::before { content: "%"; }
.fa-infinity::before { content: "∞"; }
.fa-pi::before { content: "π"; }
.fa-sigma::before { content: "Σ"; }
.fa-omega::before { content: "Ω"; }
.fa-alpha::before { content: "α"; }
.fa-beta::before { content: "β"; }
.fa-gamma::before { content: "γ"; }
.fa-delta::before { content: "Δ"; }
.fa-theta::before { content: "θ"; }
.fa-lambda::before { content: "λ"; }
.fa-mu::before { content: "μ"; }
.fa-phi::before { content: "φ"; }
.fa-psi::before { content: "ψ"; }
.fa-omega::before { content: "ω"; }

/* Spinning animation for loading */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Fallback font stack */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Ensure icons are visible even without Font Awesome */
[class^="fa-"], [class*=" fa-"] {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 1em;
}

/* Responsive icon sizing */
.fa-lg { font-size: 1.33333em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* Icon spacing */
.fa-fw { width: 1.28571em; text-align: center; }
.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

/* Icon stacking */
.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; }
.fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }

/* Icon pull classes */
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }

/* Icon border */
.fa-border { border: 0.08em solid currentColor; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; }

/* Icon fixed width */
.fa-fw { width: 1.28571em; text-align: center; }

/* Icon list */
.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; }
.fa-ul > li { position: relative; }

/* Icon list item */
.fa-li { left: -2.14286em; position: absolute; text-align: center; top: 0.14286em; width: 2.14286em; }

/* Icon pull classes */
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }

/* Icon border */
.fa-border { border: 0.08em solid currentColor; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; }

/* Icon fixed width */
.fa-fw { width: 1.28571em; text-align: center; }

/* Icon list */
.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; }
.fa-ul > li { position: relative; }

/* Icon list item */
.fa-li { left: -2.14286em; position: absolute; text-align: center; top: 0.14286em; width: 2.14286em; }