@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-dark:#06070d;--bg-card:#ffffff09;--bg-card-hover:#ffffff12;--bg-surface:#ffffff09;--bg-modal:#0e101ceb;--accent-cyan:#22d3ee;--accent-blue:#60a5fa;--accent-purple:#a78bfa;--accent-violet:#8b5cf6;--accent-pink:#f472b6;--accent-emerald:#34d399;--accent-amber:#fbbf24;--accent-rose:#fb7185;--accent-solid:#8b5cf6;--accent-solid-hover:#9d71ff;--grad-primary:linear-gradient(135deg, #7c5cff 0%, #b04cff 55%, #f04cbe 100%);--grad-primary-hover:linear-gradient(135deg, #8b6dff 0%, #c05dff 55%, #ff5ccb 100%);--grad-text:linear-gradient(110deg, #c4b5fd 0%, #f0a6ff 45%, #67e8f9 100%);--grad-glow:0 8px 28px #8b5cf659;--text-main:#f2f4fc;--text-muted:#9aa1b8;--text-dim:#676e88;--border-glass:#ffffff17;--border-strong:#ffffff2e;--border-focus:#8b5cf6;--shadow-lg:0 18px 50px #0000008c;--shadow-glow:0 0 28px #8b5cf638;--font-heading:"Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(680px 560px at 10% -8%,#7c5cff52,#0000 62%),radial-gradient(760px 600px at 96% 12%,#22d3ee2e,#0000 62%),radial-gradient(720px 660px at 50% 112%,#f04cbe2b,#0000 62%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 62% at 50% 0,#000 25%,#0000 78%);mask-image:radial-gradient(90% 62% at 50% 0,#000 25%,#0000 78%)}::selection{color:#fff;background:#8b5cf673}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.015em;font-weight:600}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);transition:border-color .2s,background-color .2s,box-shadow .25s;box-shadow:0 4px 24px #00000040}.glass-panel:hover{border-color:#8b5cf661;box-shadow:0 4px 24px #00000040,0 0 22px #8b5cf61a}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf68c}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.05rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible,.nav-item:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:var(--grad-primary);color:#fff;border:1px solid #ffffff24;font-weight:600;box-shadow:0 4px 18px #8b5cf659}.btn-primary:hover{background:var(--grad-primary-hover);transform:translateY(-1px);box-shadow:0 6px 26px #8b5cf680}.btn-secondary{background:var(--bg-card-hover);color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{border-color:var(--border-strong);background:#ffffff1a;transform:translateY(-1px)}.btn-purple{color:var(--accent-cyan);background:#22d3ee14;border:1px solid #22d3ee4d;font-weight:600}.btn-purple:hover{background:#22d3ee29;transform:translateY(-1px);box-shadow:0 0 18px #22d3ee33}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-main)}.btn-danger{color:var(--accent-rose);background:#fb71851a;border:1px solid #fb718547}.btn-danger:hover{background:#fb718533;box-shadow:0 0 16px #fb71852e}.input,.select,.textarea{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-body);background:#00000047;outline:none;padding:.6rem .9rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #8b5cf638}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#03040ab8;justify-content:center;align-items:center;padding:1.5rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;animation:.22s cubic-bezier(.34,1.3,.64,1) modalIn;overflow-y:auto;box-shadow:0 24px 60px #000000a6,0 0 40px #8b5cf614}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tag-pill{color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf638;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.73rem;font-weight:500;display:inline-flex}.badge-priority{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:600}.badge-priority.low{color:#34d399;background:#34d3991f;border:1px solid #34d39947}.badge-priority.medium{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2447}.badge-priority.high{color:#fb7185;background:#fb71851f;border:1px solid #fb718547}.navbar-header.svelte-rfuq4y{z-index:50;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--border-glass);background:#0c0d16b8;width:calc(100% - 2rem);max-width:1280px;margin:1rem auto;padding:.6rem 1rem;position:sticky;top:1rem;box-shadow:0 8px 32px #00000059}.navbar-container.svelte-rfuq4y{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand-link.svelte-rfuq4y{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-icon.svelte-rfuq4y{background:var(--grad-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 14px #8b5cf673}.brand-text.svelte-rfuq4y{align-items:center;gap:.35rem;display:flex}.brand-name.svelte-rfuq4y{font-family:var(--font-heading);background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.brand-badge.svelte-rfuq4y{color:var(--accent-purple);letter-spacing:.06em;background:#8b5cf624;border:1px solid #8b5cf659;border-radius:999px;padding:.12rem .4rem;font-size:.62rem;font-weight:700}.nav-links.svelte-rfuq4y{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0000004d;align-items:center;gap:.25rem;padding:.25rem;display:flex}.nav-item.svelte-rfuq4y{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item.svelte-rfuq4y:hover{color:var(--text-main);background:var(--bg-card-hover)}.nav-item.active.svelte-rfuq4y{color:#fff;background:var(--grad-primary);font-weight:600;box-shadow:0 2px 12px #8b5cf666}.nav-actions.svelte-rfuq4y{align-items:center;gap:.4rem;display:flex}.btn-sm.svelte-rfuq4y{padding:.4rem .75rem;font-size:.8rem}.btn-logout.svelte-rfuq4y{color:var(--text-dim);padding:.45rem}.btn-logout.svelte-rfuq4y:hover{color:var(--accent-rose);background:#fb718526}.btn-pocketdb.svelte-rfuq4y{background:#22d3ee0f;border:1px solid #22d3ee40;align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.btn-pocketdb.svelte-rfuq4y:hover{background:#22d3ee26;border-color:#22d3ee80;box-shadow:0 0 12px #22d3ee33}@media (width<=768px){.nav-links.svelte-rfuq4y{-webkit-backdrop-filter:blur(18px);z-index:90;border:1px solid var(--border-glass);background:#0c0d16e6;justify-content:space-around;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 10px 30px #000c}.nav-item.svelte-rfuq4y span:where(.svelte-rfuq4y){font-size:.75rem}.hide-mobile.svelte-rfuq4y{display:none}}.glass-modal.svelte-5kkhbz{padding:1.5rem}.modal-header.svelte-5kkhbz{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.header-title.svelte-5kkhbz{align-items:center;gap:.75rem;display:flex}.header-title.svelte-5kkhbz h3:where(.svelte-5kkhbz){color:var(--text-main);font-size:1.15rem}.header-sub.svelte-5kkhbz{color:var(--text-muted);font-size:.82rem}.btn-icon.svelte-5kkhbz{border-radius:var(--radius-md);padding:.4rem}.modal-body.svelte-5kkhbz{flex-direction:column;gap:1.1rem;display:flex}.section-card.svelte-5kkhbz{background:var(--bg-dark);border:1px solid var(--border-glass);border-radius:var(--radius-lg);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.section-header.svelte-5kkhbz{align-items:center;gap:.5rem;display:flex}.section-header.svelte-5kkhbz h4:where(.svelte-5kkhbz){color:var(--text-main);font-size:.92rem}.section-desc.svelte-5kkhbz{color:var(--text-muted);font-size:.8rem;line-height:1.4}.action-grid.svelte-5kkhbz{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem;display:grid}.input-label-sm.svelte-5kkhbz{color:var(--text-muted);margin-bottom:.25rem;font-size:.78rem;font-weight:500;display:block}.pass-change-form.svelte-5kkhbz{flex-direction:column;gap:.65rem;display:flex}.form-row.svelte-5kkhbz{gap:.5rem;display:flex}.pass-input-wrapper.svelte-5kkhbz{flex:1;align-items:center;display:flex;position:relative}.pass-input.svelte-5kkhbz{width:100%;padding-right:2.2rem}.btn-toggle-eye-sm.svelte-5kkhbz{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.5rem}.btn-toggle-eye-sm.svelte-5kkhbz:hover{color:var(--text-main)}.align-self-start.svelte-5kkhbz{align-self:flex-start}.status-box.svelte-5kkhbz{border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;display:flex}.status-box.success.svelte-5kkhbz{color:#34d399;background:#34d3991a;border:1px solid #34d39940}.status-box.error.svelte-5kkhbz{color:#f87171;background:#f871711a;border:1px solid #f8717140}.status-box.warning.svelte-5kkhbz{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.pb-input-group.svelte-5kkhbz label:where(.svelte-5kkhbz){color:var(--text-muted);margin-bottom:.3rem;font-size:.78rem;display:block}.input-with-button.svelte-5kkhbz{gap:.5rem;display:flex}.modal-footer.svelte-5kkhbz{border-top:1px solid var(--border-glass);justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;display:flex}.tfa-toggle-card.svelte-5kkhbz{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#0f172a99;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem .85rem;display:flex}.tfa-info.svelte-5kkhbz{flex-direction:column;gap:.2rem;display:flex}.tfa-title-row.svelte-5kkhbz{align-items:center;gap:.4rem;display:flex}.tfa-title.svelte-5kkhbz{color:var(--text-main);font-size:.84rem;font-weight:600}.tfa-desc.svelte-5kkhbz{color:var(--text-muted);margin:0;font-size:.74rem}.badge-active.svelte-5kkhbz{color:var(--accent-cyan);background:#22d3ee26;border:1px solid #22d3ee59;border-radius:999px;padding:.1rem .4rem;font-size:.62rem;font-weight:700}.badge-disabled.svelte-5kkhbz{color:var(--text-muted);background:#94a3b81f;border:1px solid #94a3b840;border-radius:999px;padding:.1rem .4rem;font-size:.62rem;font-weight:600}.switch-toggle.svelte-5kkhbz{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch-toggle.svelte-5kkhbz input:where(.svelte-5kkhbz){opacity:0;width:0;height:0}.slider.svelte-5kkhbz{cursor:pointer;border:1px solid var(--border-glass);background-color:#334155cc;border-radius:24px;transition:all .25s;position:absolute;inset:0}.slider.svelte-5kkhbz:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:2px;left:2px}input.svelte-5kkhbz:checked+.slider:where(.svelte-5kkhbz){background:var(--grad-primary)}input.svelte-5kkhbz:checked+.slider:where(.svelte-5kkhbz):before{transform:translate(20px)}.pb-admin-actions.svelte-5kkhbz{margin-top:.25rem}.btn-pocketdb-modal.svelte-5kkhbz{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #8b5cf64d}.btn-pocketdb-modal.svelte-5kkhbz:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf673}.pb-label-row.svelte-5kkhbz{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.pb-label-row.svelte-5kkhbz label:where(.svelte-5kkhbz){margin-bottom:0}.btn-reset-link.svelte-5kkhbz{color:var(--accent-cyan);cursor:pointer;opacity:.85;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:500;text-decoration:underline}.btn-reset-link.svelte-5kkhbz:hover{opacity:1;color:#fff}.pwa-banner.svelte-1sfcxn0{z-index:80;border:1px solid #00f2fe4d;justify-content:space-between;align-items:center;gap:1rem;max-width:400px;padding:.9rem 1.1rem;animation:.3s fadeIn;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 15px 35px #0009}.pwa-left.svelte-1sfcxn0{align-items:center;gap:.75rem;display:flex}.pwa-icon.svelte-1sfcxn0{border-radius:var(--radius-md);background:#00f2fe1a;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pwa-text.svelte-1sfcxn0 h5:where(.svelte-1sfcxn0){color:var(--text-main);font-size:.9rem;font-weight:700}.pwa-text.svelte-1sfcxn0 p:where(.svelte-1sfcxn0){color:var(--text-muted);font-size:.76rem;line-height:1.3}.pwa-actions.svelte-1sfcxn0{align-items:center;gap:.4rem;display:flex}.btn-sm.svelte-1sfcxn0{padding:.35rem .75rem;font-size:.78rem}.btn-icon.svelte-1sfcxn0{padding:.3rem}@media (width<=600px){.pwa-banner.svelte-1sfcxn0{max-width:none;bottom:5rem;left:1rem;right:1rem}}.app-shell.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}.app-main-content.svelte-12qhfyh{flex:1;width:100%;max-width:1280px;margin:0 auto 4rem;padding:0 1rem}