.interstellar-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}.aurora{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.6;background:radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(72,209,204,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,105,180,.2) 0%,transparent 60%);animation:aurora-flow 20s ease-in-out infinite;filter:blur(60px)}@keyframes aurora-flow{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10%,5%) scale(1.1)}50%{transform:translate(-5%,10%) scale(.9)}75%{transform:translate(-10%,-5%) scale(1.05)}}.nebula{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,rgba(147,112,219,.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,182,193,.12) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(64,224,208,.1) 0%,transparent 50%);animation:nebula-drift 30s ease-in-out infinite;filter:blur(80px)}@keyframes nebula-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px,20px) rotate(5deg)}}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent);background-size:200% 200%;animation:stars-twinkle 5s ease-in-out infinite}@keyframes stars-twinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.shooting-star{position:absolute;width:2px;height:2px;background:linear-gradient(90deg,#fff,transparent);border-radius:50%;box-shadow:0 0 10px 2px #fffc;animation:shooting 3s linear infinite}.shooting-star:nth-child(1){top:20%;left:10%;animation-delay:0s}.shooting-star:nth-child(2){top:60%;left:80%;animation-delay:1.5s}.shooting-star:nth-child(3){top:40%;left:50%;animation-delay:3s}@keyframes shooting{0%{transform:translate(0) translateY(0);opacity:1}to{transform:translate(300px) translateY(300px);opacity:0}}.cosmic-dust{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;animation:dust-float 40s linear infinite}@keyframes dust-float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.gleam{position:relative;overflow:hidden}.gleam:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);animation:gleam-sweep 3s ease-in-out infinite}@keyframes gleam-sweep{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.psychedelic-pill{position:relative;background:linear-gradient(135deg,#ffb6c133,#dda0dd33,#b0e0e633,#ffdab933,#ffb6c133);background-size:400% 400%;-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);border:2px solid rgba(255,255,255,.2);border-radius:50px;padding:24px 32px;animation:psychedelic-flow 8s ease-in-out infinite;box-shadow:0 10px 40px #8a2be24d,0 0 60px #48d1cc33,inset 0 2px #fff3}@keyframes psychedelic-flow{0%,to{background-position:0% 50%}25%{background-position:50% 75%}50%{background-position:100% 50%}75%{background-position:50% 25%}}.psychedelic-pill input{background:transparent;border:none;outline:none;color:#fff;font-size:20px;font-weight:500;width:100%;font-family:Inter,-apple-system,sans-serif}.psychedelic-pill input::placeholder{color:#ffffff80;font-style:italic}.sacred-geometry{position:absolute;width:100%;height:100%;opacity:.03;background-image:radial-gradient(circle at center,transparent 40%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.1) 41%,transparent 41%),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,.05) 60deg,transparent 120deg);background-size:100px 100px,200px 200px;animation:sacred-rotate 60s linear infinite}@keyframes sacred-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:40px}.bento-box{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0003}.bento-box:hover{transform:translateY(-8px) rotateX(5deg);background:#ffffff0f;border-color:#ffffff26;box-shadow:0 20px 60px #0006}html{scroll-behavior:smooth}.counter{font-size:72px;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;animation:progress-animate 2s ease-in-out infinite;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1)}@keyframes progress-animate{0%{background-position:0% 50%}to{background-position:100% 50%}}.modal-blur{-webkit-backdrop-filter:blur(40px) saturate(150%);backdrop-filter:blur(40px) saturate(150%);background:#000000b3}.browser-mockup{background:#1e1e28e6;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a}.browser-header{height:40px;background:#282832f2;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05)}.browser-dots{display:flex;gap:8px}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot.red{background:#ff5f56}.browser-dot.yellow{background:#ffbd2e}.browser-dot.green{background:#27c93f}.token-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 15px #667eea66;display:inline-flex;align-items:center;gap:8px}.agent-card{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;position:relative;overflow:hidden}.agent-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.agent-card:hover:before{left:100%}.agent-status{display:inline-block;width:8px;height:8px;border-radius:50%;animation:pulse-status 2s ease-in-out infinite}.agent-status.active{background:#27c93f;box-shadow:0 0 10px #27c93f}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.dashboard-container{min-height:100vh;padding:2rem;position:relative;z-index:10}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px}.dashboard-header-left{display:flex;align-items:center;gap:2rem}.dashboard-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#8a2be2,#48d1cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:1rem;color:#ffffffb3}.admin-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:linear-gradient(135deg,gold,orange);color:#000;border-radius:20px;font-size:.85rem;font-weight:600}.dashboard-header-right{display:flex;align-items:center;gap:1.5rem}.token-display{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#8a2be233;border:1px solid rgba(138,43,226,.4);border-radius:30px;color:#fff}.token-balance{font-size:1.25rem;font-weight:700;color:#48d1cc}.token-label{font-size:.9rem;color:#fff9}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:2rem}.query-section{padding:2rem}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:#fff}.psychedelic-pill-container{display:flex;gap:1rem;margin-bottom:1rem}.psychedelic-pill-btn{white-space:nowrap;display:flex;align-items:center;gap:.5rem}.cost-estimate{padding:1rem;background:#48d1cc1a;border:1px solid rgba(72,209,204,.3);border-radius:15px;margin-top:1rem}.cost-info{display:flex;align-items:center;gap:.5rem;color:#48d1cc;margin-bottom:.5rem}.agent-preview{display:flex;flex-wrap:wrap;gap:.5rem}.agent-chip{padding:.3rem .8rem;background:#8a2be24d;border:1px solid rgba(138,43,226,.5);border-radius:15px;font-size:.85rem;color:#fff}.active-task{padding:2rem}.task-info{margin-bottom:2rem}.task-header{display:flex;gap:1rem;margin-bottom:.5rem}.task-status{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;background:#ffffff1a}.task-type{padding:.4rem 1rem;background:#48d1cc33;border:1px solid rgba(72,209,204,.4);border-radius:20px;font-size:.85rem;color:#48d1cc}.task-query{font-size:1.1rem;color:#ffffffe6}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.agent-card{padding:1.5rem;background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:15px;display:flex;flex-direction:column;gap:1rem}.agent-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#48d1cc33;border-radius:12px;color:#48d1cc}.agent-info{flex:1}.agent-type{font-weight:600;color:#fff;text-transform:capitalize;margin-bottom:.25rem}.agent-status{font-size:.85rem;text-transform:uppercase}.agent-action{font-size:.8rem;color:#fff9;margin-top:.25rem}.agent-progress{display:flex;align-items:center;gap:.5rem}.progress-bar-bg{flex:1;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8a2be2,#48d1cc);border-radius:10px;transition:width .5s ease}.progress-text{font-size:.85rem;color:#48d1cc;min-width:40px;text-align:right}.approvals-section{padding:2rem}.approvals-list{display:flex;flex-direction:column;gap:1rem}.approval-card{padding:1.5rem;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:15px}.approval-header{display:flex;gap:1rem;margin-bottom:.5rem}.approval-type{padding:.3rem .8rem;background:#ffa50033;border-radius:15px;font-size:.85rem;color:orange;text-transform:uppercase}.approval-agent{color:#fff9;font-size:.85rem}.approval-details{margin:1rem 0;color:#fffc}.btn-approve{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#48d1cc,#8a2be2);border:none;border-radius:20px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s}.btn-approve:hover{transform:scale(1.05)}.tasks-section{padding:2rem}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-item{padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;cursor:pointer;transition:all .3s}.task-item:hover{background:#ffffff14;border-color:#48d1cc80}.task-item-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.task-date{color:#ffffff80;font-size:.85rem}.task-item-query{color:#ffffffe6;margin-bottom:1rem}.task-item-footer{display:flex;gap:1.5rem;font-size:.85rem;color:#fff9}.task-agents,.task-tokens{display:flex;align-items:center;gap:.3rem}.btn-secondary{padding:.6rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1rem}.psychedelic-pill-container{flex-direction:column}.agents-grid{grid-template-columns:1fr}}
