:root{--sidebar-width:260px;--sidebar-collapsed-width:72px;--sidebar-tablet-width:220px;--topbar-height:56px;--mobile-header-height:56px;--mobile-nav-height:64px;--page-max-width:1440px;--page-padding:24px;--sidebar-transition:.25s cubic-bezier(.4, 0, .2, 1);--nav-bg:#f8fafc;--nav-surface:#fff;--nav-border:#e2e8f0;--nav-primary:#2563eb;--nav-primary-light:#2563eb14;--nav-primary-active:#2563eb1f;--nav-text:#0f172a;--nav-muted:#64748b;--nav-item-radius:8px;--nav-group-label:#94a3b8;--nav-divider:#e2e8f0;--upgrade-card-bg:linear-gradient(135deg, #1d4ed8 0%, #7c3aed 100%);--upgrade-card-text:#fff}[data-bs-theme=dark]{--nav-bg:#0b1120;--nav-surface:#0f172a;--nav-border:#1e293b;--nav-primary:#3b82f6;--nav-primary-light:#3b82f614;--nav-primary-active:#3b82f626;--nav-text:#f1f5f9;--nav-muted:#94a3b8;--nav-group-label:#475569;--nav-divider:#1e293b;--upgrade-card-bg:linear-gradient(135deg, #1e40af 0%, #5b21b6 100%)}.app-layout{grid-template-columns:var(--sidebar-width) 1fr;background:var(--nav-bg);min-height:100svh;transition:grid-template-columns var(--sidebar-transition);grid-template-rows:1fr;display:grid}.app-layout[data-sidebar-collapsed=true]{grid-template-columns:var(--sidebar-collapsed-width) 1fr}@media (768px<=width<1024px){.app-layout{grid-template-columns:var(--sidebar-tablet-width) 1fr}.app-layout[data-sidebar-collapsed=true]{grid-template-columns:var(--sidebar-collapsed-width) 1fr}}@media (width<768px){.app-layout{flex-direction:column;min-height:100svh;display:flex}}.app-main{background:var(--nav-bg);flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}@media (width<768px){.app-main{flex:1;min-height:0;overflow-x:hidden}}.app-content-area{flex:1;overflow:hidden auto}@media (width<768px){.app-content-area{padding-top:var(--mobile-header-height);padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}}.page-container{max-width:var(--page-max-width);width:100%;padding:var(--page-padding);box-sizing:border-box;margin:0 auto}@media (width<768px){.page-container{padding:16px}}.app-sidebar{height:100svh;width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--nav-surface);border-right:1px solid var(--nav-border);transition:width var(--sidebar-transition), min-width var(--sidebar-transition);z-index:200;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.app-layout[data-sidebar-collapsed=true] .app-sidebar{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}@media (768px<=width<1024px){.app-sidebar{width:var(--sidebar-tablet-width);min-width:var(--sidebar-tablet-width)}.app-layout[data-sidebar-collapsed=true] .app-sidebar{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}}@media (width<768px){.app-sidebar{display:none}}.sidebar-header{height:var(--topbar-height);border-bottom:1px solid var(--nav-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.sidebar-logo{flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex;overflow:hidden}.sidebar-logo-icon{background:var(--upgrade-card-bg);color:#fff;letter-spacing:-.5px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.sidebar-logo-text{color:var(--nav-text);white-space:nowrap;letter-spacing:-.3px;transition:opacity var(--sidebar-transition), max-width var(--sidebar-transition);max-width:160px;font-size:15px;font-weight:700;overflow:hidden}.app-layout[data-sidebar-collapsed=true] .sidebar-logo-text{opacity:0;max-width:0}.sidebar-collapse-btn{border:1px solid var(--nav-border);width:28px;height:28px;color:var(--nav-muted);cursor:pointer;background:0 0;border-radius:6px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background:var(--nav-primary-light);color:var(--nav-primary);border-color:#0000}.sidebar-collapse-btn:focus-visible{box-shadow:0 0 0 2px var(--nav-primary)}.sidebar-collapse-btn svg{transition:transform var(--sidebar-transition)}.app-layout[data-sidebar-collapsed=true] .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--nav-border) transparent;flex:1;padding:12px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:2px}.sidebar-nav-group{margin-bottom:4px;padding:0 8px}.sidebar-nav-group+.sidebar-nav-group{border-top:1px solid var(--nav-divider);margin-top:4px;padding-top:4px}.sidebar-group-label{letter-spacing:.6px;text-transform:uppercase;color:var(--nav-group-label);white-space:nowrap;transition:opacity var(--sidebar-transition);padding:8px 10px 4px;font-size:11px;font-weight:600;overflow:hidden}.app-layout[data-sidebar-collapsed=true] .sidebar-group-label{opacity:0}.sidebar-nav-item{border-radius:var(--nav-item-radius);color:var(--nav-muted);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;outline:none;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:hover{color:var(--nav-text);background:var(--nav-primary-light)}.sidebar-nav-item.active{color:var(--nav-primary);background:var(--nav-primary-active);font-weight:600}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--nav-primary)}.sidebar-nav-item:focus-visible{box-shadow:0 0 0 2px var(--nav-primary)}.sidebar-nav-item.coming-soon{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;transition:color .18s;display:flex}.sidebar-nav-label{transition:opacity var(--sidebar-transition), max-width var(--sidebar-transition);text-overflow:ellipsis;max-width:160px;font-size:14px;overflow:hidden}.app-layout[data-sidebar-collapsed=true] .sidebar-nav-label{opacity:0;max-width:0}.sidebar-nav-item[data-tooltip]{position:relative}.app-layout[data-sidebar-collapsed=true] .sidebar-nav-item:after{content:attr(data-tooltip);background:var(--nav-text);color:var(--nav-bg);white-space:nowrap;pointer-events:none;opacity:0;z-index:300;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.app-layout[data-sidebar-collapsed=true] .sidebar-nav-item:hover:after{opacity:1}.sidebar-upgrade-section{border-top:1px solid var(--nav-divider);border-bottom:1px solid var(--nav-divider);margin:0 0 4px;padding:8px}.sidebar-upgrade-card{background:var(--upgrade-card-bg);border-radius:10px;padding:14px 14px 12px;position:relative;overflow:hidden}.app-layout[data-sidebar-collapsed=true] .sidebar-upgrade-card{border-radius:var(--nav-item-radius);justify-content:center;align-items:center;min-height:44px;padding:10px;display:flex}.sidebar-upgrade-icon{color:#fde68a;flex-shrink:0;font-size:18px}.sidebar-upgrade-content{transition:opacity var(--sidebar-transition), max-height var(--sidebar-transition);max-height:120px;overflow:hidden}.app-layout[data-sidebar-collapsed=true] .sidebar-upgrade-content{opacity:0;max-height:0}.sidebar-upgrade-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}.sidebar-upgrade-subtitle{color:#ffffffbf;margin-bottom:10px;font-size:11.5px;line-height:1.4}.sidebar-upgrade-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:6px;outline:none;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.sidebar-upgrade-btn:hover{color:#fff;background:#ffffff47}.sidebar-upgrade-btn:focus-visible{box-shadow:0 0 0 2px #ffffff80}.sidebar-footer{flex-shrink:0;height:16px}.app-topbar{height:var(--topbar-height);background:var(--nav-surface);border-bottom:1px solid var(--nav-border);z-index:150;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}@media (width<768px){.app-topbar{display:none}}.topbar-title{color:var(--nav-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.topbar-icon-btn{border:1px solid var(--nav-border);width:36px;height:36px;color:var(--nav-muted);cursor:pointer;background:0 0;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:0;transition:all .18s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--nav-primary-light);color:var(--nav-primary);border-color:#0000}.topbar-icon-btn:focus-visible{box-shadow:0 0 0 2px var(--nav-primary)}.topbar-notification-badge{border:1.5px solid var(--nav-surface);background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.topbar-dropdown-wrapper{position:relative}.topbar-dropdown{background:var(--nav-surface);border:1px solid var(--nav-border);z-index:400;border-radius:12px;min-width:280px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}[data-bs-theme=dark] .topbar-dropdown{box-shadow:0 8px 24px #0006}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-header{border-bottom:1px solid var(--nav-border);color:var(--nav-text);padding:12px 16px;font-size:13px;font-weight:600}.topbar-dropdown-empty{text-align:center;color:var(--nav-muted);padding:20px 16px;font-size:13px}.topbar-user-btn{border:1px solid var(--nav-border);cursor:pointer;background:0 0;border-radius:8px;outline:none;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:all .18s;display:flex}.topbar-user-btn:hover{background:var(--nav-primary-light);border-color:#0000}.topbar-user-btn:focus-visible{box-shadow:0 0 0 2px var(--nav-primary)}.topbar-user-avatar{background:var(--upgrade-card-bg);color:#fff;letter-spacing:.3px;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.topbar-user-name{color:var(--nav-text);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:13px;font-weight:500;overflow:hidden}.topbar-chevron{color:var(--nav-muted);flex-shrink:0;transition:transform .18s}.topbar-user-btn[aria-expanded=true] .topbar-chevron{transform:rotate(180deg)}.user-dropdown{min-width:200px}.user-dropdown-info{border-bottom:1px solid var(--nav-border);padding:12px 16px}.user-dropdown-name{color:var(--nav-text);margin-bottom:2px;font-size:13px;font-weight:600}.user-dropdown-email{color:var(--nav-muted);font-size:12px}.user-dropdown-menu{padding:6px}.user-dropdown-item{color:var(--nav-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;outline:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.user-dropdown-item:hover{background:var(--nav-primary-light);color:var(--nav-text)}.user-dropdown-item.danger{color:#ef4444}.user-dropdown-item.danger:hover{color:#dc2626;background:#ef444414}.user-dropdown-item:focus-visible{box-shadow:0 0 0 2px var(--nav-primary)}.user-dropdown-divider{background:var(--nav-border);height:1px;margin:4px 6px}.app-mobile-header{height:var(--mobile-header-height);background:var(--nav-surface);border-bottom:1px solid var(--nav-border);z-index:300;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}@media (width<768px){.app-mobile-header{display:flex}}.mobile-header-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.mobile-header-logo-icon{background:var(--upgrade-card-bg);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.mobile-header-logo-text{color:var(--nav-text);letter-spacing:-.3px;font-size:15px;font-weight:700}.mobile-header-actions{align-items:center;gap:4px;display:flex}.app-bottom-nav{z-index:200;height:var(--mobile-nav-height);background:var(--nav-surface);border-top:1px solid var(--nav-border);padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}@media (width<768px){.app-bottom-nav{display:flex}}@supports (padding:max(0px)){.app-bottom-nav{padding-bottom:max(0px, env(safe-area-inset-bottom))}}.bottom-nav-item{color:var(--nav-muted);border-radius:var(--nav-item-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px 6px;text-decoration:none;transition:all .18s;display:flex;position:relative}.bottom-nav-item:focus-visible{box-shadow:0 0 0 2px var(--nav-primary)}.bottom-nav-item.active{color:var(--nav-primary)}.bottom-nav-item.active:before{content:"";background:var(--nav-primary);border-radius:0 0 3px 3px;width:28px;height:2.5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-icon{justify-content:center;align-items:center;margin:0 auto;font-size:21px;transition:transform .18s;display:flex}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-label{letter-spacing:.2px;white-space:nowrap;font-size:10px;font-weight:600}@media (height<=500px) and (orientation:landscape){.app-bottom-nav{height:52px}.bottom-nav-label{display:none}}@media (prefers-reduced-motion:reduce){.app-layout,.app-sidebar,.sidebar-logo-text,.sidebar-nav-label,.sidebar-group-label,.sidebar-collapse-btn svg,.sidebar-upgrade-content,.bottom-nav-icon{transition:none}.sidebar-premium-section{border-top:1px solid var(--nav-divider);border-bottom:1px solid var(--nav-divider);flex-shrink:0;margin:0 0 4px;padding:8px}.sidebar-premium-card{background:linear-gradient(135deg,#b45309 0%,#d97706 50%,#f59e0b 100%);border:1px solid #fbbf2466;border-radius:10px;padding:14px 14px 12px;position:relative;overflow:hidden;box-shadow:0 4px 15px #d9770640}.app-layout[data-sidebar-collapsed=true] .sidebar-premium-card{border-radius:var(--nav-item-radius);background:linear-gradient(135deg,#b45309 0%,#f59e0b 100%);justify-content:center;align-items:center;min-height:44px;padding:10px;display:flex}.sidebar-premium-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#fff3;border:1px solid #fff6;border-radius:4px;align-items:center;gap:4px;margin-bottom:8px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-flex}.premium-star-icon{animation:2s infinite pulse-gold}@keyframes pulse-gold{0%{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px #fff);transform:scale(1.15)}to{opacity:.9;transform:scale(1)}}.sidebar-premium-icon-wrapper{color:#fff;justify-content:center;align-items:center;display:flex}.sidebar-premium-content{transition:opacity var(--sidebar-transition), max-height var(--sidebar-transition);color:#fff;max-height:120px;overflow:hidden}.app-layout[data-sidebar-collapsed=true] .sidebar-premium-content{opacity:0;max-height:0}.sidebar-premium-status{margin-bottom:2px;font-size:12px;font-weight:700;line-height:1.3}.sidebar-premium-thanks{color:#ffffffd9;margin:0;font-size:11px;line-height:1.4}.topbar-upgrade-link{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #f59e0b33;color:#fff!important}.topbar-upgrade-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59;color:#fff!important}.topbar-premium-badge{color:#f59e0b;letter-spacing:.3px;text-transform:uppercase;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:50px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.user-dropdown-premium-pill{color:#fff;vertical-align:middle;background:#f59e0b;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:9px;font-weight:800}.user-dropdown-tier{color:var(--bs-secondary-color);margin-top:4px;font-size:11px;font-weight:500}.mobile-upgrade-btn{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #f59e0b33;color:#fff!important}.mobile-premium-badge{color:#f59e0b;text-transform:uppercase;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:50px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.footer-upsell-teaser{margin-top:.75rem}.footer-upsell-link{color:var(--bs-primary);font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s}.footer-upsell-link:hover{opacity:.9;text-decoration:underline}.footer-premium-ack{margin-top:.75rem}.premium-ack-badge{color:#f59e0b;text-transform:uppercase;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:50px;align-items:center;margin-bottom:.35rem;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.premium-ack-text{color:var(--bs-secondary-color);margin:0;font-size:.8rem;line-height:1.4}}