:root{--color-bg: #F3F4F6;--color-surface: #111827;--color-border: rgba(255, 255, 255, .05);--color-text-main: #111827;--color-text-muted: #6B7280;--color-primary: #FFC107;--color-brand: #FFC107;--color-graphite: #1F2937}[data-theme=dark]{--color-bg: #09090B;--color-surface: #111827;--color-border: rgba(255, 255, 255, .05);--color-text-main: #F8FAFC;--color-text-muted: #94A3B8;--color-primary: #FFC107;--color-brand: #FFC107;--color-graphite: #1F2937}.input-tech{background-color:#0006!important;border:1px solid rgba(255,255,255,.1)!important;color:#d1d5db!important;transition:all .3s ease}.input-tech:focus{border-color:var(--color-brand)!important;box-shadow:0 0 15px #ffc10733!important;outline:none;background-color:#0009!important}.input-tech option{background-color:#000!important;color:#d1d5db!important}.sidebar-active-item{background:linear-gradient(90deg,#ffc10726,#ffc10705);border-left:3px solid var(--color-brand);box-shadow:inset 0 0 15px #ffc1070d}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.border-primary{border-color:var(--color-primary)}@keyframes slide-in-mobile{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:slide-in-mobile .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes pulse-subtle{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.animate-pulse-subtle{animation:pulse-subtle 3s infinite ease-in-out}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;width:100%}.font-heading{font-family:Rajdhani,sans-serif}#initial-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:40px;height:40px;border:3px solid rgba(255,193,7,.1);border-top-color:#ffc107;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af33;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af66}@media(max-width:768px){input,select,textarea{font-size:16px!important;padding:12px!important}}