@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.app-container.dark{--bg-primary:#0b0914;--bg-secondary:#120f24;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff14;--glass-bg-active:#ffffff1f;--glass-border:#ffffff14;--glass-border-hover:#ffffff29;--glass-glow:#a78bfa26;--accent-purple:#a78bfa;--accent-purple-glow:#a78bfa4d;--accent-emerald:#34d399;--accent-emerald-glow:#34d39933;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e33;--accent-grey:#6b7280;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--logo-filter:invert(1) brightness(1.8);--header-bg:#0f0c1e66;--drawer-bg:linear-gradient(180deg, #141029f2 0%, #0b0914fa 100%);--active-btn-bg:#ffffff14;--card-gradient:linear-gradient(135deg, #1e1b4b66 0%, #0f0c1e99 100%);--container-bg:radial-gradient(circle at 50% 0%, #1e163d 0%, #0d0a18 100%);--shadow-color:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-container.light{--bg-primary:#f8fafc;--bg-secondary:#fff;--glass-bg:#ffffffbf;--glass-bg-hover:#ffffffe0;--glass-bg-active:#fffffff2;--glass-border:#0f172a14;--glass-border-hover:#0f172a24;--glass-glow:#7c3aed0a;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed26;--accent-emerald:#059669;--accent-emerald-glow:#05966926;--accent-rose:#dc2626;--accent-rose-glow:#dc262626;--accent-grey:#64748b;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--logo-filter:none;--header-bg:#ffffffa6;--drawer-bg:linear-gradient(180deg, #fffffffa 0%, #f1f5f9fa 100%);--active-btn-bg:#7c3aed14;--card-gradient:linear-gradient(135deg, #f3e8ff99 0%, #e0f2fe99 100%);--container-bg:radial-gradient(circle at 50% 0%, #f1f5f9 0%, #cbd5e1 100%);--shadow-color:#0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}html,body,#root{background:radial-gradient(circle at 0 0,#1c1535 0%,#0b0914 100%);width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{justify-content:center;align-items:center;display:flex}.app-container{background:var(--container-bg);width:100%;height:100%;color:var(--text-primary);transition:var(--transition-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=481px){.app-container{border:6px solid #1f1b2e;border-radius:40px;max-width:480px;height:92vh;box-shadow:0 30px 60px #000c,inset 0 0 15px #ffffff0d}}.app-logo-img{width:auto;height:100%;filter:var(--logo-filter);transition:var(--transition-smooth)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--shadow-color);transition:var(--transition-smooth);border-radius:24px}.glass-panel:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.glass-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.glass-button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.glass-button:active{background:var(--glass-bg-active);transform:translateY(1px)}.glass-input{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);transition:var(--transition-smooth);border-radius:16px;outline:none;padding:14px 16px;font-family:inherit;font-size:1rem}.glass-input:focus{border-color:var(--accent-purple);background:var(--glass-bg-hover);box-shadow:0 0 15px var(--accent-purple-glow)}.btn-status{cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.btn-status.red{color:var(--accent-rose);background:#f43f5e26;border-color:#f43f5e4d;box-shadow:0 0 12px #f43f5e26}.btn-status.red:hover{background:#f43f5e40;box-shadow:0 0 18px #f43f5e4d}.btn-status.green{color:var(--accent-emerald);background:#34d39926;border-color:#34d3994d;box-shadow:0 0 12px #34d39926}.btn-status.green:hover{background:#34d39940;box-shadow:0 0 18px #34d3994d}.btn-status.grey{color:var(--text-secondary);background:#6b728026;border-color:#6b72804d;box-shadow:0 0 10px #6b72801a}.btn-status.grey:hover{background:#6b728040;box-shadow:0 0 15px #6b728033}.btn-status.local{color:var(--accent-purple);background:#a78bfa26;border-color:#a78bfa4d;box-shadow:0 0 10px #a78bfa26}.btn-status.local:hover{background:#a78bfa40;box-shadow:0 0 16px #a78bfa4d}.app-header{border-bottom:1px solid var(--glass-border);background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);width:100%;height:100%;transition:var(--transition-smooth);background:#0f172a66;position:absolute;top:0;left:0}.drawer-menu{background:var(--drawer-bg);width:80%;height:100%;box-shadow:10px 0 35px var(--shadow-color);transition:var(--transition-smooth);border-top:none;border-bottom:none;border-left:none;border-radius:0 24px 24px 0;flex-direction:column;gap:24px;padding:30px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex}.fab{background:linear-gradient(135deg, var(--accent-purple) 0%, #7c3aed 100%);color:#fff;cursor:pointer;width:56px;height:56px;transition:var(--transition-smooth);z-index:10;border:1px solid #fff3;border-radius:28px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 10px 25px #7c3aed66,inset 0 2px 4px #fff6}.fab:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 15px 30px #7c3aed99}.fab:active{transform:scale(.95)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInUp}.animate-fade-in{animation:.2s ease-out forwards fadeIn}.pulse{animation:2s ease-in-out infinite pulse-soft}