*,:before,:after{box-sizing:border-box}.sidebar{background:var(--surface);border-right:1px solid var(--border-color);width:260px;box-shadow:2px 0 16px var(--shadow);padding:20px;transition:all .3s;overflow-y:auto;z-index:1000!important;flex-direction:column!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.sidebar.collapsed{width:68px}.sidebar-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:62px;margin-bottom:12px;padding:12px 10px;display:flex;position:relative}.sidebar.collapsed .sidebar-header h2{display:none}.sidebar-header .sidebar-logo{--logo-mark:url(/img/fi-icon-light-nobg.svg?v=20260713f);flex-shrink:0;min-width:0}[data-theme=dark] .sidebar-header .sidebar-logo{--logo-mark:url(/img/fi-icon-dark-nobg.svg?v=20260713f)}.sidebar-header .sidebar-logo .brand-mark{width:64px;height:44px}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:72px;padding:10px 6px}.sidebar.collapsed .sidebar-header .brand-word{display:none}.sidebar.collapsed .sidebar-header .brand-mark{width:50px;height:34px}.sidebar-header h2{font-size:var(--text-lg);letter-spacing:-.015em;color:var(--text-primary);margin:0;font-weight:700;transition:opacity .3s}.collapse-btn{background:var(--brand-faint);color:var(--brand);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;padding:0;font-size:1.1em;line-height:1;transition:all .2s;display:flex;position:static}.collapse-btn:hover{background:var(--brand);color:var(--color-on-brand);transform:scale(1.1)}.sidebar.collapsed .collapse-btn{align-self:center;margin:0;position:static;left:auto;right:auto;transform:none}.sidebar.collapsed .collapse-btn:hover{transform:scale(1.1)}.sidebar-nav{gap:4px;margin-bottom:30px;flex-direction:column!important;display:flex!important}.sidebar-divider{background:#8b5cf659;height:1px;margin:8px 14px}.sidebar.collapsed .sidebar-divider{margin:8px 12px}[data-theme=dark] .sidebar-divider{background:var(--border-strong)}.nav-link{color:var(--text-2);font-weight:500;font-size:var(--text-base);white-space:nowrap;letter-spacing:-.005em;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:background .15s,color .15s,transform .2s;display:flex}.sidebar.collapsed .nav-link{justify-content:center;padding:12px}.sidebar.collapsed .nav-link span:not(.nav-emoji){display:none}.nav-link:hover{background:var(--brand-faint);color:var(--brand)}.nav-link-action{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit;font-weight:500}.nav-link-action:hover{background:var(--brand-faint);color:var(--brand)}.sidebar.collapsed .nav-link-action{background:0 0}.sidebar.collapsed .nav-link:hover{transform:scale(1.08)}.nav-emoji{text-align:center;flex-shrink:0;width:24px;font-size:1.2em}.nav-icon{color:currentColor;stroke:currentColor;fill:none;pointer-events:none;flex-shrink:0;width:20px;height:20px;display:block}.sidebar.collapsed .nav-icon{width:24px;height:24px}.sidebar-profile{border-top:1px solid var(--border-color);align-items:center;gap:10px;margin-left:-4px;padding:12px 0;display:flex;position:relative}.sidebar.collapsed .sidebar-profile{justify-content:center}.profile-avatar{aspect-ratio:1;background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:0 2px 8px var(--brand-glow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.profile-avatar-img{object-fit:cover;background:var(--input-bg);pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.profile-avatar:hover{box-shadow:0 4px 12px var(--brand-glow);transform:scale(1.08)}.profile-initials{color:var(--color-on-brand);font-size:var(--text-xs);letter-spacing:.03em;pointer-events:none;font-weight:700}.profile-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar.collapsed .profile-info{display:none}.profile-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.profile-email{font-size:var(--text-xs);color:var(--text-3)}.profile-dropdown{background:var(--surface);border:1px solid var(--border-color);min-width:200px;box-shadow:var(--shadow-card-hover);z-index:2000;border-radius:12px;display:none;position:absolute;bottom:calc(100% + 4px);left:10px;overflow:hidden}.profile-dropdown.open{display:block}.profile-dropdown-header{flex-direction:column;gap:2px;padding:12px 14px 10px;display:flex}.profile-dropdown-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.profile-dropdown-email{font-size:var(--text-xs);color:var(--text-3)}.profile-dropdown-divider{background:var(--border-color);height:1px;margin:0}.profile-dropdown-item{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:9px;padding:10px 14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.profile-dropdown-item:hover{background:var(--brand-faint);color:var(--text-primary)}.profile-dropdown-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.profile-dropdown-soon{font-size:var(--text-2xs);background:var(--brand-faint);color:var(--text-3);border-radius:20px;margin-left:auto;padding:1px 6px}.profile-dropdown-logout{color:var(--danger)}.profile-dropdown-logout:hover{background:var(--color-danger-tint);color:var(--danger)}[data-theme=dark] .profile-dropdown-logout:hover{background:var(--color-danger-tint)}.sidebar-footer{margin-top:auto;padding-top:12px;padding-bottom:16px;position:relative}.sidebar-footer:before{content:"";background:#8b5cf659;height:1px;position:absolute;top:0;left:14px;right:14px}[data-theme=dark] .sidebar-footer:before{background:var(--border-strong)}.sidebar.collapsed .sidebar-footer:before{left:12px;right:12px}.dark-mode-section{flex-direction:column;gap:15px;display:flex}.sidebar.collapsed .dark-mode-section{align-items:center}.dark-mode-label{color:var(--text-2);font-weight:600;font-size:var(--text-sm);justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar.collapsed .dark-mode-label{justify-content:center}.sidebar.collapsed .dark-mode-label span{display:none}.dark-mode-toggle-wrapper{align-items:center;gap:10px;display:flex}.dark-mode-toggle{background:var(--border-color);cursor:pointer;width:48px;height:26px;font-size:var(--text-xs);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s;display:flex;position:relative}.dark-mode-toggle:before{content:"";background:var(--color-on-brand);border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}[data-theme=dark] .dark-mode-toggle{background:var(--brand)}[data-theme=dark] .dark-mode-toggle:before{transform:translate(22px)}.mobile-top-header{display:none}.hamburger-btn,.drawer-close-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;transition:background .15s,transform .1s;display:flex}.hamburger-btn:hover,.drawer-close-btn:hover{background:var(--brand-faint)}.hamburger-btn:active,.drawer-close-btn:active{transform:scale(.94)}.drawer-close-btn{display:none}.mobile-brand{font-size:var(--text-lg);letter-spacing:-.015em;color:var(--text-primary);font-weight:700}.sidebar-backdrop{z-index:999;-webkit-backdrop-filter:blur(2px);background:#00000073;display:none;position:fixed;inset:0}body.sidebar-drawer-open .sidebar-backdrop{display:block}body.sidebar-drawer-open{overflow:hidden}@media (width<=1024px){body{overflow-x:hidden;padding-left:0!important;padding-right:0!important}body.has-mobile-header{padding-top:56px}body.sidebar-collapsed{padding-left:0!important}.mobile-top-header{background:var(--surface);border-bottom:1px solid var(--border-color);z-index:800;height:56px;box-shadow:0 1px 3px var(--shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 12px;display:grid;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.mobile-top-header .mobile-top-logo{--logo-mark:url(/img/fi-icon-light-nobg.svg?v=20260713e);grid-column:2;justify-self:center}[data-theme=dark] .mobile-top-header .mobile-top-logo{--logo-mark:url(/img/fi-icon-dark-nobg.svg?v=20260713e)}.mobile-top-header .mobile-top-logo .brand-mark{width:58px;height:40px}.mobile-top-header .mobile-top-logo .brand-word{display:none}.sidebar{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-100%);box-shadow:4px 0 20px #0000002e;width:280px!important;height:100dvh!important}.sidebar.drawer-open{transform:translate(0)}.sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar.collapsed.drawer-open,.sidebar.drawer-open{transform:translate(0)}.sidebar.drawer-open.collapsed .sidebar-header h2,.sidebar.drawer-open.collapsed .profile-info,.sidebar.drawer-open.collapsed .dark-mode-label span,.sidebar.drawer-open.collapsed .nav-link span{display:revert}.sidebar.drawer-open.collapsed .nav-link{justify-content:flex-start;padding:12px 14px}.sidebar.drawer-open.collapsed .nav-icon{width:22px;height:22px}.sidebar.drawer-open.collapsed .sidebar-header,.sidebar.drawer-open .sidebar-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:62px;padding:12px 10px}.sidebar.drawer-open.collapsed .sidebar-header .sidebar-logo,.sidebar.drawer-open .sidebar-header .sidebar-logo{margin-right:auto}.collapse-btn{display:none}.drawer-close-btn{display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.nav-link{min-height:48px;font-size:var(--text-base);padding:12px 14px}.sidebar.drawer-open .sidebar-divider{display:none}.sidebar.drawer-open.collapsed .sidebar-profile,.sidebar.drawer-open .sidebar-profile{justify-content:flex-start;gap:12px;margin-left:0;padding:14px}.sidebar.drawer-open.collapsed .dark-mode-section,.sidebar.drawer-open .dark-mode-section{align-items:stretch}.sidebar.drawer-open .dark-mode-label{justify-content:space-between;padding:0 14px}.sidebar.drawer-open .sidebar-footer{padding:12px 0 16px}.profile-avatar{aspect-ratio:1;flex-shrink:0;min-width:36px;min-height:36px;width:36px!important;height:36px!important}}.nav-link-drawer-only{display:none}@media (width<=1024px){.nav-link-drawer-only{display:flex}}.nav-link-logout{color:var(--danger)}.nav-link-logout:hover{background:var(--color-danger-tint);color:var(--danger)}@media (width<=768px){.card[href^="/export/"]{display:none!important}}@media (width>=1025px){.sidebar-backdrop,.mobile-top-header{display:none!important}}.home-hamburger{display:none}@media (width<=1024px){.home-hamburger{display:inline-flex}body>header{gap:8px;padding:0 12px}body>header .header-right{display:none!important}body>header .logo{font-size:var(--text-base)}.shop-status{padding:1rem .75rem}.shop-status-card{border-radius:18px;padding:1.25rem 1rem 1.5rem}}.bottom-tabs{display:none}@media (width<=1024px){.bottom-tabs{z-index:850;background:var(--surface);border-top:1px solid var(--border-color);box-shadow:0 -2px 12px var(--shadow);padding-bottom:max(env(safe-area-inset-bottom,0px), 12px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-tab{min-height:var(--m-bottom-bar-h);color:var(--text-3);font-size:var(--text-2xs);letter-spacing:.01em;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex}.bottom-tab:hover,.bottom-tab:active{background:var(--brand-faint)}.bottom-tab.is-active{color:var(--brand);font-weight:600}.bottom-tab-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.bottom-tab.is-active .bottom-tab-icon{stroke-width:2.4px}.bottom-tab-label{line-height:1}body:after{content:"";height:calc(var(--m-bottom-bar-h) + max(env(safe-area-inset-bottom,0px), 12px) + 24px);display:block}body.has-sticky-action:after{height:calc(var(--m-bottom-bar-h) + 64px + max(env(safe-area-inset-bottom,0px), 12px) + 24px)}body.has-sticky-action .bottom-tabs{bottom:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:0}}.sidebar-supporter{align-self:flex-start;width:fit-content;margin:6px 4px}.pwa-install-icon{vertical-align:-3px;margin-right:.35em}.pwa-popover{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);max-width:380px;box-shadow:var(--shadow-card-hover);font-size:var(--text-base);color:var(--text);padding:1rem 1.1rem;line-height:1.55;position:absolute;top:60px;right:24px}.pwa-popover-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.pwa-popover-close-btn{cursor:pointer;color:var(--text-3);font-size:var(--text-lg);border-radius:var(--radius);background:0 0;border:none;padding:.15rem .45rem;line-height:1}.pwa-popover-footer{border-top:1px solid var(--border);text-align:right;margin-top:.85rem;padding-top:.7rem}.pwa-popover-dismiss-btn{cursor:pointer;color:var(--text-3);font-size:var(--text-xs);background:0 0;border:none;padding:.2rem .4rem;text-decoration:underline}.pwa-steps{margin:0;padding-left:1.1rem}.pwa-note{color:var(--text-3);font-size:var(--text-sm);margin:.7rem 0 0}.pwa-note-bare{color:var(--text-3);font-size:var(--text-sm);margin:0}.pwa-firefox-lead{margin:0 0 .6rem}@media (width<=720px){.pwa-popover{width:calc(100vw - 24px);max-width:420px;position:fixed;top:56px;left:50%;right:auto;transform:translate(-50%)}}