/* Base & Main Site Styles */
body { background-color: #020617; color: white; overflow-x: hidden; scroll-behavior: smooth; }
.glass { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
#main-content { min-height: calc(100vh - 200px); }
.loading-bar { height: 3px; background: linear-gradient(90deg, #a855f7, #3b82f6); width: 0%; transition: width 0.4s ease-out; position: fixed; top: 0; left: 0; z-index: 1000; box-shadow: 0 0 10px rgba(168,85,247,0.5); }

/* SPA Transitions */
.content-fade { transition: opacity 0.3s ease, transform 0.3s ease; }
.content-hidden { opacity: 0; transform: translateY(10px); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.6s ease forwards; }

/* Admin Portal Specific Styles */
.glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.05); }
.form-input { width: 100%; background: #020617; border: 1px solid #334155; padding: 0.5rem 1rem; border-radius: 0.375rem; color: white; margin-top: 0.25rem; }
.form-input:focus { outline: none; border-color: #a855f7; box-shadow: 0 0 0 1px #a855f7; }