.btn-text:hover,body{color:var(--text-light)}.card-icon,.card-title{position:relative;z-index:1}:root{--bg-dark:#f3f4f6;--bg-card:#ffffff;--bg-input:#f9fafb;--primary:#0284c7;--accent:#0f766e;--text-light:#111827;--text-dim:#6b7280;--success:#10b981;--danger:#ef4444;--gradient-main:linear-gradient(135deg, var(--primary), var(--accent));--shadow-glow:0 4px 30px rgba(0, 0, 0, 0.08);--border-glass:1px solid rgba(0, 0, 0, 0.08)}:root[data-theme=dark]{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-input:#0f172a;--primary:#38bdf8;--accent:#2dd4bf;--text-light:#f8fafc;--text-dim:#94a3b8;--shadow-glow:0 4px 30px rgba(0, 0, 0, 0.5);--border-glass:1px solid rgba(255, 255, 255, 0.08)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;transition:background-color .3s,color .3s}html{height:-webkit-fill-available}.text-gradient{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--text-light);border:none;color:var(--bg-dark);padding:16px 32px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1);box-shadow:var(--shadow-glow);width:100%}.back-link,.btn-text{background:0 0;color:var(--text-dim);font-weight:600;cursor:pointer;border:none}.back-link,.btn-text,.login-tab,.logout-btn{transition:.3s}.btn-primary:hover{transform:translateY(-2px);background:#e2e8f0;box-shadow:0 10px 40px rgba(255,255,255,.1)}.btn-text{padding:10px}.back-link:hover,.login-logo span,.login-tab.active,.logo span,.search-container input:focus+.search-icon{color:var(--primary)}.back-link{display:flex;align-items:center;gap:8px;margin-bottom:20px}#navbar,.login-card,.login-tab.active{background:var(--bg-card)}#login-page,.logo{display:flex;align-items:center}.back-link:hover{transform:translateX(-5px)}.input-group i,.search-container .search-icon{top:50%;transform:translateY(-50%);position:absolute}#login-page{position:fixed;inset:0;z-index:2000;background:var(--bg-dark);justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.login-tabs,.user-pill{background:var(--bg-input)}.login-header{text-align:center;margin-bottom:40px}.login-logo{font-size:2.5rem;font-weight:800;letter-spacing:-1px}.login-error,.login-tab{font-weight:600;text-align:center}.input-group i,.login-footer,.login-header p,.login-tab{color:var(--text-dim)}.login-header p{margin-top:8px}.login-tabs{display:flex;gap:12px;margin-bottom:30px;padding:6px;border-radius:14px}.login-tab{flex:1;padding:12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.login-tab.active{box-shadow:0 4px 12px rgba(0,0,0,.1)}.input-group{position:relative;margin-bottom:20px}.input-group i{left:16px}.input-group input,.input-group select,.input-group textarea{width:100%;background:var(--bg-input);border:2px solid transparent;padding:16px 16px 16px 44px;border-radius:12px;color:var(--text-light);font-size:1rem;outline:0;transition:.3s}.input-group textarea{resize:vertical;height:100px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);background:var(--bg-card)}.login-footer{text-align:center;margin-top:24px;font-size:.9rem}.login-footer span{color:var(--primary);cursor:pointer;font-weight:700}.login-error{color:var(--danger);margin-bottom:20px;min-height:20px}#main-container,.nav-container{max-width:1200px;margin:0 auto}#navbar{position:fixed;top:0;width:100%;z-index:1000;backdrop-filter:blur(20px);border-bottom:var(--border-glass);display:none}.card-item:hover,.list-item:hover{border-color:rgba(255,255,255,.15)}.nav-container{padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;gap:10px}.nav-actions,.user-pill{align-items:center;display:flex}.logo i,.modal-card h3 i{color:var(--accent)}.nav-actions{gap:16px}.user-pill{padding:8px 16px;border-radius:30px;font-weight:600;gap:8px;font-size:.9rem}.logout-btn{width:40px;height:40px;border-radius:50%;background:rgba(239,68,68,.1);color:var(--danger);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.card-item,.search-container input{transition:.3s cubic-bezier(.4, 0, .2, 1)}.logout-btn:hover{background:var(--danger);color:#fff}#main-container{padding:120px 24px 60px;display:none}.view{display:none;animation:.5s ease-out fadeUp}.view.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-section{text-align:center;margin-bottom:70px}.hero-section h1{font-size:3.8rem;font-weight:800;line-height:1.15;margin-bottom:18px;letter-spacing:-1px}.hero-section p{color:var(--text-dim);font-size:1.15rem;max-width:600px;margin:0 auto 30px;line-height:1.6}.search-container{position:relative;max-width:600px;margin:0 auto}.search-container .search-icon{left:24px;color:var(--text-dim);font-size:1.2rem;transition:color .3s}.search-container input{width:100%;background:rgba(30,41,59,.7);backdrop-filter:blur(10px);border:var(--border-glass);padding:22px 22px 22px 60px;border-radius:20px;color:var(--text-light);font-size:1.1rem;outline:0;box-shadow:0 10px 30px rgba(0,0,0,.2)}#splash-screen,#waiting-screen,.support-input input{background:var(--bg-dark)}.search-container input:focus{border-color:rgba(255,255,255,.2);background:rgba(30,41,59,.9);box-shadow:0 10px 40px rgba(0,0,0,.4)}.view-title{font-size:2.2rem;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.view-subtitle{color:var(--text-dim);margin-bottom:40px;font-size:1.05rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.card-item{background:var(--bg-card);border:var(--border-glass);border-radius:24px;padding:36px 24px;text-align:center;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}.card-item::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0,transparent 100%);opacity:1;z-index:0;pointer-events:none}.card-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.card-icon{font-size:3rem;margin-bottom:24px;display:inline-block}.card-icon i{color:var(--primary);filter:drop-shadow(0 0 15px rgba(56, 189, 248, .4))}.card-title{font-weight:700;font-size:1.25rem;letter-spacing:-.3px}.selected-device-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;background:var(--bg-card);padding:32px;border-radius:28px;border:var(--border-glass)}.device-icon-large{width:80px;height:80px;background:rgba(56,189,248,.1);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--primary);border:1px solid rgba(56,189,248,.2)}.list-item,.tech-card{background:var(--bg-card)}.list-container{display:flex;flex-direction:column;gap:14px}.list-item{padding:22px 28px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1);border:var(--border-glass);font-weight:600;font-size:1.05rem}.tech-body,.tech-header{padding:24px}.tech-avatar,.tech-header{align-items:center;display:flex}.list-item:hover{background:rgba(255,255,255,.03);transform:translateX(6px)}.list-item i{color:var(--text-dim);transition:transform .3s}.list-item:hover i{transform:translateX(4px);color:var(--text-light)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.tech-card{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:.3s}.tech-card:hover{border-color:var(--accent);transform:translateY(-8px)}.tech-header{background:var(--bg-input);gap:16px}.tech-avatar{width:64px;height:64px;background:var(--gradient-main);border-radius:50%;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff}.mission-item,.stat-card{background:var(--bg-card)}.tech-info h4{font-size:1.2rem;font-weight:700}.tech-rating{color:#fbbf24;font-size:.9rem;margin-top:4px}.tech-detail{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-dim)}#toast,.tech-price{color:var(--text-light)}.tech-detail i{color:var(--primary);width:20px;text-align:center}.tech-price{font-size:1.4rem;font-weight:800}.tech-footer{padding:0 24px 24px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.stat-card{padding:30px;border-radius:24px;text-align:center;border:1px solid rgba(255,255,255,.05)}.stat-card.pending{border-bottom:4px solid var(--warning)}.stat-card.earned{border-bottom:4px solid var(--success)}.stat-card h3{color:var(--text-dim);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.stat-value{font-size:3rem;font-weight:800}.section-header{margin:40px 0 20px;font-size:1.2rem;font-weight:700}.missions-list{display:flex;flex-direction:column;gap:16px}.mission-item{border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05);transition:.3s}.mission-item:hover{border-color:var(--primary)}.mission-meta{display:flex;justify-content:space-between;margin-bottom:16px;color:var(--text-dim);font-size:.9rem}.mission-id{color:var(--primary);font-weight:700}.btn-accept,.btn-decline{color:#fff;padding:12px;font-weight:700;cursor:pointer}.mission-details p{margin-bottom:8px}.mission-details strong{color:var(--text-dim);margin-right:8px}.mission-actions{display:flex;gap:12px;margin-top:24px}#toast,.modal-overlay{display:none;position:fixed}.btn-accept{flex:1;background:#10b981;border:none;border-radius:12px}.btn-decline{flex:1;background:#ef4444;border:none;border-radius:12px}.modal-overlay{inset:0;background:rgba(10,14,23,.9);backdrop-filter:blur(10px);z-index:3000;align-items:center;justify-content:center;padding:20px}#toast,.modal-card{background:var(--bg-card)}.modal-card h3,.timer-text{display:flex;align-items:center}.modal-card{width:100%;max-width:500px;padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);animation:.3s zoomIn}@keyframes zoomIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-card h3{margin-bottom:30px;font-size:1.5rem;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:30px}.pulse-ring{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;border:2px solid var(--primary);animation:2s infinite pulse;opacity:0}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}#waiting-screen h2{font-size:2rem;margin-top:40px;margin-bottom:8px}#waiting-screen p{color:var(--text-dim);margin-bottom:40px}.timer-wrapper{position:relative;width:100px;height:100px;margin:0 auto 40px}.timer-svg{width:100px;height:100px;transform:rotate(-90deg)}.timer-path-gray{fill:none;stroke:var(--bg-input);stroke-width:6}.timer-path-color{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.timer-text{position:absolute;inset:0;justify-content:center;font-size:2rem;font-weight:800}.support-btn,.support-header{display:flex;align-items:center;color:#fff}#toast{top:20px;left:50%;transform:translateX(-50%);padding:16px 32px;border-radius:50px;font-weight:600;z-index:5000;box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid var(--primary);animation:.3s slideDown}@keyframes slideDown{from{transform:translate(-50%,-100%)}to{transform:translate(-50%,0)}}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.login-card,.modal-card{padding:30px 20px}#main-container{padding-top:80px}.stats-row{grid-template-columns:1fr}}.support-btn{position:fixed;bottom:30px;right:30px;width:65px;height:65px;background:#25d366;border-radius:50%;justify-content:center;font-size:35px;cursor:pointer;z-index:9999;box-shadow:0 10px 25px rgba(37,211,102,.4);transition:transform .3s}#waiting-screen,.support-modal{position:fixed;display:none;overflow:hidden}.support-btn:hover{transform:scale(1.1)}.support-modal{bottom:110px;right:30px;width:350px;background:var(--bg-card);border-radius:20px;border:1px solid rgba(255,255,255,.1);flex-direction:column;z-index:9998;box-shadow:0 15px 35px rgba(0,0,0,.5)}.support-modal.open{display:flex;animation:.3s slideUp}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.support-header{background:#075e54;padding:15px 20px;gap:15px}.support-input,.support-messages{gap:10px;padding:15px;display:flex}.support-avatar{width:45px;height:45px;background:#fff;color:#075e54;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.support-messages{height:350px;overflow-y:auto;background:#e5ddd5;flex-direction:column}.support-input{background:var(--bg-input)}.support-input input{flex:1;padding:15px;border-radius:20px;border:none;outline:0;color:#fff}#splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:999999;transition:opacity .5s ease-in-out,transform .6s cubic-bezier(.8, 0, .2, 1)}.logo-container{display:flex;justify-content:center;align-items:center;animation:1.2s cubic-bezier(.175,.885,.32,1.275) forwards appLaunchBounce}.splash-logo{width:160px;filter:drop-shadow(0px 10px 25px rgba(99, 102, 241, .6))}@keyframes appLaunchBounce{0%{transform:scale(.1);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}.fade-out{opacity:0!important;visibility:hidden!important;transform:scale(1.3);pointer-events:none}@keyframes pulseRed{0%,100%{transform:scale(.95);opacity:.5}50%{transform:scale(1.1);opacity:1}}#view-chat{animation:none!important;transform:none!important}body.chat-active{overflow:hidden!important}.pulsating-avatar{animation:2s ease-in-out infinite pulseRed}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-80px) scale(.97)}60%{opacity:1;transform:translateX(8px) scale(1.01)}100%{opacity:1;transform:translateX(0) scale(1)}}.slide-in-mission{animation:.5s cubic-bezier(.22,1,.36,1) both slideInLeft}#waiting-screen{inset:0;z-index:4000;align-items:center;justify-content:center}#waiting-radar-map{position:absolute;inset:0;z-index:0;opacity:.55;transition:opacity .6s}#waiting-screen .waiting-content{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:1000;text-align:center;background:rgba(17,24,39,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:32px 28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 40px rgba(0,0,0,.5);max-width:420px;width:90%}.radar-marker{position:relative;width:160px;height:160px}.radar-dot,.radar-wave{position:absolute;top:50%;left:50%;border-radius:50%}.radar-dot{transform:translate(-50%,-50%);width:18px;height:18px;background:var(--accent);box-shadow:0 0 20px var(--accent),0 0 60px rgba(45,212,191,.3);z-index:3}.radar-wave{transform:translate(-50%,-50%) scale(0);width:160px;height:160px;border:2px solid var(--accent);opacity:0;animation:3s ease-out infinite radarPulse}.radar-wave:nth-child(2){animation-delay:1s}.radar-wave:nth-child(3){animation-delay:2s}@keyframes radarPulse{0%{transform:translate(-50%,-50%) scale(.1);opacity:.7;border-width:3px}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0;border-width:1px}}#waiting-radar-map .leaflet-control-attribution,#waiting-radar-map .leaflet-control-zoom{display:none!important}