:root{--bgPrimary:#1a1a2e;--bgSecondary:#16213e;--bgTertiary:#0f3460;--bgCard:#ffffff0d;--bgCardHover:#ffffff1a;--bgInput:#ffffff1a;--textPrimary:#fff;--textSecondary:#ffffffb3;--textMuted:#ffffff80;--accent:#4fc3f7;--accentSecondary:#7c4dff;--success:#4caf50;--warning:#ff9800;--error:#f44336;--border:#ffffff1a;--shadow:#0000004d;--scrollbarTrack:#16213e;--scrollbarThumb:#4a4a6a}[data-theme=light]{--bgPrimary:#f5f7fa;--bgSecondary:#fff;--bgTertiary:#e8ecf1;--bgCard:#00000008;--bgCardHover:#0000000f;--bgInput:#0000000d;--textPrimary:#1a1a2e;--textSecondary:#000000b3;--textMuted:#00000080;--accent:#0288d1;--accentSecondary:#651fff;--success:#388e3c;--warning:#f57c00;--error:#d32f2f;--border:#0000001a;--shadow:#0000001a;--scrollbarTrack:#e8ecf1;--scrollbarThumb:#b0b0b0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a2e;background-color:var(--bgPrimary);color:#fff;color:var(--textPrimary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow:hidden;transition:background-color .3s,color .3s}#root{height:100vh;width:100vw}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#16213e;background:var(--scrollbarTrack)}::-webkit-scrollbar-thumb{background:#4a4a6a;background:var(--scrollbarThumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4fc3f7;background:var(--accent)}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.4}a{color:#4fc3f7;text-decoration:none}a:hover{text-decoration:underline}.title-bar{-webkit-app-region:drag;background:#0a0a1a;height:32px;justify-content:space-between;-webkit-user-select:none;user-select:none}.title-bar,.title-bar-drag{align-items:center;display:flex}.title-bar-drag{flex:1 1;gap:8px;padding-left:12px}.title-bar-logo{font-size:14px}.title-bar-text{color:#b0b0c0;font-size:12px;font-weight:500}.title-bar-controls{-webkit-app-region:no-drag;display:flex}.title-btn{align-items:center;background:#0000;border:none;color:#b0b0c0;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:46px}.title-btn:hover{background:#ffffff1a;color:#fff}.title-btn.close:hover{background:#e81123;color:#fff}.title-btn svg{height:10px;width:10px}.tab-bar{-webkit-app-region:drag;background:#0f0f23;gap:4px;min-height:44px;padding:8px 8px 0}.home-btn,.tab-bar{align-items:center;display:flex}.home-btn{-webkit-app-region:no-drag;background:#ffffff0d;border-radius:8px;color:#b0b0c0;flex-shrink:0;font-size:18px;height:36px;justify-content:center;margin-right:8px;transition:all .2s ease;width:36px}.home-btn:hover{background:#4fc3f733;color:#4fc3f7;transform:scale(1.1)}.tabs-container{-webkit-app-region:no-drag;display:flex;flex:1 1;gap:2px;overflow-x:auto}.tab{align-items:center;background:#1a1a2e;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;display:flex;gap:8px;max-width:200px;min-width:120px;padding:8px 12px;transition:all .2s ease}.tab:hover{background:#252542}.tab.active{background:#16213e;border-color:#4a4a6a}.tab-favicon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.tab-favicon img{border-radius:2px;height:16px;width:16px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #4a4a6a;border-radius:50%;border-top-color:#4fc3f7;height:14px;width:14px}.tab-title{color:#b0b0c0;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.active .tab-title{color:#eaeaea}.tab-close{align-items:center;border-radius:4px;color:#808090;display:flex;font-size:14px;height:18px;justify-content:center;opacity:0;transition:all .2s ease;width:18px}.tab:hover .tab-close{opacity:1}.tab-close:hover{background:#ffffff1a;color:#ff6b6b}.new-tab-btn{-webkit-app-region:no-drag;align-items:center;border-radius:8px;color:#808090;display:flex;font-size:20px;height:32px;justify-content:center;margin-left:4px;transition:all .2s ease;width:32px}.new-tab-btn:hover{background:#ffffff1a;color:#4fc3f7}.navigation-bar{align-items:center;background:#16213e;border-bottom:1px solid #2a2a4a;display:flex;gap:8px;padding:8px 12px}.nav-buttons{display:flex;gap:4px}.nav-btn{align-items:center;border-radius:6px;color:#b0b0c0;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nav-btn:hover:not(:disabled){background:#ffffff1a;color:#eaeaea}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn.voice-btn{background:linear-gradient(135deg,#4fc3f733,#81c78433);color:#4fc3f7;font-size:14px}.nav-btn.voice-btn:hover{background:linear-gradient(135deg,#4fc3f766,#81c78466);box-shadow:0 0 10px #4fc3f74d;color:#81d4fa}.url-form{flex:1 1;max-width:800px}.url-input-container{align-items:center;background:#0f0f23;border:1px solid #3a3a5a;border-radius:20px;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.url-input-container:focus-within{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f733}.url-icon{color:#4caf50;font-size:12px;padding:0 12px}.url-input{background:#0000;border:none;color:#eaeaea;flex:1 1;font-size:14px;outline:none;padding:10px 12px 10px 0}.url-input::placeholder{color:#6a6a8a}.url-loading-bar{animation:loading 1s linear infinite;background:linear-gradient(90deg,#4fc3f7,#7c4dff,#4fc3f7);background-size:200% 100%;bottom:0;height:2px;left:0;position:absolute;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-actions{align-items:center;display:flex;gap:4px}.bookmark-btn.bookmarked,.bookmark-btn:hover{color:gold}.home-btn{margin-left:4px}.zoom-controls{position:relative}.zoom-btn{font-size:11px;min-width:50px;padding:0 8px}.zoom-menu{background:#0f0f23;border:1px solid #3a3a5a;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:4px;min-width:140px;padding:4px;position:absolute;right:0;top:100%;z-index:100}.zoom-menu button{border-radius:4px;color:#b0b0c0;display:block;font-size:12px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.zoom-menu button:hover{background:#ffffff1a;color:#eaeaea}.voice-chat-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.voice-chat-container{background:linear-gradient(145deg,#1e1e32f2,#141423fa);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 80px #00000080,0 0 100px #4fc3f71a;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:90%}.voice-chat-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:36px;position:absolute;right:15px;top:15px;transition:all .2s;width:36px}.voice-chat-close:hover{background:#ff64644d;transform:scale(1.1)}.voice-chat-avatar{background:radial-gradient(ellipse at center bottom,#4fc3f726,#0000 70%);border-radius:16px;height:400px;min-height:280px;overflow:hidden;position:relative;width:100%}.avatar-loading{font-size:80px}.voice-status{bottom:10px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.voice-status span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:20px;color:#fff;font-size:13px;padding:6px 14px}.status-listening{border:1px solid #4fc3f7}.status-speaking{border:1px solid #81c784}.status-connecting{border:1px solid #ffd54f}.voice-chat-transcript{background:#0000004d;border-radius:12px;font-size:14px;line-height:1.6;margin:20px 0;max-height:120px;overflow-y:auto;padding:15px}.transcript-user{color:#4fc3f7;margin-bottom:8px}.transcript-ai{color:#81c784}.transcript-error{color:#f48fb1}.transcript-ai .label,.transcript-user .label{font-weight:600;margin-right:8px}.voice-chat-controls{display:flex;gap:12px;justify-content:center}.voice-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s}.voice-btn-start{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;flex:1 1}.voice-btn-start:hover:not(:disabled){box-shadow:0 8px 25px #4fc3f766;transform:scale(1.02)}.voice-btn-start:disabled{cursor:not-allowed;opacity:.6}.voice-btn-stop{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;flex:1 1}.voice-btn-stop:hover{box-shadow:0 8px 25px #ef535066;transform:scale(1.02)}.voice-btn-text{background:#ffffff1a;color:#fff;justify-content:center;padding:14px;width:50px}.voice-btn-text:hover{background:#fff3}.voice-chat-text-input{display:flex;gap:10px;margin-top:15px}.voice-chat-text-input input{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.voice-chat-text-input input:focus{border-color:#4fc3f7}.voice-chat-text-input input::placeholder{color:#ffffff80}.voice-chat-text-input button{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:45px;transition:all .2s;width:45px}.voice-chat-text-input button:hover{transform:scale(1.1)}@keyframes speakingPulse{0%,to{box-shadow:0 0 0 0 #81c78466}50%{box-shadow:0 0 0 20px #81c78400}}.voice-chat-avatar.speaking{animation:speakingPulse 1s infinite}@keyframes listeningPulse{0%,to{box-shadow:0 0 0 0 #4fc3f766}50%{box-shadow:0 0 0 20px #4fc3f700}}.voice-chat-avatar.listening{animation:listeningPulse 1s infinite}@media (max-width:1024px){.voice-chat-container{max-width:550px;padding:25px;width:85%}.voice-chat-avatar{height:350px}}@media (max-height:500px) and (orientation:landscape){.voice-chat-overlay{align-items:flex-start;padding:10px}.voice-chat-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;max-height:95vh;max-width:95%;padding:15px}.voice-chat-close{font-size:16px;height:30px;right:10px;top:10px;width:30px}.voice-chat-avatar{flex-shrink:0;height:200px;min-height:150px;width:45%}.voice-chat-content{flex:1 1;min-width:200px}.voice-chat-transcript{margin:10px 0;max-height:80px}.voice-chat-controls{width:100%}.voice-btn{font-size:13px;padding:10px 20px}}@media (max-width:480px){.voice-chat-container{border-radius:20px;padding:20px;width:95%}.voice-chat-avatar{border-radius:12px;height:280px;min-height:220px}.voice-chat-close{font-size:18px;height:32px;right:12px;top:12px;width:32px}.voice-chat-transcript{font-size:13px;max-height:100px;padding:12px}.voice-chat-controls{flex-wrap:wrap;gap:10px}.voice-btn{font-size:14px;padding:12px 20px}.voice-btn-start,.voice-btn-stop{flex:1 1 100%}.voice-btn-text{flex:0 1}.voice-chat-text-input{flex-wrap:wrap}.voice-chat-text-input input{flex:1 1 100%}.voice-status span{font-size:11px;padding:5px 10px}}@media (max-width:360px){.voice-chat-container{padding:15px}.voice-chat-avatar{height:220px;min-height:180px}.voice-chat-transcript{font-size:12px;max-height:80px}.voice-btn{font-size:13px;padding:10px 16px}}@media (min-width:1200px){.voice-chat-container{max-width:650px;padding:35px}.voice-chat-avatar{height:450px}.voice-btn{font-size:16px;padding:16px 32px}}.browser-view{background:#fff;display:flex;flex:1 1;overflow:hidden;position:relative}.browser-webview{flex:1 1}.browser-iframe,.browser-webview{background:#fff;border:none;height:100%;width:100%}.iframe-overlay{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.iframe-message{max-width:500px;padding:40px;text-align:center}.iframe-message h2{color:#eaeaea;font-size:28px;margin-bottom:20px}.current-url{background:#4fc3f71a;border:1px solid #4fc3f74d;border-radius:8px;color:#4fc3f7;font-size:14px;margin-bottom:24px;padding:12px 20px;word-break:break-all}.info-text{color:#8a8aa0;font-size:13px;line-height:1.6;margin-bottom:24px}.open-external-btn{background:linear-gradient(135deg,#4fc3f7,#7c4dff);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.open-external-btn:hover{box-shadow:0 8px 20px #4fc3f74d;text-decoration:none;transform:translateY(-2px)}.sidebar{background:#0f0f23;border-right:1px solid #2a2a4a;display:flex;flex-direction:column;flex-shrink:0;width:280px}.sidebar-tabs{border-bottom:1px solid #2a2a4a;display:flex}.sidebar-tab{border-bottom:2px solid #0000;color:#8a8aa0;flex:1 1;font-size:13px;padding:12px;transition:all .2s ease}.sidebar-tab:hover{background:#ffffff0d;color:#b0b0c0}.sidebar-tab.active{border-bottom-color:#4fc3f7;color:#4fc3f7}.sidebar-content{flex:1 1;overflow-y:auto;padding:8px}.empty-message{color:#6a6a8a;font-size:13px;padding:40px 20px;text-align:center}.sidebar-item{align-items:center;border-radius:6px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.sidebar-item:hover{background:#ffffff0d}.sidebar-item-icon{border-radius:2px;flex-shrink:0;height:16px;width:16px}.sidebar-item-link{color:#b0b0c0;flex:1 1;font-size:13px;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.sidebar-item-link:hover{color:#4fc3f7}.sidebar-item-delete{align-items:center;border-radius:4px;color:#6a6a8a;display:flex;font-size:14px;height:20px;justify-content:center;opacity:0;transition:all .2s ease;width:20px}.sidebar-item:hover .sidebar-item-delete{opacity:1}.sidebar-item-delete:hover{background:#ff6b6b33;color:#ff6b6b}.dashboard{background:linear-gradient(135deg,var(--bgPrimary) 0,var(--bgSecondary) 50%,var(--bgTertiary) 100%);box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:80px 40px 40px;position:relative;transition:background .3s}.dashboard:before{background:radial-gradient(circle at 30% 20%,#4fc3f71a 0,#0000 50%),radial-gradient(circle at 70% 80%,#7c4dff1a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.dashboard-header{align-items:center;display:flex;flex-direction:column;gap:30px;margin-bottom:50px;position:relative;z-index:1}.dashboard-time{opacity:1;text-align:center;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboard-time.hidden{opacity:0;pointer-events:none;transform:translateY(-30px)}.time{color:#fff;font-size:72px;font-weight:200;letter-spacing:4px;text-shadow:0 2px 20px #0000004d}.date{color:#ffffffb3;font-size:20px;margin-top:8px;text-transform:capitalize}.dashboard-chat{align-items:center;display:flex;gap:10px;max-width:600px;width:100%}.chat-input-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 4px 30px #0003;display:flex;flex:1 1;max-width:450px;padding:5px 10px;transition:all .3s ease}.chat-input-container:focus-within{background:#ffffff26;border-color:#4fc3f780;box-shadow:0 4px 40px #4fc3f74d}.chat-icon{font-size:20px;margin-right:8px}.chat-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none;padding:6px 0}.chat-input::placeholder{color:#ffffff80}.chat-input:disabled{opacity:.7}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 20px #4fc3f780;transform:scale(1.1)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-new-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:44px;transition:all .3s ease;width:44px}.chat-new-btn:hover{background:#fff3;transform:scale(1.1)}.chat-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141428fa;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;left:50%;max-height:70vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.chat-panel-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:16px 20px}.chat-panel-header button{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:32px;transition:all .2s;width:32px}.chat-panel-header button:hover{background:#ff555580}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-message{border-radius:12px;max-width:85%;padding:12px 16px}.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-bottom-right-radius:4px;color:#000}.chat-message.assistant{align-self:flex-start;background:#ffffff1a;border-bottom-left-radius:4px;color:#fff}.chat-message.thinking{animation:pulse 1.5s infinite;opacity:.7}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.4}}.chat-role{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;opacity:.7;text-transform:uppercase}.chat-message p{font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.apps-container{align-items:center;display:flex;flex:0,5 1;flex-direction:column;gap:10px;justify-content:center;max-height:2000px;opacity:1;overflow:hidden;position:relative;transform:translateY(0);transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1),max-height .4s ease;width:100%;z-index:1}.apps-container.hidden{margin:0;max-height:0;opacity:0;padding:0;pointer-events:none;transform:translateY(-30px)}.apps-container.visible{opacity:1;transform:translateY(0)}.apps-grid{grid-gap:30px;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:0 auto;max-width:900px;padding:20px;width:100%}.apps-grid.mobile-paginated{animation:slideIn .3s ease-out;touch-action:pan-y}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.apps-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:36px;z-index:10}.apps-nav-btn:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.apps-nav-btn:active{transform:translateY(-50%) scale(.95)}.apps-nav-btn.prev{left:5px}.apps-nav-btn.next{right:5px}.apps-pagination{display:flex;gap:8px;justify-content:center;padding:10px 0}.pagination-dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.pagination-dot:hover{background:#ffffff80;transform:scale(1.2)}.pagination-dot.active{background:#4fc3f7;box-shadow:0 0 10px #4fc3f780;transform:scale(1.3)}.app-item{align-items:center;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:15px;position:relative;transition:all .3s ease}.app-item:hover{background:#ffffff0d;transform:translateY(-8px) scale(1.05)}.app-item:active{transform:translateY(-4px) scale(.98)}.app-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 32px #0000004d;display:flex;height:70px;justify-content:center;transition:all .3s ease;width:70px}.app-item:hover .app-icon{box-shadow:0 12px 40px #0006}.app-icon-emoji{font-size:36px}.app-name{color:#ffffffe6;font-size:12px;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 8px #00000080;white-space:nowrap}.dashboard-dock{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;bottom:20px;box-shadow:0 8px 32px #0000004d;display:flex;gap:8px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:100}.dock-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;transition:all .2s ease;width:50px}.dock-item:hover{background:#ffffff1a;transform:translateY(-10px) scale(1.2)}.dock-item:active{transform:translateY(-5px) scale(1.1)}.dock-separator{background:#fff3;height:30px;margin:0 8px;width:1px}.dock-item.admin{background:#ffca2826}.dock-item.admin:hover{background:#ffca284d}.dock-item.apps-toggle{background:#4fc3f726;position:relative}.dock-item.apps-toggle:hover{background:#4fc3f74d}.dock-item.apps-toggle.active{background:#66bb6a33}.dock-item.apps-toggle:after{background:#ffffff80;border-radius:50%;bottom:4px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:6px}.dock-item.apps-toggle.active:after{background:#66bb6a;box-shadow:0 0 6px #66bb6a}.dock-item.voice-chat{background:#9c27b026;position:relative}.dock-item.voice-chat:hover{background:#9c27b04d}.dock-item.voice-chat.active{animation:pulse-mic 1.5s ease-in-out infinite;background:#f443364d}.dock-item.voice-chat.active:after{background:#f44336;border-radius:50%;bottom:4px;box-shadow:0 0 8px #f44336;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}@keyframes pulse-mic{0%,to{transform:scale(1)}50%{box-shadow:0 0 15px #f4433680;transform:scale(1.05)}}.dock-item.voice-chat.connecting{animation:pulse-connecting 1s ease-in-out infinite;background:#ffc1074d}.dock-item.voice-chat.connecting:after{background:#ffc107;border-radius:50%;bottom:4px;box-shadow:0 0 8px #ffc107;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}@keyframes pulse-connecting{0%,to{transform:scale(1)}50%{box-shadow:0 0 15px #ffc10780;transform:scale(1.05)}}.top-bar{justify-content:space-between;left:20px;position:absolute;right:20px;top:20px;z-index:100}.top-bar,.top-bar-right{align-items:center;display:flex}.top-bar-right{gap:12px}.theme-toggle{align-items:center;background:var(--bgCard);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .3s;width:44px}.theme-toggle:hover{background:var(--bgCardHover);transform:scale(1.05)}.power-btn{align-items:center;background:#ffffff1a;border:2px solid #4fc3f780;border-radius:50%;color:var(--accent);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.power-btn:hover{background:#4fc3f733;border-color:var(--accent);box-shadow:0 0 15px #4fc3f780;transform:scale(1.1)}.user-menu-container{position:relative}.user-btn{align-items:center;background:var(--bgCard);border:1px solid var(--border);border-radius:25px;color:var(--textPrimary);cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:all .2s}.user-btn:hover{background:var(--bgCardHover)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accentSecondary));border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{font-weight:500}.user-menu{background:var(--bgSecondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px var(--shadow);margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%}.user-menu button{background:none;border:none;color:var(--textPrimary);cursor:pointer;display:block;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.user-menu button:hover{background:var(--bgCard)}.user-menu-divider{background:var(--border);height:1px;margin:4px 0}.language-selector{position:relative}.lang-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bgCard);border:1px solid var(--border);border-radius:10px;color:var(--textPrimary);cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.lang-btn:hover{background:var(--bgCardHover)}.lang-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bgSecondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px var(--shadow);left:0;margin-top:8px;min-width:140px;overflow:hidden;position:absolute;top:100%}.lang-option{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.lang-option:hover{background:#ffffff1a}.lang-option.active{background:#4fc3f733}@media (max-width:768px){.dashboard{padding:20px 20px 100px}.dashboard-header{gap:20px;margin-bottom:30px}.time{font-size:48px;letter-spacing:2px}.date{font-size:16px}.dashboard-search{max-width:100%}.search-input{border-radius:12px;font-size:14px;padding:14px 18px}.apps-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-width:100%;padding:10px}.app-item{gap:8px;padding:10px}.app-icon{border-radius:14px;height:56px;width:56px}.app-icon-emoji{font-size:28px}.app-name{font-size:11px;max-width:70px}.dashboard-dock{border-radius:16px;bottom:10px;gap:4px;padding:8px 12px}.dock-item{border-radius:10px;font-size:24px;height:44px;width:44px}.dock-separator{height:24px;margin:0 4px}.language-selector{right:10px;top:10px}.lang-btn{font-size:12px;padding:8px 12px}.power-btn{font-size:18px;height:36px;width:36px}.top-bar{gap:8px;padding:8px 12px}.user-btn{font-size:12px;padding:6px 10px}.theme-toggle{border-radius:10px;font-size:16px;height:36px;width:36px}.lang-btn{font-size:11px;padding:6px 10px}.dashboard-header{padding:10px 15px}.time{padding:10px 0}.date{padding:3px 0}.dashboard-chat{max-width:100%}.chat-input-container{padding:6px 12px}.chat-icon{font-size:18px;margin-right:8px}.chat-input{font-size:14px;padding:8px 0}}@media (max-width:480px){.dashboard{padding:15px 15px 90px}.dashboard-time{margin-top:20px}.time{font-size:42px}.date{font-size:15px;margin-top:5px}.apps-container{align-items:center;flex-direction:column;justify-content:center;padding:0;width:100%}.apps-grid{box-sizing:border-box;gap:10px;margin:0 auto;max-width:320px;padding:10px 20px;width:100%}.apps-grid,.apps-grid.mobile-paginated{grid-template-columns:repeat(4,1fr);justify-items:center}.app-item{align-items:center;display:flex;flex-direction:column;gap:6px;padding:8px}.app-icon{border-radius:14px;height:60px;width:60px}.app-icon-emoji{font-size:30px}.app-name{font-size:10px;max-width:60px}.apps-nav-btn{font-size:20px;height:32px;width:32px}.apps-nav-btn.prev{left:0}.apps-nav-btn.next{right:0}.pagination-dot{height:6px;width:6px}.dashboard-dock{justify-content:center;left:10px;right:10px;transform:none}.dock-item{font-size:20px;height:40px;width:40px}.avatar-wrapper{bottom:80px;height:150px;right:10px;width:120px}.power-btn{font-size:16px;height:32px;width:32px}.top-bar{flex-wrap:wrap;gap:6px;padding:6px 10px}.user-btn{font-size:11px;padding:5px 8px}.user-menu-dropdown{left:auto;min-width:140px;right:0}.theme-toggle{border-radius:8px;font-size:14px;height:32px;width:32px}.lang-btn{font-size:10px;padding:10px 8px;top:2px}.dashboard-header{padding:8px 12px}.time{padding:8px 0}.date{padding:5px 0}.chat-input-container{padding:5px 10px}.chat-icon{font-size:16px;margin-right:6px}.chat-input{font-size:13px;padding:6px 0}}.avatar-background{height:100vh;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.avatar-background .avatar-3d-container{background:#0000;border:none;border-radius:0;box-shadow:none;height:100%;width:100%}.avatar-bg-3d{transform:scale(2)}.avatar-draggable{cursor:grab;height:280px;position:fixed;transform:scale(1);transition:transform .2s ease;-webkit-user-select:none;user-select:none;width:220px;z-index:1000}.avatar-draggable .avatar-3d-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important}.avatar-draggable:hover{transform:scale(1.05)}.avatar-draggable.dragging{cursor:grabbing;transform:scale(1.1);z-index:1001}.avatar-draggable.standing{animation:standingBounce 2s ease-in-out infinite}.avatar-draggable.centered{bottom:auto!important;cursor:default;height:400px;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%) scale(1.8);transition:all .5s cubic-bezier(.4,0,.2,1);width:300px}.avatar-draggable.centered:hover{transform:translate(-50%,-50%) scale(1.85)}.avatar-draggable.centered .avatar-3d-container{height:100%;width:100%}@keyframes standingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-drag-hint{bottom:-10px;font-size:16px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s}.avatar-draggable:hover .avatar-drag-hint{opacity:.6}.avatar-draggable.dragging .avatar-drag-hint{animation:pulse .5s infinite;opacity:1}.app-pedestal{background:linear-gradient(180deg,#4fc3f74d,#0000);border-radius:50%;height:10px;left:50%;opacity:0;position:absolute;top:-20px;transform:translateX(-50%);transition:opacity .3s,transform .3s;width:60px}.app-item.avatar-standing .app-pedestal,.app-item:hover .app-pedestal{opacity:1;transform:translateX(-50%) scaleY(1.5)}.app-item.avatar-standing{background:#4fc3f71a;border-radius:16px}.app-item.avatar-standing .app-icon{box-shadow:0 0 30px #4fc3f780}.avatar-3d-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.avatar-3d-container,.avatar-loading{background:linear-gradient(135deg,#4fc3f726,#7c4dff26);height:100%;width:100%}.avatar-loading{align-items:center;animation:pulse 2s infinite;border-radius:20px;display:flex;font-size:48px;justify-content:center}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-2d-fallback{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;width:100%}.avatar-emoji{animation:float 3s ease-in-out infinite;font-size:72px}.avatar-emoji.thinking{animation:float 3s ease-in-out infinite,think 1s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes think{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.avatar-label{color:#ffffffb3;font-size:12px;letter-spacing:1px;text-transform:uppercase}@media (min-width:1400px){.avatar-draggable{height:350px;width:280px}}@media (min-width:1200px) and (max-width:1399px){.avatar-draggable{height:310px;width:250px}}@media (max-width:1024px){.avatar-draggable{height:220px;width:180px}.avatar-draggable.centered{height:320px;transform:translate(-50%,-50%) scale(1.5);width:250px}.avatar-draggable.centered:hover{transform:translate(-50%,-50%) scale(1.55)}.avatar-background{opacity:.12}}@media (max-width:768px){.avatar-draggable{height:190px;width:150px}.avatar-draggable.centered{height:280px;transform:translate(-50%,-50%) scale(1.3);width:220px}.avatar-draggable.centered:hover{transform:translate(-50%,-50%) scale(1.35)}.avatar-background{opacity:.1}}@media (max-height:500px) and (orientation:landscape){.avatar-draggable{bottom:10px!important;height:150px;width:120px}.avatar-draggable.centered{height:200px;transform:translate(-50%,-50%) scale(1);width:150px}.avatar-background{opacity:.08}.avatar-drag-hint{display:none}}@media (max-width:480px){.avatar-draggable{height:165px;width:130px}.avatar-draggable.centered{height:240px;transform:translate(-50%,-50%) scale(1.2);width:180px}.avatar-draggable.centered:hover{transform:translate(-50%,-50%) scale(1.25)}.avatar-drag-hint{font-size:12px}}@media (max-width:360px){.avatar-draggable{height:140px;width:110px}.avatar-draggable.centered{height:210px;transform:translate(-50%,-50%) scale(1);width:160px}.dashboard-time{margin-top:15px}.time{font-size:36px}.date{font-size:13px}.apps-grid{gap:8px;grid-template-columns:repeat(4,1fr);justify-items:center;padding:8px}.app-item{align-items:center;display:flex;flex-direction:column;gap:4px;padding:6px}.app-icon{border-radius:12px;height:52px;width:52px}.app-icon-emoji{font-size:26px}.app-name{font-size:9px;max-width:52px}}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.auth-modal{animation:slideUp .3s ease;background:var(--bgSecondary);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px var(--shadow);max-width:420px;padding:40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-close{background:none;border:none;color:var(--textMuted);cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;transition:color .2s}.auth-close:hover{color:var(--textPrimary)}.auth-header{margin-bottom:30px;text-align:center}.auth-logo{font-size:48px;margin-bottom:15px}.auth-header h2{color:var(--textPrimary);font-size:24px;margin-bottom:8px}.auth-subtitle{color:var(--textMuted);font-size:14px}.auth-form{gap:20px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-field label{color:var(--textSecondary);font-size:14px;font-weight:500}.auth-field input{background:var(--bgInput);border:1px solid var(--border);border-radius:10px;color:var(--textPrimary);font-size:15px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4fc3f733;outline:none}.auth-field input::placeholder{color:var(--textMuted)}.auth-error{background:#f443361a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:14px;padding:12px;text-align:center}.auth-submit{background:linear-gradient(135deg,var(--accent),var(--accentSecondary));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s}.auth-submit:hover:not(:disabled){box-shadow:0 5px 20px #4fc3f766;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.auth-switch{border-top:1px solid var(--border);margin-top:25px;padding-top:20px;text-align:center}.auth-switch p{color:var(--textMuted);font-size:14px}.auth-switch button{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;transition:color .2s}.auth-switch button:hover{color:var(--accentSecondary)}.user-dashboard{background:linear-gradient(135deg,var(--bgPrimary) 0,var(--bgSecondary) 100%);color:var(--textPrimary);min-height:100vh;padding:30px}.ud-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.ud-close{background:var(--bgCard);border:1px solid var(--border);border-radius:10px;color:var(--textPrimary);cursor:pointer;padding:10px 20px;transition:all .2s}.ud-close:hover{background:var(--bgCardHover)}.ud-header h1{font-size:28px;font-weight:600}.ud-profile-card{background:var(--bgCard);border:1px solid var(--border);border-radius:16px;gap:20px;margin-bottom:30px;padding:24px}.ud-avatar,.ud-profile-card{align-items:center;display:flex}.ud-avatar{background:linear-gradient(135deg,var(--accent),var(--accentSecondary));border-radius:50%;color:#fff;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.ud-profile-info h2{font-size:24px;margin-bottom:4px}.ud-profile-info p{color:var(--textMuted);margin-bottom:8px}.ud-role{background:var(--accent);border-radius:20px;color:#fff;display:inline-block;font-size:12px;padding:4px 12px;text-transform:uppercase}.ud-tabs{display:flex;gap:10px;margin-bottom:30px}.ud-tabs button{background:var(--bgCard);border:1px solid var(--border);border-radius:10px;color:var(--textSecondary);cursor:pointer;padding:12px 24px;transition:all .2s}.ud-tabs button:hover{background:var(--bgCardHover)}.ud-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.ud-content{background:var(--bgCard);border:1px solid var(--border);border-radius:16px;min-height:300px;padding:24px}.ud-empty,.ud-loading,.ud-not-logged{color:var(--textMuted);padding:60px;text-align:center}.ud-not-logged .ud-icon{display:block;font-size:64px;margin-bottom:20px}.ud-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ud-stat-card{background:var(--bgSecondary);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.ud-stat-icon{display:block;font-size:32px;margin-bottom:12px}.ud-stat-value{color:var(--accent);font-size:28px;font-weight:700;margin-bottom:4px}.ud-stat-label{color:var(--textMuted);font-size:14px}.ud-activity-list{display:flex;flex-direction:column;gap:12px}.ud-activity-item{align-items:center;background:var(--bgSecondary);border-radius:10px;display:flex;gap:16px;padding:16px}.ud-activity-icon{font-size:24px}.ud-activity-info{flex:1 1}.ud-activity-type{display:block;font-weight:500;text-transform:capitalize}.ud-activity-time{color:var(--textMuted);font-size:12px}.ud-preferences{display:flex;flex-direction:column;gap:20px}.ud-pref-item{align-items:center;background:var(--bgSecondary);border-radius:10px;display:flex;justify-content:space-between;padding:16px}.ud-pref-toggle{padding:10px 20px}.ud-pref-item select,.ud-pref-toggle{background:var(--bgCard);border:1px solid var(--border);border-radius:8px;color:var(--textPrimary);cursor:pointer}.ud-pref-item select{padding:10px 16px}.calculator-app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.calculator-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;font-weight:500;justify-content:space-between;padding:16px 20px}.calculator-body{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:400px;padding:20px;width:100%}.calculator-history{color:#ffffff80;font-size:12px;min-height:80px;padding:10px;text-align:right}.history-item{padding:2px 0}.calculator-display{background:#0000004d;border-radius:12px;margin-bottom:20px;padding:20px;text-align:right}.display-value{color:#fff;font-size:48px;font-weight:300;word-break:break-all}.calculator-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.calc-btn{background:#ffffff1a;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:24px;font-weight:500;height:65px;transition:all .15s}.calc-btn:hover{background:#fff3;transform:scale(1.05)}.calc-btn:active{transform:scale(.95)}.calc-btn.func{background:#a5a5a54d;color:#fff}.calc-btn.operator{background:linear-gradient(135deg,#ff9500,#ff6a00);color:#fff}.calc-btn.operator:hover{background:linear-gradient(135deg,#fa3,#f83)}.calc-btn.zero{grid-column:span 2}.calc-btn.equals{background:linear-gradient(135deg,#4fc3f7,#29b6f6)}@media (max-width:480px){.calculator-header{font-size:16px;padding:12px 16px}.calculator-body{padding:16px}.calculator-history{font-size:11px;min-height:60px}.display-value{font-size:36px}.calculator-display{margin-bottom:16px;padding:16px}.calculator-buttons{gap:8px}.calc-btn{border-radius:12px;font-size:20px;height:55px}}.notes-app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.notes-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;font-weight:500;justify-content:space-between;padding:16px 20px}.notes-container{display:flex;flex:1 1;overflow:hidden}.notes-sidebar{background:#0003;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;width:280px}.notes-search input{background:#ffffff1a;border:none;color:#fff;font-size:14px;outline:none;padding:12px 16px;width:100%}.notes-search input::placeholder{color:#ffffff80}.new-note-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:12px;padding:12px;transition:all .2s}.new-note-btn:hover{box-shadow:0 4px 15px #4fc3f766;transform:scale(1.02)}.notes-list{flex:1 1;overflow-y:auto;padding:8px}.note-item{background:#ffffff0d;border-left:4px solid #4fc3f7;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.note-item:hover{background:#ffffff1a}.note-item.active{background:#4fc3f733}.note-item-title{color:#fff;font-weight:500;margin-bottom:4px}.note-item-preview,.note-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item-preview{color:#ffffff80;font-size:12px}.note-item-date{color:#ffffff4d;font-size:11px;margin-top:6px}.no-notes{color:#ffffff4d;padding:40px;text-align:center}.notes-editor{display:flex;flex:1 1;flex-direction:column;padding:20px}.note-title-input{background:#0000;border:none;color:#fff;font-size:28px;font-weight:600;margin-bottom:10px;outline:none;padding:10px 0}.note-content-input{background:#ffffff0d;border:none;border-radius:12px;color:#fff;flex:1 1;font-size:16px;line-height:1.6;outline:none;padding:20px;resize:none}.note-actions{align-items:center;display:flex;justify-content:space-between;padding-top:16px}.note-date{color:#fff6;font-size:12px}.delete-note-btn{background:#f553;border:none;border-radius:6px;color:#f55;cursor:pointer;padding:8px 16px;transition:all .2s}.delete-note-btn:hover{background:#f556}.no-note-selected{align-items:center;color:#ffffff4d;display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-note-selected span{font-size:64px;margin-bottom:20px}@media (max-width:768px){.notes-container{flex-direction:column}.notes-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;height:auto;max-height:40%;width:100%}.notes-list{max-height:150px}.notes-editor{padding:16px}.note-title-input{font-size:22px}.note-content-input{font-size:14px;padding:16px}}@media (max-width:480px){.notes-header{font-size:16px;padding:12px 16px}.notes-sidebar{max-height:35%}.new-note-btn{font-size:13px;margin:8px;padding:10px}.note-item{padding:10px}.note-actions{align-items:flex-start;flex-direction:column;gap:10px}}.weather-app{background:linear-gradient(135deg,#1a1a2e,#0f3460 50%,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.weather-header{background:#0000004d;color:#fff;font-size:18px;font-weight:500;justify-content:space-between;padding:16px 20px}.weather-body,.weather-header{align-items:center;display:flex}.weather-body{flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.weather-search{display:flex;gap:10px;margin-bottom:30px;max-width:400px;width:100%}.weather-search input{background:#ffffff1a;border:none;border-radius:25px;color:#fff;flex:1 1;font-size:16px;outline:none;padding:14px 20px}.weather-search input::placeholder{color:#ffffff80}.weather-search button{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:14px 20px;transition:all .2s}.weather-search button:hover{transform:scale(1.05)}.weather-error,.weather-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:16px;padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#4fc3f7;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.weather-current{margin-bottom:40px;text-align:center}.weather-location{margin-bottom:20px}.location-name{color:#fff;display:block;font-size:32px;font-weight:600}.location-country{color:#ffffff80;font-size:16px}.weather-main{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:10px}.weather-emoji{font-size:80px}.weather-temp{color:#fff;font-size:72px;font-weight:200}.weather-desc{color:#ffffffb3;font-size:20px;margin-bottom:20px;text-transform:capitalize}.weather-details{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.detail{background:#ffffff1a;border-radius:12px;color:#fff;font-size:14px;padding:12px 20px}.detail span{margin-right:8px}.weather-forecast{max-width:600px;width:100%}.weather-forecast h3{color:#ffffffb3;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.forecast-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.forecast-day{background:#ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:16px 10px;text-align:center}.forecast-date{color:#fff9;font-size:12px}.forecast-emoji{font-size:32px}.forecast-temps{display:flex;font-size:14px;gap:8px;justify-content:center}.temp-max{color:#fff;font-weight:600}.temp-min{color:#ffffff80}@media (max-width:600px){.weather-header{font-size:16px;padding:12px 16px}.weather-body{padding:16px}.weather-search{max-width:100%}.weather-search input{font-size:14px;padding:12px 16px}.weather-search button{padding:12px 16px}.location-name{font-size:24px}.weather-emoji{font-size:60px}.weather-temp{font-size:48px}.weather-desc{font-size:16px}.weather-details{gap:12px}.detail{font-size:12px;padding:10px 14px}.forecast-grid{gap:6px;grid-template-columns:repeat(5,1fr)}.forecast-day{border-radius:12px;padding:12px 6px}.forecast-emoji{font-size:24px}.forecast-temps{font-size:12px}}@media (max-width:400px){.forecast-grid{grid-template-columns:repeat(3,1fr)}}.music-app{background:linear-gradient(135deg,#1a1a2e,#2d1f3d 50%,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.music-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;font-weight:500;justify-content:space-between;padding:16px 20px}.music-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.music-player{background:linear-gradient(180deg,#7c4dff33,#0000);padding:30px;text-align:center}.now-playing{flex-direction:column;margin-bottom:30px}.album-art,.now-playing{align-items:center;display:flex}.album-art{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;box-shadow:0 20px 60px #0006;font-size:80px;height:150px;justify-content:center;margin-bottom:20px;width:150px}.track-info{text-align:center}.track-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px}.track-artist{color:#fff9;font-size:16px}.progress-container{background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;margin:0 auto 10px;max-width:400px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#4fc3f7,#7c4dff);border-radius:3px;height:100%;transition:width .1s}.time-display{color:#ffffff80;display:flex;font-size:12px;justify-content:space-between;margin:0 auto 20px;max-width:400px}.controls{gap:20px;margin-bottom:20px}.control-btn,.controls{align-items:center;display:flex;justify-content:center}.control-btn{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:50px;transition:all .2s;width:50px}.control-btn:hover{background:#fff3;transform:scale(1.1)}.control-btn.play-btn{background:linear-gradient(135deg,#4fc3f7,#7c4dff);font-size:32px;height:70px;width:70px}.volume-control{align-items:center;color:#fff9;display:flex;gap:10px;justify-content:center}.volume-control input{accent-color:#7c4dff;width:100px}.playlist{background:#0003;flex:1 1;overflow-y:auto;padding:20px}.playlist h3{color:#ffffff80;font-size:12px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.playlist-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.playlist-item:hover{background:#ffffff0d}.playlist-item.active{background:#7c4dff4d}.playlist-cover{font-size:28px}.playlist-info{flex:1 1}.playlist-title{color:#fff;font-size:14px;margin-bottom:2px}.playlist-artist{color:#ffffff80;font-size:12px}.playlist-duration{color:#fff6;font-size:12px}@media (max-width:600px){.music-app{border-radius:0}.music-header{font-size:16px;padding:12px 16px}.music-player{padding:20px 16px}.album-art{border-radius:16px;font-size:60px;height:120px;margin-bottom:16px;width:120px}.track-title{font-size:18px}.track-artist{font-size:14px}.progress-container,.time-display{max-width:100%}.controls{gap:16px}.control-btn{font-size:20px;height:44px;width:44px}.control-btn.play-btn{font-size:28px;height:60px;width:60px}.playlist{padding:16px}.playlist-item{gap:10px;padding:10px}.playlist-cover{font-size:24px}.playlist-title{font-size:13px}.playlist-artist{font-size:11px}}.mail-app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.mail-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;justify-content:space-between;padding:16px 20px}.mail-container{display:flex;flex:1 1;overflow:hidden}.mail-sidebar{background:#0003;display:flex;flex-direction:column;gap:16px;padding:16px;width:200px}.compose-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;transition:all .2s}.compose-btn:hover{transform:scale(1.02)}.mail-folders{display:flex;flex-direction:column;gap:4px}.folder{align-items:center;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px;transition:all .2s}.folder:hover{background:#ffffff0d}.folder.active{background:#4fc3f733;color:#4fc3f7}.badge{background:#4fc3f7;border-radius:10px;color:#000;font-size:11px;font-weight:600;padding:2px 8px}.mail-list{background:#0000001a;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;width:320px}.mail-search{background:#ffffff0d;border:none;color:#fff;font-size:14px;outline:none;padding:12px 16px}.mail-search::placeholder{color:#fff6}.mail-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:10px;padding:14px 16px;transition:all .2s}.mail-item:hover{background:#ffffff0d}.mail-item.selected{background:#4fc3f726}.mail-item.unread{background:#4fc3f714}.mail-item.unread .mail-from{color:#fff;font-weight:600}.star-btn{padding:0}.mail-item-content{flex:1 1;min-width:0}.mail-from{color:#ffffffe6;font-size:13px;margin-bottom:2px}.mail-from,.mail-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-subject{color:#ffffff80;font-size:12px}.mail-date{color:#fff6;flex-shrink:0;font-size:11px}.mail-detail{flex:1 1;overflow-y:auto;padding:24px}.detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.detail-header h2{color:#fff;font-size:22px;margin:0}.delete-btn{background:#f553;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.delete-btn:hover{background:#f556}.detail-meta{color:#ffffffb3;justify-content:space-between}.detail-date{color:#fff6}.detail-body{background:#ffffff08;border-radius:12px;color:#ffffffe6;font-size:15px;line-height:1.7;padding:20px;white-space:pre-wrap}.no-selection{align-items:center;color:#ffffff4d;display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-selection span{font-size:64px;margin-bottom:16px}.compose-form{display:flex;flex-direction:column;gap:12px;height:100%}.compose-form input,.compose-form textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:14px}.compose-form input:focus,.compose-form textarea:focus{border-color:#4fc3f7}.compose-form textarea{flex:1 1;font-family:inherit;resize:none}.compose-actions{display:flex;gap:12px}.send-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6)}.cancel-btn,.send-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px}.cancel-btn{background:#ffffff1a}@media (max-width:768px){.mail-container{flex-direction:column}.mail-sidebar{overflow-x:auto;padding:8px;width:100%}.mail-folders,.mail-sidebar{flex-direction:row;gap:8px}.folder{font-size:12px;padding:8px 12px;white-space:nowrap}.compose-btn{font-size:12px;padding:8px 16px}.mail-list{border-bottom:1px solid #ffffff1a;border-right:none;max-height:40%;width:100%}.mail-detail{padding:16px}.detail-header h2{font-size:18px}}@media (max-width:480px){.mail-header{font-size:16px;padding:12px 16px}.mail-item{padding:10px 12px}.mail-from{font-size:12px}.mail-subject{font-size:11px}.compose-form input,.compose-form textarea{font-size:13px;padding:10px}.compose-actions{flex-direction:column}.cancel-btn,.send-btn{width:100%}}.maps-app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.maps-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;justify-content:space-between;padding:16px 20px}.maps-container{display:flex;flex:1 1;overflow:hidden}.maps-sidebar{background:#0003;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;width:280px}.maps-search{display:flex;gap:8px;padding:12px}.maps-search input{background:#ffffff1a;border:none;border-radius:8px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.maps-search input::placeholder{color:#fff6}.maps-search button{background:#4fc3f7;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;padding:12px 16px}.maps-cities{flex:1 1;overflow-y:auto;padding:12px}.maps-cities h3{color:#ffffff80;font-size:11px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.city-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s}.city-item:hover{background:#ffffff0d}.city-item.active{background:#4fc3f733}.city-icon{font-size:20px}.city-info{flex:1 1}.city-name{color:#fff;font-size:14px}.city-country{color:#ffffff80;font-size:12px}.maps-view{flex:1 1;position:relative}.map-controls,.maps-view{display:flex;flex-direction:column}.map-controls{gap:4px;position:absolute;right:16px;top:16px;z-index:10}.map-controls button{background:#000000b3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:40px;transition:all .2s;width:40px}.map-controls button:hover{background:#4fc3f7cc}.map-iframe{background:#1a1a2e;border:none;flex:1 1;width:100%}.map-info{background:linear-gradient(#0000,#000c);bottom:0;justify-content:space-between;left:0;padding:16px 20px;position:absolute;right:0}.map-info,.map-location{align-items:center;display:flex}.map-location{color:#fff;font-size:16px;gap:8px}.location-icon{font-size:20px}.map-coords{color:#ffffff80;font-family:monospace;font-size:12px}@media (max-width:768px){.maps-container{flex-direction:column}.maps-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;max-height:40%;width:100%}.maps-cities{max-height:150px}}@media (max-width:480px){.maps-header{font-size:16px;padding:12px 16px}.maps-search input{font-size:13px;padding:10px 12px}.city-item{padding:10px}.city-name{font-size:13px}.map-info{padding:12px 16px}.map-location{font-size:14px}}.translate-app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.translate-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;justify-content:space-between;padding:16px 20px}.translate-container{display:flex;flex:1 1;overflow:hidden}.translate-main{display:flex;flex:1 1;flex-direction:column;padding:20px}.lang-selectors{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.lang-selectors select{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:160px;padding:12px 20px}.lang-selectors select option{background:#1a1a2e;color:#fff}.swap-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:50%;color:#000;cursor:pointer;font-size:20px;height:48px;transition:all .3s;width:48px}.swap-btn:hover{transform:rotate(180deg)}.translate-boxes{display:flex;flex:1 1;gap:20px}.translate-box{background:#ffffff0d;border-radius:16px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.translate-box textarea,.translated-text{background:#0000;border:none;color:#fff;flex:1 1;font-size:18px;line-height:1.6;outline:none;padding:20px;resize:none}.translate-box textarea::placeholder{color:#ffffff4d}.translated-text{color:#ffffffe6}.translate-box.result{background:#4fc3f71a}.box-actions{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:8px;padding:12px 16px}.box-actions button{background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;font-size:16px;height:36px;transition:all .2s;width:36px}.box-actions button:hover{background:#fff3}.char-count{color:#fff6;font-size:12px;margin-left:auto}.translate-history{background:#0003;border-left:1px solid #ffffff1a;overflow-y:auto;padding:16px;width:280px}.translate-history h3{color:#ffffff80;font-size:12px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.no-history{color:#ffffff4d;font-size:13px;padding:20px;text-align:center}.history-item{background:#ffffff0d;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.history-item:hover{background:#ffffff1a}.history-source{color:#fff9;font-size:12px;margin-bottom:4px}.history-translated{color:#fff;font-size:14px}@media (max-width:768px){.translate-container{flex-direction:column}.translate-main{padding:16px}.translate-boxes{flex-direction:column}.translate-history{border-left:none;border-top:1px solid #ffffff1a;max-height:200px;width:100%}.lang-selectors select{font-size:13px;min-width:120px;padding:10px 14px}.swap-btn{font-size:16px;height:40px;width:40px}}@media (max-width:480px){.translate-header{font-size:16px;padding:12px 16px}.lang-selectors{flex-wrap:wrap;gap:8px}.lang-selectors select{font-size:12px;min-width:100px}.translate-box textarea,.translated-text{font-size:15px;padding:16px}.box-actions button{font-size:14px;height:32px;width:32px}}.news-app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.news-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;justify-content:space-between;padding:16px 20px}.news-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.news-categories{background:#0003;display:flex;gap:8px;overflow-x:auto;padding:16px 20px}.category-btn{align-items:center;background:#ffffff1a;border:none;border-radius:20px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 20px;transition:all .2s;white-space:nowrap}.category-btn:hover{background:#ffffff26}.category-btn.active{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#000}.news-content{flex:1 1;overflow-y:auto;padding:20px}.news-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.news-card{background:#ffffff0d;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s}.news-card:hover{background:#ffffff14;transform:translateY(-4px)}.card-image{align-items:center;background:linear-gradient(135deg,#4fc3f733,#7c4dff33);display:flex;font-size:48px;height:120px;justify-content:center}.card-content{padding:16px}.card-category{color:#4fc3f7;font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.card-title{color:#fff;font-size:16px;line-height:1.4;margin-bottom:8px}.card-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:12px;overflow:hidden}.card-footer{align-items:center;display:flex;justify-content:space-between}.card-source{color:#fff6;font-size:11px}.bookmark-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:4px}.news-detail{margin:0 auto;max-width:800px;padding-bottom:40px}.back-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:20px;padding:10px 20px}.back-btn:hover{background:#ffffff26}.detail-image{align-items:center;background:linear-gradient(135deg,#4fc3f733,#7c4dff33);border-radius:16px;display:flex;font-size:80px;height:200px;justify-content:center;margin-bottom:24px}.news-detail h1{color:#fff;font-size:28px;line-height:1.3;margin-bottom:16px}.detail-meta{color:#ffffff80;display:flex;font-size:13px;gap:16px;margin-bottom:24px}.detail-summary{background:#4fc3f71a;border-left:4px solid #4fc3f7;border-radius:0 8px 8px 0;color:#ffffffb3;font-size:18px;font-style:italic;line-height:1.6;margin-bottom:24px;padding:16px 20px}.detail-content{color:#ffffffd9;font-size:16px;line-height:1.9;margin-bottom:16px;white-space:pre-line}.detail-sources{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px}.detail-sources h4{color:#fff9;font-size:14px;margin-bottom:10px}.detail-sources ul{list-style:none;margin:0;padding:0}.detail-sources li{color:#ffffff80;font-size:13px;margin-bottom:6px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.detail-tag{background:#ffffff1a;border-radius:20px;color:#ffffffb3;font-size:12px;padding:4px 12px}.news-empty,.news-loading{align-items:center;color:#ffffff80;display:flex;font-size:18px;height:100%;justify-content:center}.card-image-wrapper{min-height:120px;overflow:hidden;position:relative}.card-image-img{height:160px;object-fit:cover;width:100%}.detail-image-wrapper{border-radius:16px;margin-bottom:24px;min-height:150px;overflow:hidden;position:relative}.detail-image-img{border-radius:16px;max-height:400px;object-fit:cover;width:100%}.card-image-fallback{align-items:center;background:linear-gradient(135deg,#4fc3f733,#7c4dff33);display:flex;font-size:64px;height:160px;justify-content:center;width:100%}@media (max-width:768px){.news-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.news-content{padding:16px}.news-detail h1{font-size:22px}.detail-image{font-size:60px;height:150px}}@media (max-width:480px){.news-header{font-size:16px;padding:12px 16px}.news-categories{gap:6px;padding:12px 16px}.category-btn{font-size:12px;padding:8px 14px}.news-grid{grid-template-columns:1fr}.card-image{font-size:40px;height:100px}.card-title{font-size:14px}.card-summary{font-size:12px}.news-detail h1{font-size:18px}.detail-content{font-size:14px}}.photos-app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100%;width:100%}.photos-header{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:18px;justify-content:space-between;padding:16px 20px}.header-actions{display:flex;gap:4px;margin-left:auto;margin-right:16px}.header-actions button{background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:16px;height:36px;width:36px}.header-actions button.active{background:#4fc3f7;color:#000}.photos-container{display:flex;flex:1 1;overflow:hidden}.photos-sidebar{background:#0003;overflow-y:auto;padding:16px;width:220px}.sidebar-section h3{color:#ffffff80;font-size:11px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.album-item{align-items:center;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;padding:10px 12px;transition:all .2s}.album-item:hover{background:#ffffff0d}.album-item.active{background:#4fc3f733;color:#4fc3f7}.album-icon{font-size:18px}.album-count{color:#fff6;font-size:12px;margin-left:auto}.photos-content{flex:1 1;overflow-y:auto;padding:16px}.photos-grid{grid-gap:12px;display:grid;gap:12px}.photos-grid.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photos-grid.list{grid-template-columns:1fr}.photo-item{aspect-ratio:4/3;background:#0000004d;border-radius:12px;cursor:pointer;overflow:hidden;position:relative}.photos-grid.list .photo-item{aspect-ratio:16/4}.photo-item img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.photo-item:hover img{transform:scale(1.05)}.photo-overlay{align-items:flex-end;background:linear-gradient(#0000,#000c);bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:12px;position:absolute;right:0;transition:opacity .3s}.photo-item:hover .photo-overlay{opacity:1}.photo-title{color:#fff;font-size:13px}.fav-btn{background:none;border:none;cursor:pointer;font-size:18px}.photo-lightbox{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.lightbox-close{font-size:28px;height:48px;right:20px;top:20px;width:48px}.lightbox-close,.lightbox-nav{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;position:absolute}.lightbox-nav{font-size:32px;height:60px;top:50%;transform:translateY(-50%);width:60px}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-nav:hover{background:#fff3}.lightbox-content{align-items:center;display:flex;flex-direction:column;max-height:80%;max-width:80%}.lightbox-content img{border-radius:12px;max-height:70vh;max-width:100%}.lightbox-info{color:#fff;padding:20px;text-align:center}.lightbox-info h3{font-size:20px;margin-bottom:8px}.lightbox-info p{color:#ffffff80;font-size:14px;margin-bottom:16px}.lightbox-info .fav-btn{background:#ffffff1a;border-radius:20px;font-size:14px;padding:10px 20px}.lightbox-info .fav-btn.active{background:#ff64644d}@media (max-width:768px){.photos-container{flex-direction:column}.photos-sidebar{overflow-x:auto;padding:12px;width:100%}.sidebar-section{display:flex;flex-direction:row;gap:8px;overflow-x:auto}.sidebar-section h3{display:none}.album-item{flex-shrink:0;padding:8px 12px;white-space:nowrap}.photos-grid.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lightbox-nav{font-size:24px;height:48px;width:48px}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-content{max-width:95%}}@media (max-width:480px){.photos-header{font-size:16px;padding:12px 16px}.header-actions button{font-size:14px;height:32px;width:32px}.photos-grid.grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo-item{border-radius:8px}.lightbox-close{font-size:22px;height:40px;right:10px;top:10px;width:40px}.lightbox-info h3{font-size:16px}.lightbox-info p{font-size:12px}}.vc-app{background:linear-gradient(180deg,#141414,#000);color:#fff;display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;height:100%;width:100%}.vc-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border-bottom:1px solid #ffffff1a;gap:24px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.vc-brand,.vc-header{align-items:center;display:flex}.vc-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,red,#ff6b6b);-webkit-background-clip:text;cursor:pointer;font-size:22px;font-weight:700;gap:8px}.vc-brand span{-webkit-text-fill-color:initial}.vc-search{background:#ffffff1a;border:2px solid #0000;border-radius:24px;color:#fff;flex:1 1;font-size:14px;max-width:500px;outline:none;padding:12px 20px;transition:all .3s}.vc-search:focus{background:#ffffff26;border-color:red}.vc-search::placeholder{color:#ffffff80}.vc-header nav{display:flex;gap:8px}.vc-header nav button{background:#0000;border:none;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .2s}.vc-header nav button:hover{background:#ffffff1a;color:#fff}.vc-header nav button.active{background:red;color:#fff}.vc-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;transition:all .2s;width:40px}.vc-close:hover{background:red;transform:scale(1.1)}.vc-main{flex:1 1;overflow-y:auto;padding:24px}.vc-row{margin-bottom:32px}.vc-row h3{font-size:20px;font-weight:600;margin-bottom:16px}.vc-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-behavior:smooth}.vc-scroll::-webkit-scrollbar{height:6px}.vc-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.vc-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.vc-card{cursor:pointer;max-width:280px;min-width:280px;transition:all .3s}.vc-card:hover{transform:scale(1.05)}.vc-thumb{aspect-ratio:16/9;background:#202020;border-radius:12px;box-shadow:0 8px 24px #0006;overflow:hidden;position:relative}.vc-thumb img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.vc-card:hover .vc-thumb img{transform:scale(1.1)}.vc-play{align-items:center;background:#00000080;display:flex;font-size:48px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.vc-card:hover .vc-play{opacity:1}.vc-fav{background:#000000b3;border:none;border-radius:50%;cursor:pointer;font-size:16px;opacity:0;padding:8px;position:absolute;right:10px;top:10px;transition:all .2s}.vc-card:hover .vc-fav,.vc-fav.active{opacity:1}.vc-info{padding:12px 4px}.vc-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 6px;overflow:hidden}.vc-info p{color:#fff9;cursor:pointer;font-size:13px;margin:0;transition:color .2s}.vc-info p:hover{color:red}.vc-artists-row{margin-bottom:32px}.vc-artists-row h3{font-size:20px;font-weight:600;margin-bottom:16px}.vc-artists-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px}.vc-artist{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-width:120px;transition:transform .3s}.vc-artist:hover{transform:scale(1.1)}.vc-artist img{border:3px solid #0000;border-radius:50%;height:100px;object-fit:cover;transition:border-color .3s;width:100px}.vc-artist:hover img{border-color:red}.vc-artist span{font-size:13px;font-weight:500;text-align:center}.vc-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.vc-grid h2{font-size:24px;grid-column:1/-1;margin-bottom:8px}.vc-grid .vc-card{max-width:none;min-width:0;min-width:auto}.vc-back{align-self:flex-start;background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;grid-column:1/-1;margin-bottom:8px;padding:10px 20px}.vc-artists-grid h2{font-size:24px;margin-bottom:20px}.vc-artists-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vc-artist-item{align-items:center;background:#ffffff0d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.vc-artist-item:hover{background:#ffffff1a;transform:translateX(4px)}.vc-artist-item img{border-radius:50%;height:50px;object-fit:cover;width:50px}.vc-artist-item div{display:flex;flex-direction:column}.vc-artist-item strong{font-size:14px}.vc-artist-item span{color:#ffffff80;font-size:12px}.vc-player-overlay{align-items:center;animation:fadeIn .3s;background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vc-player{max-width:1100px;width:90%}.vc-player iframe{aspect-ratio:16/9;border:none;border-radius:16px;width:100%}.vc-player-info{padding:20px 0;text-align:center}.vc-player-info h2{font-size:22px;margin-bottom:8px}.vc-player-info p{color:#fff9;margin-bottom:16px}.vc-player-info button{background:#ffffff1a;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;padding:12px 28px;transition:all .2s}.vc-player-info button:hover{background:red}@media (max-width:768px){.vc-header{flex-wrap:wrap;gap:12px;padding:10px 16px}.vc-brand{font-size:18px}.vc-search{flex-basis:100%;margin-top:8px;max-width:100%;order:3}.vc-header nav{gap:4px}.vc-header nav button{font-size:12px;padding:8px 12px}.vc-main{padding:16px}.vc-card{max-width:220px;min-width:220px}.vc-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vc-artist img{height:80px;width:80px}.vc-artist{min-width:100px}}@media (max-width:480px){.vc-header{padding:8px 12px}.vc-brand{font-size:16px}.vc-search{font-size:13px;padding:10px 16px}.vc-header nav button{font-size:11px;padding:6px 10px}.vc-close{font-size:18px;height:36px;width:36px}.vc-main{padding:12px}.vc-row h3{font-size:16px}.vc-card{max-width:180px;min-width:180px}.vc-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vc-info h4{font-size:12px}.vc-info p{font-size:11px}.vc-artist img{height:60px;width:60px}.vc-artist span{font-size:11px}.vc-player{width:95%}.vc-player-info h2{font-size:18px}}.drive-app{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.drive-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 20px}.drive-header span:first-child{font-size:18px;font-weight:600}.drive-header .header-actions{display:flex;gap:5px}.drive-header .header-actions button{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.drive-header .header-actions button.active{background:#ffa5264d}.drive-header .close-btn{background:#ff6b6b33;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;font-size:20px;height:32px;width:32px}.drive-container{display:flex;flex:1 1;overflow:hidden}.drive-sidebar{background:#0003;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;gap:15px;padding:20px;width:220px}.new-folder-btn,.upload-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;width:100%}.upload-btn{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff;font-weight:600}.upload-btn:hover{opacity:.9}.upload-btn:disabled{cursor:not-allowed;opacity:.5}.new-folder-btn{background:#ffffff1a;color:#fff}.drive-nav{display:flex;flex-direction:column;gap:5px;margin-top:10px}.nav-item{border-radius:8px;cursor:pointer;padding:10px 15px;transition:background .2s}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#ffa52633;color:#ffa726}.storage-info{background:#0003;border-radius:8px;margin-top:auto;padding:15px}.storage-label{color:#fff9;font-size:12px;margin-bottom:8px}.storage-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.storage-used{background:linear-gradient(90deg,#ffa726,#fb8c00);border-radius:3px;height:100%}.storage-text{color:#ffffff80;font-size:11px;margin-top:5px}.drive-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.drive-toolbar{gap:20px;justify-content:space-between;padding:15px 20px}.breadcrumb,.drive-toolbar{align-items:center;display:flex}.breadcrumb{font-size:14px;gap:5px}.breadcrumb-item{border-radius:5px;cursor:pointer;padding:5px 10px}.breadcrumb-item:hover{background:#ffffff1a}.breadcrumb-sep{color:#ffffff4d}.search-input{background:#0003;border:1px solid #ffffff1a;border-radius:8px;color:#fff;padding:10px 15px;width:250px}.search-input::placeholder{color:#fff6}.new-folder-dialog{background:#0000004d;display:flex;gap:10px;padding:10px 20px}.new-folder-dialog input{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;flex:1 1;padding:10px}.new-folder-dialog button{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px}.files-grid{grid-gap:15px;align-content:start;display:grid;flex:1 1;gap:15px;overflow-y:auto;padding:20px}.files-grid.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.files-grid.list{grid-template-columns:1fr}.empty-state{color:#fff6;font-size:18px;grid-column:1/-1;padding:60px;text-align:center}.file-item{align-items:center;background:#ffffff0d;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:15px;position:relative;transition:all .2s}.file-item:hover{background:#ffffff1a;transform:translateY(-2px)}.file-item.selected{background:#ffa52633;border:1px solid #ffa5264d}.files-grid.grid .file-item{flex-direction:column;padding:20px 15px;text-align:center}.files-grid.grid .file-icon{font-size:48px}.files-grid.list .file-icon{font-size:28px}.file-info{flex:1 1;min-width:0}.file-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#fff6;font-size:11px;margin-top:3px}.star-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.4;transition:opacity .2s}.file-item:hover .star-btn,.star-btn.active{opacity:1}.context-menu{background:#1e1e32fa;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 10px 40px #00000080;min-width:160px;padding:8px 0;position:fixed;z-index:1000}.menu-item{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 15px}.menu-item:hover{background:#ffffff1a}.menu-item.delete{color:#ff6b6b}@media (max-width:768px){.drive-container{flex-direction:column}.drive-sidebar{flex-direction:row;flex-wrap:wrap;gap:10px;padding:10px;width:100%}.new-folder-btn,.upload-btn{flex:1 1;width:auto}.drive-nav{flex-direction:row;width:100%}.storage-info{display:none}.drive-toolbar{flex-direction:column;gap:10px}.search-input{width:100%}}@media (max-width:480px){.files-grid.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.files-grid.grid .file-icon{font-size:36px}.file-name{font-size:11px}}.voice-conversations-container{margin:0 auto;max-width:1400px;padding:20px}.voice-conversations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.voice-conversations-header h2{color:var(--textPrimary);margin:0}.btn-refresh{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.btn-refresh:hover{box-shadow:0 4px 12px #4fc3f74d;transform:translateY(-2px)}.loading{color:var(--textSecondary);font-size:16px;padding:40px;text-align:center}.conversations-list{background:var(--bgCard);border-radius:12px;margin-bottom:20px;overflow:hidden}.conversations-list table{border-collapse:collapse;width:100%}.conversations-list thead{background:var(--bgSecondary)}.conversations-list th{border-bottom:2px solid var(--border);color:var(--textPrimary);font-weight:600;padding:15px;text-align:left}.conversations-list td{border-bottom:1px solid var(--border);color:var(--textSecondary);padding:12px 15px}.conversations-list tbody tr:hover{background:var(--bgCardHover)}.conversations-list code{background:var(--bgInput);border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.btn-view{background:var(--accentSecondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.btn-view:hover{transform:scale(1.05)}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;padding:20px}.pagination button{background:var(--bgCard);border:1px solid var(--border);border-radius:6px;color:var(--textPrimary);cursor:pointer;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--bgCardHover);border-color:var(--accent)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--textPrimary);font-weight:500}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:var(--bgSecondary);border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:var(--textPrimary);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--textSecondary);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close:hover{background:var(--bgCard);color:var(--textPrimary)}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.conv-info{background:var(--bgCard);border-radius:8px;margin-bottom:20px;padding:15px}.conv-info p{color:var(--textSecondary);margin:8px 0}.conv-info strong{color:var(--textPrimary);margin-right:8px}.messages-container h4{color:var(--textPrimary);margin-bottom:15px}.messages-container .message{background:var(--bgCard);border-left:3px solid var(--border);border-radius:8px;margin-bottom:10px;padding:12px}.messages-container .message-user{border-left-color:var(--accent)}.messages-container .message-assistant{border-left-color:var(--accentSecondary)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-role{color:var(--textPrimary);font-size:13px;font-weight:600}.message-time{color:var(--textMuted);font-size:11px}.message-content{color:var(--textSecondary);line-height:1.5;white-space:pre-wrap}@media (max-width:768px){.voice-conversations-container{padding:10px}.conversations-list{overflow-x:auto}.conversations-list table{min-width:600px}.modal-content{border-radius:0;max-height:100vh;max-width:100%}}.admin-app{background:#0f0f1a;color:#fff;display:flex;font-family:Inter,-apple-system,sans-serif;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;padding:0;width:260px}.admin-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;font-size:22px;font-weight:700;gap:10px;padding:24px}.admin-nav{flex:1 1;padding:16px 0}.admin-nav-item{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:14px 24px;transition:all .2s}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item.active{background:#4fc3f726;border-left:3px solid #4fc3f7;color:#4fc3f7}.admin-nav-item span{font-size:18px}.admin-user{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:20px}.admin-user-info{flex:1 1}.admin-user-name{font-size:14px;font-weight:500}.admin-user-role{color:#ffffff80;font-size:12px}.admin-logout{background:#f553;border:none;border-radius:6px;color:#f55;cursor:pointer;font-size:12px;padding:8px 12px}.admin-main{display:flex;flex:1 1;flex-direction:column}.admin-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 30px}.admin-header h1{font-size:24px;margin:0}.admin-content{flex:1 1;overflow-y:auto;padding:30px}.admin-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.admin-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;padding:24px}.admin-card h3{color:#ffffff80;font-size:14px;font-weight:400;margin:0 0 8px}.admin-card .value{font-size:36px;font-weight:600}.admin-card.primary{background:linear-gradient(135deg,#4fc3f733,#4fc3f70d);border-color:#4fc3f74d}.admin-card.success{background:linear-gradient(135deg,#66bb6a33,#66bb6a0d);border-color:#66bb6a4d}.admin-card.warning{background:linear-gradient(135deg,#ffca2833,#ffca280d);border-color:#ffca284d}.admin-card.danger{background:linear-gradient(135deg,#f553,#ff55550d);border-color:#ff55554d}.admin-table-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #ffffff0d;padding:16px 20px;text-align:left}.admin-table th{background:#0003;color:#ffffff80;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.admin-table tr:hover{background:#ffffff05}.admin-table .actions{display:flex;gap:8px}.admin-badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 10px}.admin-badge.admin{background:#ffca2833;color:#ffca28}.admin-badge.superadmin{background:#f553;color:#f55}.admin-badge.user{background:#4fc3f733;color:#4fc3f7}.admin-badge.active,.admin-badge.editor{background:#66bb6a33;color:#66bb6a}.admin-badge.inactive{background:#f553;color:#f55}.admin-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.admin-btn.primary{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#000}.admin-btn.secondary{background:#ffffff1a;color:#fff}.admin-btn.danger{background:#f553;color:#f55}.admin-btn.success{background:#66bb6a33;color:#66bb6a}.admin-btn.sm{font-size:12px;padding:6px 12px}.admin-btn:hover{opacity:.9;transform:translateY(-1px)}.admin-form{max-width:600px}.admin-form-group{margin-bottom:20px}.admin-form-group label{color:#ffffffb3;display:block;font-size:14px;margin-bottom:8px}.admin-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.admin-input:focus{border-color:#4fc3f7;outline:none}.admin-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;width:100%}.admin-select option{background:#1a1a2e}.admin-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px}.admin-checkbox input{accent-color:#4fc3f7;height:18px;width:18px}.admin-modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.admin-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.admin-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.admin-modal-header h2{font-size:18px;margin:0}.admin-modal-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:24px}.admin-modal-body{padding:24px}.admin-modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.admin-login{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh}.admin-login-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;max-width:420px;padding:48px;width:100%}.admin-login-logo{font-size:28px;margin-bottom:32px;text-align:center}.admin-login h1{font-size:24px;margin-bottom:8px;text-align:center}.admin-login p{color:#ffffff80;margin-bottom:32px;text-align:center}.admin-login .admin-btn{font-size:16px;justify-content:center;padding:14px;width:100%}.admin-error{background:#ff55551a;border:1px solid #ff55554d;border-radius:8px;color:#f55;font-size:14px;margin-bottom:20px;padding:12px 16px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-search{flex:1 1;min-width:200px}.admin-menu-toggle{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:20px;padding:10px 14px}.admin-sidebar-overlay{background:#0009;display:none;inset:0;position:fixed;z-index:999}@media (max-width:1024px){.admin-sidebar{width:220px}.admin-logo{font-size:18px;padding:18px}.admin-nav-item{font-size:13px;padding:12px 18px}.admin-header{padding:16px 20px}.admin-header h1{font-size:20px}.admin-content{padding:20px}.admin-cards{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-card{padding:18px}.admin-card .value{font-size:28px}.admin-table td,.admin-table th{font-size:13px;padding:12px 14px}}@media (max-width:768px){.admin-app{flex-direction:column}.admin-menu-toggle{display:block}.admin-sidebar{bottom:0;left:-280px;position:fixed;top:0;transition:left .3s ease;width:260px;z-index:1000}.admin-sidebar.open{left:0}.admin-sidebar-overlay.show{display:block}.admin-header{gap:12px;padding:12px 16px}.admin-header h1{font-size:18px}.admin-content{padding:16px}.admin-cards{gap:12px;grid-template-columns:1fr 1fr}.admin-card{padding:16px}.admin-card h3{font-size:12px}.admin-card .value{font-size:24px}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}.admin-table td,.admin-table th{font-size:12px;padding:10px 12px}.admin-toolbar{gap:8px}.admin-search{min-width:150px}.admin-btn{font-size:12px;padding:8px 14px}.admin-btn.sm{font-size:11px;padding:5px 10px}.admin-form{max-width:100%}.admin-input,.admin-select{font-size:13px;padding:10px 14px}.admin-modal{margin:10px;width:95%}.admin-modal-header{padding:16px 18px}.admin-modal-header h2{font-size:16px}.admin-modal-body{padding:18px}.admin-modal-footer{flex-wrap:wrap;padding:14px 18px}.admin-user{flex-wrap:wrap;gap:8px;padding:14px}.admin-user-name{font-size:13px}.admin-logout{font-size:11px;padding:6px 10px}.admin-login-box{margin:16px;padding:32px 24px}.admin-login h1{font-size:20px}}@media (max-width:480px){.admin-cards{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column;gap:8px}.admin-header h1{font-size:16px}.admin-table td,.admin-table th{font-size:11px;padding:8px 10px}.admin-badge{font-size:10px;padding:3px 6px}.admin-toolbar{flex-direction:column}.admin-search{min-width:auto;width:100%}.admin-modal-footer{flex-direction:column}.admin-modal-footer .admin-btn{justify-content:center;width:100%}}.browser{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;height:100vh}.browser-content{display:flex;flex:1 1;overflow:hidden}.app-container{height:100vh;overflow:hidden;width:100vw}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#f55}
/*# sourceMappingURL=main.a514e9f7.css.map*/