:root{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #ffffff;--text-secondary: #d1d5db;--border-color: #4b5563}.light{--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--bg-tertiary: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #d1d5db}.dark{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #ffffff;--text-secondary: #d1d5db;--border-color: #4b5563}.custom-select{background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:30px}select option{background-color:#1f2937!important;color:#fff!important;padding:8px 12px!important;border:none!important}select option:hover{background-color:#374151!important}select option:checked{background-color:#3b82f6!important}.transition-all{transition:all .2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}select:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.gradient-text{background:linear-gradient(45deg,#06b6d4,#3b82f6,#8b5cf6);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dropdown-container{position:relative;display:inline-block}.dropdown-container:after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ffffff;pointer-events:none}@media(max-width:768px){.flex-wrap>div{min-width:100%;margin-bottom:8px}select{min-width:100%!important}}.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.5)}.border-glow{box-shadow:0 0 10px #3b82f64d}.border-glow:hover{box-shadow:0 0 15px #3b82f680}