.navbar,.mobile-bottom-nav,.community-mobile-header,.mobile-menu-backdrop,.mobile-menu-drawer,.home-popup{--nav-page:#07111f;--nav-surface:var(--surface,#0b1624);--nav-surface-raised:var(--surface-raised,#102033);--nav-surface-soft:var(--surface-soft,#16283d);--nav-line:var(--line,#94b7e82e);--nav-line-strong:var(--line-strong,#bed7f752);--nav-text:var(--text,#f4f8ff);--nav-muted:var(--muted,#c7d7ed);--nav-soft-text:var(--soft-text,#8fa6c1);--nav-shadow:var(--shadow,0 18px 48px #00000061)}.navbar{z-index:1000;width:100%;padding:18px 18px 0;position:fixed;top:0;left:0}.nav-menu{border:1px solid var(--nav-line);box-shadow:var(--nav-shadow);scrollbar-width:none;background-color:#0b1624f0;background-image:linear-gradient(135deg,#ffffff0b,#0000 34%),linear-gradient(#ffffff05,#0000);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:10px;align-items:center;gap:4px;width:fit-content;max-width:min(100%,980px);margin:0 auto;padding:8px;list-style:none;display:flex;overflow-x:auto}.nav-menu::-webkit-scrollbar{display:none}.nav-menu li{flex:none}.nav-menu button{color:var(--nav-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.nav-menu button:hover,.nav-menu button.active{color:var(--nav-text);background:#bed7f724}.nav-menu .logout-nav-button{color:var(--nav-muted)}.nav-menu .logout-nav-button:hover{color:var(--nav-text);background:#ff858524}.mobile-bottom-nav,.community-mobile-header,.mobile-menu-backdrop,.mobile-menu-drawer{display:none}@media (width>=769px){:root{--community-sidebar-left:18px;--community-sidebar-width:280px;--community-sidebar-gap:32px}.community-desktop-sidebar{box-sizing:border-box;bottom:18px;left:var(--community-sidebar-left);width:var(--community-sidebar-width);z-index:1400;padding:0;top:18px;right:auto;overflow:hidden}.community-desktop-sidebar .nav-menu{box-sizing:border-box;background:var(--nav-surface);flex-direction:column;align-items:stretch;width:100%;height:100%;margin:0;padding:10px;overflow:hidden auto;box-shadow:0 16px 40px #00000038}.community-desktop-sidebar .nav-menu button{justify-content:flex-start;width:100%;min-width:0}.community-desktop-sidebar .nav-menu button>span{min-width:0}.community-desktop-sidebar .nav-menu li:last-child{margin-top:auto}.nav-current-community{border-bottom:1px solid var(--nav-line);gap:6px;margin-bottom:6px;padding:0 0 8px;display:grid}.nav-current-community>button{background:var(--nav-surface-raised);grid-template-columns:1fr;place-items:center;gap:6px!important;padding:10px!important;display:grid!important}.nav-current-community>button>span{text-align:center;justify-items:center;gap:2px;width:100%;min-width:0;display:grid}.nav-current-community small,.nav-section-label{color:var(--nav-soft-text);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.nav-current-community strong{color:var(--nav-text);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.nav-section-label{padding:8px 8px 2px}.community-shell{box-sizing:border-box;margin-left:calc(var(--community-sidebar-left) + var(--community-sidebar-width) + var(--community-sidebar-gap))!important;max-width:calc(100vw - var(--community-sidebar-left) - var(--community-sidebar-width) - var(--community-sidebar-gap))!important}}.popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;background:#07111f94;animation:.2s fadeIn;position:fixed;inset:0}.home-popup{background:var(--nav-surface);border:1px solid var(--nav-line);box-shadow:var(--nav-shadow);z-index:1300;background-image:linear-gradient(135deg,#ffffff0b,#0000 34%),linear-gradient(#ffffff05,#0000);border-radius:8px;width:320px;padding:22px;animation:.25s popupSlide;position:fixed;bottom:98px;left:50%;transform:translate(-50%)}.popup-close{background:var(--nav-surface-soft);color:var(--nav-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:12px;right:12px}.popup-title{color:var(--nav-text);text-align:center;margin-bottom:22px;font-size:18px;font-weight:700}.popup-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.popup-btn{color:var(--nav-text);cursor:pointer;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-height:76px;padding:12px 8px;transition:all .2s;display:flex}.popup-btn:hover{transform:translateY(-2px)}.home-btn,.login-btn,.docs-btn{background:var(--nav-surface-raised);border:1px solid var(--nav-line)}.logout-btn{background:#ff85852e;border:1px solid #ff85855c}@keyframes popupSlide{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=980px){.navbar{padding-inline:12px}.nav-menu{width:100%;max-width:calc(100vw - 24px)}}@media (width<=768px){.navbar{display:none}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:1100;background-color:#07111feb;background-image:linear-gradient(135deg,#bed7f70f,#0000 38%),linear-gradient(#ffffff06,#0000);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #94b7e838;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:2px;min-height:64px;padding:6px;display:grid;position:fixed;left:10px;right:10px;box-shadow:inset 0 -2px #bed7f70f,0 8px 32px #0000006b,0 2px 12px #0000004d}.mobile-bottom-nav button{box-shadow:none;color:#94b7e8b3;cursor:pointer;background:0 0;border:none;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-width:0;min-height:52px;padding:5px 2px;font-size:10px;font-weight:600;transition:background .18s,color .18s;display:flex;position:relative}.community-mobile-header{border:1px solid var(--nav-line);color:var(--nav-text);min-height:var(--community-mobile-header-height,58px);z-index:1001;background:#0b1624f0;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px 11px;display:grid;position:fixed;top:8px;left:10px;right:10px}.community-mobile-header>span:nth-child(2){text-align:left;gap:1px;min-width:0;display:grid}.community-mobile-header small{color:var(--nav-soft-text);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.community-mobile-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.community-mobile-header:disabled{opacity:.75}.mobile-bottom-nav .primary-create{color:#dceaff;background:linear-gradient(145deg,#2c69aae6,#1e4a7de6);border:1px solid #aecfff47;font-weight:700}.mobile-bottom-nav .primary-create svg{color:#bdd6ff}.mobile-bottom-nav button svg{flex:none;width:20px;height:20px;transition:transform .18s}.mobile-bottom-nav button.active{color:#dceaff;background:#bed7f71f}.mobile-bottom-nav button.active svg{color:#dceaff;transform:scale(1.08)}.mobile-bottom-nav button.active:after{content:"";background:#dceaff;border-radius:999px;width:16px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.mobile-bottom-nav span{letter-spacing:.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;font-weight:600;overflow:hidden}.home-popup{width:calc(100% - 28px);max-width:340px;bottom:92px}.home-popup-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width<=390px){.mobile-bottom-nav{left:6px;right:6px}.mobile-bottom-nav button{font-size:11px}}@media (width<=768px){.community-mobile-header{margin-top:5px;margin-bottom:5px}.community-mobile-header:not(.org-community-mobile-header){background:radial-gradient(circle at 10% 0,#5ca6ff33,#0000 42%),linear-gradient(135deg,#0e2642fa,#081628fa);border:1px solid #6faeff57;border-radius:16px;gap:9px;min-height:62px;padding:7px 8px 7px 9px;overflow:hidden;box-shadow:0 12px 32px #00000057,inset 0 1px #ffffff14}.community-mobile-header:not(.org-community-mobile-header):after{content:"";opacity:.8;background:linear-gradient(90deg,#5ba7ff,#77d1ff,#0000);height:2px;position:absolute;bottom:0;left:16px;right:48%}.community-mobile-header:not(.org-community-mobile-header) .mobile-current-community{border-radius:12px;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:46px;padding:4px 2px 4px 4px;transition:background-color .18s,transform .18s;display:grid}.community-mobile-header:not(.org-community-mobile-header) .mobile-current-community:active:not(:disabled){background:#7db8ff17;transform:scale(.985)}.mobile-community-mark{color:#beddff;background:linear-gradient(145deg,#2866a8,#174578);border:1px solid #9ccdff4d;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 6px 16px #00000038}.mobile-community-mark svg{width:18px;height:18px}.mobile-community-copy{gap:3px;min-width:0;display:grid}.community-mobile-header .mobile-community-copy small{color:#9fbbda;letter-spacing:.13em;align-items:center;font-weight:750;line-height:1;display:flex;font-size:8.5px!important}.mobile-community-copy small i{background:#62d8a3;border-radius:50%;width:5px;height:5px;margin-right:7px;box-shadow:0 0 0 3px #62d8a31a,0 0 9px #62d8a373}.community-mobile-header .mobile-community-copy strong{color:#f7fbff;letter-spacing:-.015em;font-weight:800;line-height:1.2;font-size:14px!important}.mobile-community-arrow{color:#b7d3f49e;width:15px;height:15px}.community-mobile-header:not(.org-community-mobile-header) .mobile-menu-toggle{color:#e7f2ff;background:linear-gradient(145deg,#2b5e97f5,#153962f5);border:1px solid #8bc2ff59;border-radius:12px;width:42px;height:42px;box-shadow:inset 0 1px #ffffff1a,0 7px 18px #00000040}.community-mobile-header:not(.org-community-mobile-header) .mobile-menu-toggle:active{background:#2b659f;transform:scale(.94)}}body.mobile-menu-is-open{overflow:hidden}@media (width<=768px){body.mobile-menu-is-open .community-mobile-header{z-index:1502}.community-mobile-header{z-index:1302;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:6px;padding:5px 6px 5px 8px;display:grid}.mobile-current-community{color:var(--nav-text);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:36px;padding:0;display:grid}.mobile-current-community>span{gap:1px;min-width:0;display:grid}.mobile-current-community small{color:var(--nav-soft-text);letter-spacing:.08em;text-transform:uppercase;line-height:1.15;font-size:8px!important}.mobile-current-community strong{text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden;font-size:11px!important}.mobile-menu-toggle{background:var(--nav-surface-raised);border:1px solid var(--nav-line);color:var(--nav-text);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;display:inline-flex}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9998;background:#020812b8;border:0;padding:0;animation:.2s forwards backdropFadeIn;display:block;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideIn{0%{opacity:.7;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-menu-drawer{-webkit-backdrop-filter:blur(24px);z-index:9999;background:linear-gradient(160deg,#1632542e 0%,#0000 50%),linear-gradient(#ffffff07 0%,#0000 30%),#081220f7;border-left:1px solid #94b7e824;flex-direction:column;width:min(82vw,300px);padding:0;transition:transform .26s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(105%);box-shadow:-1px 0 #bed7f70f,-24px 0 64px #00000094,-4px 0 16px #00000061}.mobile-menu-drawer.open{animation:.26s cubic-bezier(.32,.72,0,1) forwards drawerSlideIn;transform:translate(0)}.mobile-drawer-heading{padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 16px;background:linear-gradient(135deg,#1e467852 0%,#0000 60%),#0b1828e6;border-bottom:1px solid #94b7e81f;flex:none;align-items:center;gap:10px;display:flex}.mobile-drawer-heading>span{flex:auto;gap:3px;min-width:0;display:grid}.mobile-drawer-heading strong{color:var(--nav-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.mobile-drawer-heading small{color:var(--nav-soft-text);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.mobile-drawer-close{color:var(--nav-soft-text);cursor:pointer;background:#94b7e814;border:1px solid #94b7e824;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;padding:0;transition:background .16s,color .16s;display:inline-flex}.mobile-drawer-close:hover{color:var(--nav-text);background:#94b7e829}.mobile-menu-drawer nav{scrollbar-width:none;flex:auto;min-height:0;padding:10px 10px 6px;overflow-y:auto}.mobile-menu-drawer nav::-webkit-scrollbar{display:none}.mobile-menu-drawer ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mobile-menu-drawer li{min-width:0}.mobile-menu-drawer li button{color:#b6cfedb8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;font-size:15.5px;font-weight:600;transition:background .16s,color .16s;display:flex;position:relative}.mobile-menu-drawer li button:hover{color:var(--nav-text);background:#94b7e81a}.mobile-menu-drawer li button.active{color:#dceaff;background:#639eea24;border:1px solid #94b7e82e;font-weight:700}.mobile-menu-drawer li button.active:before{content:"";background:linear-gradient(#7bb8ff,#4f8fd4);border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;left:4px}.mobile-menu-drawer li button svg,.mobile-drawer-logout svg{flex:none}.mobile-drawer-section{color:#8fa6c199;letter-spacing:.14em;text-transform:uppercase;margin-top:10px;padding:8px 12px 4px;font-size:10.5px;font-weight:800}.mobile-drawer-logout{color:#ffa0a0d9;cursor:pointer;min-height:56px;padding:calc(12px) 16px calc(12px + env(safe-area-inset-bottom,0px));background:#ff646414;border:0;border-top:1px solid #94b7e81a;border-radius:0;flex:none;align-items:center;gap:12px;width:100%;font-size:15.5px;font-weight:650;transition:background .16s,color .16s;display:flex}.mobile-drawer-logout:hover{color:#ffb3b3;background:#ff646429}body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom,0px));gap:2px;min-height:60px;padding:5px;left:10px;right:10px}.mobile-bottom-nav button{gap:3px;min-height:46px;padding:5px 2px 8px;font-size:9.5px}.mobile-bottom-nav button.active:after{width:14px;height:2.5px;bottom:3px}.mobile-bottom-nav button svg{width:19px;height:19px}.mobile-bottom-nav span{font-size:9.5px}.community-mobile-header{min-height:var(--community-mobile-header-height,48px);padding:5px 9px;top:10px;left:10px;right:10px}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--surface,#fff);border:1px solid var(--line,#d7dee8);box-shadow:var(--shadow,0 20px 40px #0000003d);color:var(--text,#172033);border-radius:8px;width:100%;max-width:400px;padding:24px}[data-theme=dark] .confirm-modal{color:#fff;background:#1e293b;border:1px solid #334155}.confirm-modal h3{margin:0 0 8px;font-size:1.25rem;font-weight:700}.confirm-modal p{color:#64748b;margin:0 0 24px;font-size:.95rem;line-height:1.5}[data-theme=dark] .confirm-modal p{color:#94a3b8}.confirm-modal-actions{justify-content:flex-end;gap:12px;display:flex}.confirm-modal-actions button{cursor:pointer;border:none;border-radius:7px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.confirm-modal-actions button:focus-visible{outline-offset:2px;outline:3px solid #7ba9ff}@media (width<=480px){.confirm-modal-overlay{align-items:end;padding:12px}.confirm-modal{max-width:none;padding:20px}.confirm-modal-actions{grid-template-columns:1fr 1fr;display:grid}.confirm-modal-actions button{min-height:44px}}.confirm-modal-actions .btn-cancel{color:#475569;background:#f1f5f9}[data-theme=dark] .confirm-modal-actions .btn-cancel{color:#cbd5e1;background:#334155}.confirm-modal-actions .btn-cancel:hover{background:#e2e8f0}[data-theme=dark] .confirm-modal-actions .btn-cancel:hover{background:#475569}.confirm-modal-actions .btn-confirm{color:#fff;background:#10bc69}.confirm-modal-actions .btn-confirm:hover{background:#0ea45b}.confirm-modal-actions .btn-destructive{color:#fff;background:#ef4444}.confirm-modal-actions .btn-destructive:hover{background:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a,li,td,th,strong,small,em,span:not([class*=bi]):not([class*=fa]):not([class*=icon]):not([class*=fi]),div:not([class*=bi]):not([class*=fa]):not([class*=icon]):not([class*=fi]),i:not([class*=bi]):not([class*=fa]):not([class*=icon]):not([class*=fi]){font-family:Poppins,sans-serif!important}html{min-width:320px}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:2px;outline:2px solid #7ba9ff}.app-skip-link{color:#07111f;z-index:20000;background:#f4f8ff;border-radius:0 0 7px;padding:10px 14px;font-size:14px;font-weight:700;transition:transform .15s;position:fixed;top:0;left:0;transform:translateY(-120%)}.app-skip-link:focus{transform:translateY(0)}.app-loading{color:#f4f8ff;background:#07111f;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:24px;display:flex}.app-loading-mark{background:#fff;border:1px solid #bed7f752;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;height:44px;display:flex}.app-loading-mark img{object-fit:contain;width:78%;height:78%}.app-loading>div{gap:3px;display:grid}.app-loading strong{font-size:15px}.app-loading>div span{color:#9fb2ca;font-size:13px}.page-state{background:var(--surface,#0b1624);border:1px solid var(--line,#94b7e82e);border-radius:var(--radius-md,8px);color:var(--text,#f4f8ff);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;padding:24px;display:flex}.page-state>span:not(.page-state-spinner){color:var(--muted,#c7d7ed);max-width:520px;font-size:14px;line-height:1.5}.page-state button{background:var(--text,#f4f8ff);border-radius:var(--radius-sm,6px);color:var(--page,#07111f);cursor:pointer;min-height:var(--control-height,42px);border:0;padding:8px 14px;font-weight:700}.page-state-error{border-color:color-mix(in srgb, var(--red,#ff8585) 48%, transparent)}.page-state-spinner{border:3px solid var(--line-strong,#bed7f752);border-top-color:var(--focus-ring,#7ba9ff);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite page-state-spin}@keyframes page-state-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-state-spinner{animation-duration:1.8s}}.app-fallback{text-align:center;color:#f8fbff;background:#071829;place-content:center;gap:12px;min-height:100vh;padding:24px;display:grid}.app-fallback h1{font-size:24px;line-height:1.2}.app-fallback p{color:#b9cbe4;font-size:16px;line-height:1.5}.app-fallback-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.app-fallback-actions button{color:#f8fbff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:6px;padding:10px 14px}.app-fallback-actions button:hover{background:#ffffff2e}