@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc,0 0 30px #9333ea99}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#f6f7f8,#edeef1,#f6f7f8 40%,#f6f7f8);background-size:1000px 100%}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#3b82f6,#8b5cf6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#2563eb,#7c3aed)}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-gradient{background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slideIn{animation:slideIn .3s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-spin-slow{animation:spin-slow 3s linear infinite}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}input:focus,select:focus,textarea:focus{outline:none;ring:2px;ring-color:rgba(59,130,246,.5)}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (max-width: 640px){html{font-size:14px}}.spinner{border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.checkmark{stroke-dasharray:100;stroke-dashoffset:100;animation:checkmark .5s ease-out forwards}.bg-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-gradient-success{background:linear-gradient(135deg,#4facfe,#00f2fe)}::selection{background-color:#3b82f64d;color:inherit}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.portal-grid{background-image:linear-gradient(rgba(34,211,238,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.1) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes portalOpen{0%{opacity:0;transform:scale(.8) rotateY(90deg);filter:blur(10px)}to{opacity:1;transform:scale(1) rotateY(0);filter:blur(0px)}}.portal-entrance{animation:portalOpen .6s cubic-bezier(.34,1.56,.64,1)}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.holographic-text{background:linear-gradient(90deg,#06b6d4,#8b5cf6,#ec4899,#8b5cf6,#06b6d4);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:holographic 3s linear infinite}@keyframes energyFlow{0%{transform:translate(-200%) translateY(-50%)}to{transform:translate(200%) translateY(-50%)}}.energy-flow:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.8),rgba(168,85,247,.8),rgba(236,72,153,.8),transparent);animation:energyFlow 2s ease-in-out infinite}@keyframes portalGlow{0%,to{box-shadow:0 0 20px #22d3ee66,0 0 40px #a855f74d,inset 0 0 20px #22d3ee1a}50%{box-shadow:0 0 40px #22d3ee99,0 0 80px #a855f780,inset 0 0 30px #22d3ee33}}.portal-glow{animation:portalGlow 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-20px) translate(10px);opacity:.8}}.floating-particle{animation:float 4s ease-in-out infinite}.neon-border{border:2px solid;border-image:linear-gradient(45deg,#22d3ee80,#a855f780,#ec489980,#22d3ee80) 1;box-shadow:0 0 10px #22d3ee4d,inset 0 0 10px #22d3ee1a}@keyframes portalRing{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.portal-ring{animation:portalRing 2s ease-in-out infinite}@media (max-width: 768px){nav{padding:.5rem 1rem}nav .container{flex-direction:column;gap:.5rem}nav .flex{flex-wrap:wrap;gap:.25rem}nav a,nav button{padding:.5rem .75rem;font-size:.875rem}.admin-tabs{flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tabs button{min-width:auto;padding:.75rem 1rem;font-size:.75rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.bg-black\/20{padding:1rem}input,select,textarea{font-size:16px}button{min-height:44px;min-width:44px}.modal{padding:1rem;margin:.5rem;max-height:calc(100vh - 1rem);overflow-y:auto}.toast{margin:.5rem;max-width:calc(100vw - 1rem)}.transaction-item{padding:.75rem}.wallet-connect{flex-direction:column;width:100%}.wallet-connect button{width:100%;margin-bottom:.5rem}}@media (hover: none) and (pointer: coarse){a,button{min-height:44px;min-width:44px}button:hover{transform:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}}@media (max-width: 1024px) and (orientation: landscape){.admin-tabs{flex-wrap:nowrap}}@media (max-width: 375px){.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}button,a{padding:.5rem;font-size:.875rem}}