:root{--bg-color:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#0f172ab3;--glass-border:#ffffff1a;--glass-shadow:0 10px 40px 0 #0006;--color-primary:#0ea5e9;--color-secondary:#3b82f6;--color-accent:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#0ea5e91f,#0000 50%),radial-gradient(circle at 85% 30%,#8b5cf61f,#0000 50%),radial-gradient(circle at 50% 80%,#38bdf81f,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.video-bg{object-fit:cover;z-index:-2;filter:saturate(1.2);width:100%;height:100%;position:fixed;top:0;left:0}.video-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1;background:#0a0a0fb3;width:100%;height:100%;position:fixed;top:0;left:0}.noise-overlay{opacity:.03;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(100px,50px)scale(1.1)}}.glass-header{-webkit-backdrop-filter:blur(25px)saturate(200%);z-index:100;background:#0f172abf;border:1px solid #ffffff1a;border-radius:100px;justify-content:space-between;align-items:center;width:90%;max-width:1000px;padding:.8rem 1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0000004d,inset 0 1px #ffffff1a}.logo{align-items:center;gap:.8rem;display:flex}.logo img{filter:drop-shadow(0 2px 5px #0000001a)}.logo h1{color:var(--text-primary);letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.logo span{color:var(--text-secondary);font-weight:300}.search-bar{align-items:center;display:flex;position:relative}.search-bar svg{width:18px;height:18px;color:var(--text-secondary);pointer-events:none;position:absolute;left:1.2rem}.search-bar input{width:300px;color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1a;border-radius:100px;outline:none;padding:.8rem 1.5rem .8rem 3rem;font-family:inherit;font-size:.9rem;transition:all .3s}.search-bar input:focus{border-color:var(--color-primary);background:#ffffff26;box-shadow:0 0 15px #0ea5e94d}.user-profile{align-items:center;gap:1rem;display:flex}.avatar{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.ai-background{z-index:-2;background:#f1f5f9;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glass-overlay{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s infinite alternate float;position:absolute}.orb-1{background:#0ea5e966;width:50vw;height:50vw;animation-delay:0s;top:-20vh;left:-10vw}.orb-2{background:#8b5cf64d;width:60vw;height:60vw;animation-delay:-5s;bottom:-30vh;right:-10vw}.orb-3{background:#38bdf866;width:40vw;height:40vw;animation-delay:-10s;top:30vh;left:30vw}.dashboard{max-width:1400px;margin:0 auto;padding:10rem 2rem 4rem;position:relative}.dashboard-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.ai-status-pill{color:#38bdf8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #0ea5e966;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 16px;display:inline-flex;box-shadow:0 4px 20px #0ea5e940}.pulsing-dot{background:#10ac53;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 10px #10ac53}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.ai-greeting{letter-spacing:-2px;color:var(--text-primary);margin-bottom:.5rem;font-size:3.5rem;font-weight:900}.gradient-text{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dashboard-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.apps-container{-webkit-backdrop-filter:blur(30px)saturate(150%);background:#0f172a66;border:1px solid #ffffff1a;border-radius:44px;max-width:900px;margin:0 auto;padding:4rem 2rem;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));justify-items:center;gap:3rem 1.5rem;display:grid}.app-card{box-shadow:none;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;width:100px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);animation:.5s ease-out backwards fadeIn;display:flex}.app-card:hover{transform:scale(1.08)}.ios-app-icon{background:#fff;border-radius:22px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:.6rem;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 25px #00000026,inset 0 1px 1px #fff6}.edit-app-btn{cursor:pointer;opacity:0;z-index:10;background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 4px 10px #0003}.edit-app-btn:hover{background:#fff;transform:scale(1.15)}.app-card:hover .edit-app-btn{opacity:1}.app-card:hover .ios-app-icon{box-shadow:0 15px 30px #0ea5e940}.ios-app-icon img{object-fit:cover;width:100%;height:100%}.ios-app-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #fffc;max-width:100%;font-size:.95rem;font-weight:600;overflow:hidden}.loader-container{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem;display:flex}.loader{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.glass-header{border-radius:24px;flex-wrap:wrap;gap:.8rem;width:95%;padding:.8rem 1rem;top:1rem}.logo h1,.user-profile .username{display:none}.search-bar{order:3;width:100%}.search-bar input{width:100%;padding:.7rem 1rem .7rem 3rem}.header-actions{gap:.8rem}.dashboard{padding:8rem 1rem 2rem}.dashboard-header h2{font-size:2.2rem}.apps-container{border-radius:32px;padding:2.5rem 1.5rem}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:2rem 1rem}.ios-app-icon{border-radius:18px;width:80px;height:80px}}.login-body{justify-content:center;align-items:center;height:100vh;margin:0;display:flex;overflow:hidden}.login-container{z-index:10;width:100%;max-width:420px;padding:2rem}.login-card{-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);text-align:center;background:#ffffff0d;border-radius:24px;padding:3rem 2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 15px 35px #0006}.login-card h2{margin-top:1rem;font-size:2rem;font-weight:700}.login-card .subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.input-group input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #00f2fe1a}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:1rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00f2fe4d}.btn-primary:active{transform:translateY(0)}.hidden{display:none!important}.error-message{color:#ff4757;background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;margin-top:1rem;margin-bottom:1rem;padding:.8rem;font-size:.9rem}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.justify-center{justify-content:center;display:flex}.mb-2{margin-bottom:.5rem}.logout-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.logout-btn:hover{color:#ff4757;background:#ff47571a}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:1;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-card{border:1px solid var(--glass-border);background:#fffffff2;border-radius:24px;width:100%;max-width:500px;padding:2.5rem;transition:transform .3s;transform:translateY(0)scale(1);box-shadow:0 25px 50px #0000001a}.modal-overlay.hidden .modal-card{transform:translateY(20px)scale(.95)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.close-btn{color:var(--text-primary);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:2rem;line-height:1}.close-btn:hover{opacity:1;color:#ff4757}.header-actions{align-items:center;gap:1.5rem;display:flex}.add-app-btn{color:var(--color-primary);cursor:pointer;background:#00f2fe26;border:1px solid #00f2fe4d;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.add-app-btn:hover{background:#00f2fe40;transform:translateY(-2px)}.iframe-overlay{z-index:2000;opacity:1;background:#0f172a;flex-direction:column;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(0)}.iframe-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.iframe-header{color:#fff;z-index:10;background:#1e293b;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:.8rem 2rem;display:flex;position:relative;box-shadow:0 4px 20px #0003}.iframe-container{background:#fff;flex-grow:1;width:100%;position:relative}.iframe-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.iframe-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.iframe-action-btn:hover{color:#fff;background:#ffffff1a}.close-btn-red:hover{color:#ff4757;background:#ff475726}.file-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:12px;width:100%;font-family:inherit;padding:.8rem!important}.file-input::file-selector-button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-right:1rem;padding:.5rem 1rem;font-weight:600;transition:all .2s}.file-input::file-selector-button:hover{opacity:.9}.app-icon img{object-fit:contain;border-radius:12px;width:100%;height:100%}.pwa-install-banner{-webkit-backdrop-filter:blur(20px);z-index:9999;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:400px;padding:1rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}.pwa-banner-content{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.pwa-banner-text h4{color:#fff;margin:0 0 .3rem;font-size:1rem;font-weight:600}.pwa-banner-text p{color:var(--text-secondary);margin:0;font-size:.8rem}.pwa-close-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.2rem;line-height:1;display:flex;position:absolute;top:-12px;right:-12px}