html,body{color:#e2e8f0;background-color:#0c0d10;height:100%;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container.svelte-12qhfyh{flex-direction:column;width:100vw;height:100vh;display:flex}.navbar.svelte-12qhfyh{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#12141ae6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.brand.svelte-12qhfyh{flex-direction:column;justify-content:center;display:flex;position:relative}.logo-glow.svelte-12qhfyh{filter:blur(25px);opacity:.5;background:#0df2c9;width:30px;height:30px;position:absolute;left:-10px}.brand-title.svelte-12qhfyh{letter-spacing:.5px;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.brand-subtitle.svelte-12qhfyh{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:-2px;font-size:.65rem}.nav-tabs.svelte-12qhfyh{background:#0003;border:1px solid #ffffff08;border-radius:12px;gap:.5rem;padding:.25rem;display:flex}.tab-btn.svelte-12qhfyh{color:#94a3b8;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn.svelte-12qhfyh:hover{color:#fff;background:#ffffff05}.tab-btn.active.svelte-12qhfyh{color:#0df2c9;text-shadow:0 0 10px #0df2c933;background:#0df2c914;border:1px solid #0df2c926}.status-panel.svelte-12qhfyh{align-items:center;gap:.75rem;display:flex}.sync-banner.svelte-12qhfyh{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf833;border-radius:6px;padding:.25rem .75rem;font-size:.75rem}.sync-badge.svelte-12qhfyh{color:#f97316;cursor:pointer;background:#f973161a;border:1px solid #f9731633;border-radius:8px;align-items:center;gap:.25rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.sync-badge.svelte-12qhfyh:hover:not(:disabled){background:#f9731633;transform:scale(1.02)}.url-config.svelte-12qhfyh input:where(.svelte-12qhfyh){color:#e2e8f0;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;width:170px;padding:.4rem .75rem;font-family:monospace;font-size:.75rem;transition:all .2s}.url-config.svelte-12qhfyh input:where(.svelte-12qhfyh):focus{border-color:#0df2c9;outline:none;box-shadow:0 0 10px #0df2c91a}.status-badge.svelte-12qhfyh{letter-spacing:.5px;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.7rem;font-weight:700;display:flex}.status-badge.online.svelte-12qhfyh{color:#10b981;background:#10b98114;border-color:#10b98126}.status-badge.offline.svelte-12qhfyh{color:#ef4444;background:#ef444414;border-color:#ef444426}.status-dot.svelte-12qhfyh{background-color:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.status-badge.online.svelte-12qhfyh .status-dot:where(.svelte-12qhfyh){animation:2s infinite svelte-12qhfyh-pulse}@keyframes svelte-12qhfyh-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.content-view.svelte-12qhfyh{background:radial-gradient(circle,#111319 0%,#08090b 100%);flex:1;position:relative;overflow:hidden}.btn-premium{color:#0c0d10;cursor:pointer;background:linear-gradient(135deg,#0df2c9 0%,#00b4d8 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0df2c933}.btn-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0df2c959}.btn-premium:active:not(:disabled){transform:translateY(0)}.btn-premium:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#334155}.logout-btn.svelte-12qhfyh:hover{background:#ef444433!important}@keyframes svelte-12qhfyh-scanLine{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes svelte-12qhfyh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}