:root{color-scheme:light;--bg:#ffffff;--fg:#0a0a0a;--fg-muted:#6b6b6b;--muted:#9a9a9a;--border:#e5e5e5;--border-subtle:#f5f5f5;--link:#0a0a0a;--link-hover:#0a0a0a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--surface:#ffffff;--surface-hover:#fafafa;--surface-subtle:#f5f5f5;--surface-elevated:#ffffff;--danger:#e5484d;--danger-bg:#fff5f5;--danger-border:#ffd1d1;--danger-text:#c21f1f;--success:#30a46c;--success-bg:#f2fdf5;--success-border:#c8f0d8;--success-text:#18794e;--warning:#f5a623;--warning-bg:#fffbf0;--warning-border:#ffe8b3;--warning-text:#cc8500;--info:#0091ff;--info-bg:#f0f9ff;--info-border:#b3e0ff;--info-text:#0066cc;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--ring:rgba(0,112,243,0.3);--ring-danger:rgba(229,72,77,0.3);--radiusSm:var(--radius-sm);--radiusMd:var(--radius-md);--shadowSm:var(--shadow-sm);--surface2:var(--surface-subtle);--group-users-bg:#f0f9ff;--group-activity-bg:#f2fdf5;--group-revenue-bg:#fffbf0;--group-users-border:#b3e0ff;--group-activity-border:#c8f0d8;--group-revenue-border:#ffe8b3;--growth-positive:#30a46c;--growth-negative:#e5484d;--growth-neutral:#6b6b6b}*{box-sizing:border-box}body,html{height:100%;overflow-x:auto;max-width:100vw;width:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--link-hover);text-decoration:underline}main{min-height:100%}.layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;min-height:100vh;max-width:100vw;width:100%;overflow-x:auto}.header{grid-column:1/-1;border-bottom:1px solid var(--border);background:rgba(255,255,255,.9);padding:0 32px;height:64px;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{width:100%;justify-content:space-between}.header-content,.header-left{display:flex;align-items:center;gap:16px}.header-brand{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--fg)}.header-right{display:flex;align-items:center;gap:12px}.header-logo{max-width:112px;height:auto;display:block}.sidebar{border-right:1px solid var(--border);padding:24px 20px;background:var(--bg);overflow-y:auto;min-height:calc(100vh - 64px)}.navBrand{font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px;color:var(--fg)}.navBrand img{max-width:110px;height:auto;display:block}.navSection{margin-top:16px}.navSectionTitle{font-size:11px;font-weight:600;color:var(--fg-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.navSectionQuickAccess{margin-bottom:12px;padding:10px 12px;background:var(--surface-subtle);border-radius:var(--radius-md);border-left:3px solid var(--info)}.navSectionQuickAccess .navSectionTitle{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-bottom:8px;color:var(--fg);font-weight:600}.navSectionQuickAccess .navSectionTitleIcon{color:var(--info);font-size:12px;flex-shrink:0}.navSectionQuickAccessEditLink{margin-left:auto;font-size:12px;font-weight:500;color:var(--fg-muted);background:none;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.navSectionQuickAccessEditLink:hover:not(:disabled){color:var(--fg);background:var(--surface-hover);text-decoration:underline}.navSectionQuickAccessEditLink:disabled{cursor:not-allowed;opacity:.7}.navSectionQuickAccessEditLink:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ring)}.navSectionQuickAccessEditActions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.navSectionQuickAccessRow{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-sm);border-radius:var(--radius-md)}.navSectionQuickAccessRowLabel{flex:1 1;font-size:13px;color:var(--fg-muted);font-weight:500}.navSectionQuickAccessArrowGroup{display:flex;align-items:center;gap:2px}.navSectionQuickAccessArrowBtn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;background:none;cursor:pointer;color:var(--fg);font-size:12px;transition:color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.navSectionQuickAccessArrowBtn:disabled{cursor:not-allowed;color:var(--fg-muted);opacity:.4}.navSectionQuickAccessArrowBtn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ring)}.navSectionQuickAccess .navList{gap:4px}.navSectionQuickAccess .navLink{padding:6px var(--spacing-sm);font-size:13px}.sidebar nav.admin-sidebar{background:#fafafa;position:relative}.sidebar nav.admin-sidebar .navBrand{position:relative;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border)}.sidebar nav.admin-sidebar .navBrand:after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:1px;background:#0a0a0a}.sidebar nav.admin-sidebar .muted{color:#6b6b6b;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;padding-left:4px}.sidebar nav.admin-sidebar .navSection{margin-top:24px;position:relative}.sidebar nav.admin-sidebar .navSection:first-of-type{margin-top:0}.sidebar nav.admin-sidebar .navSectionTitle{color:#0a0a0a;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-left:4px}.sidebar nav.admin-sidebar .navList{gap:4px}.sidebar nav.admin-sidebar .navLink{font-weight:500;padding:10px 12px;color:#6b6b6b;border-radius:6px;transition:all .2s ease}.sidebar nav.admin-sidebar .navLink:hover{background:#f0f0f0;color:#0a0a0a;text-decoration:none}.sidebar nav.admin-sidebar .navLinkActive{background:#0a0a0a;color:#ffffff;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.1)}.sidebar nav.admin-sidebar .navLinkActive:hover{background:#1a1a1a;color:#ffffff}.navList{list-style:none;padding:0;margin:0;display:grid;grid-gap:6px;gap:6px}.navLink{display:flex;align-items:center;padding:8px 12px;border-radius:var(--radius-md);color:var(--fg-muted);border:1px solid transparent;font-size:14px;font-weight:500;transition:all .15s ease;text-decoration:none}.navLink:hover{background:var(--surface-hover);color:var(--fg);text-decoration:none}.navLinkActive{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--shadow-sm)}.content{padding:40px;max-width:1400px;width:100%;margin:0 auto;background:var(--bg);overflow-x:auto}.content,.landing-main{scroll-margin-top:64px}.h1{margin:0 0 20px;font-size:28px;line-height:1.2;letter-spacing:-.03em}.h1,.h2{font-weight:600;color:var(--fg)}.h2{margin:0 0 16px;font-size:22px;line-height:1.3;letter-spacing:-.02em}.h3{margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--fg)}.text-sm{font-size:12px;line-height:1.5}.text-base{font-size:14px;line-height:1.5}.text-lg{font-size:16px;line-height:1.5}.muted{color:var(--fg-muted);font-weight:400}.toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.btn,.toolbar{align-items:center}.btn{display:inline-flex;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px 16px;background:var(--surface);color:var(--fg);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--surface-hover);border-color:var(--fg);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.05)}.btnDanger{border-color:var(--danger-border)}.btnDanger,.btnDanger:hover{color:var(--danger-text);background:var(--danger-bg)}.btnDanger:hover{border-color:var(--danger)}.btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ring)}.btnDanger:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ring-danger)}.btnPrimary,.btnPrimary:hover{border-color:var(--fg);background:var(--fg);color:#fff}.btnPrimary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btnGhost{border-color:transparent;background:transparent;color:var(--fg)}.btnGhost:hover{background:var(--surface-subtle);border-color:var(--border);color:var(--fg)}.btnSuccess{border-color:var(--success);background:var(--success);color:#fff}.btnSuccess:hover:not(:disabled):not([aria-disabled=true]){background:var(--success-text);border-color:var(--success-text);color:#fff}.btnSuccess:disabled,.btnSuccess[aria-disabled=true]{opacity:1!important;cursor:default}.admin-nav-button{background-color:#1a1a1a!important;color:#ffffff!important;border-color:#1a1a1a!important}.admin-nav-button:hover{background-color:#2a2a2a!important;border-color:#2a2a2a!important;color:#ffffff!important}.btnSm{padding:6px 12px;border-radius:var(--radius-sm);font-size:13px}.btnLg{padding:14px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:600}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px;background:var(--surface);color:var(--fg);transition:all .2s ease;font-family:inherit}.input:hover,.select:hover,.textarea:hover{border-color:var(--fg-muted)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:0;border-color:var(--fg);box-shadow:0 0 0 3px rgba(10,10,10,.1)}.textarea{min-height:92px;resize:vertical}.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.table td,.table th{padding:14px 16px;border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle}.table th{background:var(--surface-subtle);font-weight:600;font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background:var(--surface-subtle)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.selected{background:var(--info-bg);border-color:var(--info-border)}.sortableHeader{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:background-color .15s ease}.sortableHeader:hover{background:var(--surface-hover)}.num{text-align:right!important;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease}.card:hover{border-color:var(--fg-muted);box-shadow:0 4px 12px rgba(0,0,0,.08)}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--radius-full);border:1px solid var(--border);font-size:11px;font-weight:600;background:var(--surface-subtle);color:var(--fg-muted);letter-spacing:.01em}.badgeSuccess{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.badgeWarning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.badgeDanger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.badgeInfo{border-color:var(--info-border);background:var(--info-bg);color:var(--info-text)}.rowActions{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.rowActions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:6px 10px;position:relative}.rowActions .btnSm{min-width:28px;padding:4px 8px;position:relative}.rowActions .btnSm[title],.rowActions .btn[title],.rowActions a[title],.rowActions button[title]{position:relative}.rowActions .btnSm[title]:hover:after,.rowActions .btn[title]:hover:after,.rowActions a[title]:hover:after,.rowActions button[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:6px;padding:6px 10px;background:rgba(0,0,0,.85);color:white;font-size:12px;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000;opacity:0;animation:tooltipFadeIn .2s ease-out forwards}.rowActions .btnSm[title]:hover:before,.rowActions .btn[title]:hover:before,.rowActions a[title]:hover:before,.rowActions button[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);border:4px solid transparent;border-top-color:rgba(0,0,0,.85);pointer-events:none;z-index:1001;opacity:0;animation:tooltipArrowFadeIn .2s ease-out forwards}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(2px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tooltipArrowFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(0)}to{opacity:1;transform:translateX(-50%) translateY(-4px)}}.inventory-btn-in{background-color:var(--info)!important;border-color:var(--info)!important;color:#fff!important}.inventory-btn-in:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--info-text)!important;border-color:var(--info-text)!important;color:#fff!important}.inventory-btn-out{background-color:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.inventory-btn-out:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--danger-text)!important;border-color:var(--danger-text)!important;color:#fff!important}.inventory-btn-adjust{background-color:var(--warning)!important;border-color:var(--warning)!important;color:#fff!important}.inventory-btn-adjust:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--warning-text)!important;border-color:var(--warning-text)!important;color:#fff!important}.inventory-btn-detail{background-color:var(--link)!important;border-color:var(--link)!important;color:#fff!important}.inventory-btn-detail:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--link-hover)!important;border-color:var(--link-hover)!important;color:#fff!important}.formGrid{display:grid;grid-gap:12px;gap:12px}.filter-grid{max-width:960px;gap:16px 20px}@media (min-width:1024px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid .field{min-width:0}.filter-grid .field--wide{grid-column:1/-1}.filter-grid .date-filter-container{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(220px,1fr) auto;align-items:center;grid-gap:12px 16px;gap:12px 16px;max-width:100%}.filter-grid .date-input-group{display:flex;align-items:center;gap:8px;min-width:0;max-width:360px}.filter-grid .date-input-group input[type=date]{flex:0 0 160px;min-width:0;max-width:160px;width:160px}.filter-grid .date-filter-presets{max-width:100%;flex-wrap:nowrap;overflow-x:auto;gap:8px;white-space:nowrap}.filter-grid .date-filter-presets .btn{flex:0 0 auto;max-width:none;white-space:nowrap}.filter-grid .filter-action-buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;padding-top:0;margin-top:0;border-top:none;width:auto}}@media (max-width:1279px) and (min-width:1024px){.filter-grid .date-filter-container{grid-template-columns:minmax(220px,1fr) minmax(200px,1fr)}.filter-grid .filter-action-buttons{grid-column:1/-1;justify-content:flex-end}}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--fg)}.field input,.field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radiusSm);padding:10px 12px;font-size:14px}.field textarea{min-height:92px;resize:vertical}.errorBox{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);padding:12px 16px;border-radius:var(--radius-md)}.statCard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.statCard:hover{border-color:var(--fg-muted);transform:translateY(-2px)}.statCard:hover,.statCardHero{box-shadow:0 4px 12px rgba(0,0,0,.08)}.statCardHero{background:linear-gradient(135deg,var(--surface) 0,var(--surface-subtle) 100%);border:2px solid var(--link);border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.statCardHero:hover{border-color:var(--fg);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.statCardHero .statCardValue{font-size:56px;font-weight:700;line-height:1.1}.statCardHero .statCardLabel{font-size:11px;font-weight:600}.statCardSecondary{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;box-shadow:0 2px 6px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.statCardSecondary:hover{border-color:var(--fg-muted);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.statCardSecondary .statCardValue{font-size:36px;font-weight:600}.statCardSecondary .statCardLabel{font-size:11px;font-weight:600}.statCardTertiary{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.statCardTertiary:hover{border-color:var(--fg-muted);box-shadow:0 2px 8px rgba(0,0,0,.08)}.statCardTertiary .statCardValue{font-size:24px;font-weight:500}.statCardTertiary .statCardLabel{font-size:11px;font-weight:500}.statGroupUsers{background:var(--group-users-bg);border-left:3px solid var(--group-users-border)}.statGroupActivity,.statGroupUsers{padding:24px;border-radius:12px;margin-bottom:32px}.statGroupActivity{background:var(--group-activity-bg);border-left:3px solid var(--group-activity-border)}.statGroupRevenue{background:var(--group-revenue-bg);border-left:3px solid var(--group-revenue-border);padding:24px;border-radius:12px;margin-bottom:32px}.sectionHeader{justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border);min-height:48px}.sectionHeader,.sectionHeaderLeft,.sectionHeaderRight{display:flex;align-items:center;gap:12px}.sectionHeaderIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);flex-shrink:0}.attentionCard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 2px 6px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:16px;transition:all .2s ease;cursor:pointer;position:relative}.attentionCard:hover{border-color:var(--fg-muted);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.attentionCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.attentionCardIcon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.attentionCardTitle{font-size:13px;font-weight:600;color:var(--fg);text-transform:uppercase;letter-spacing:.05em;flex:1 1}.attentionCardArrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);flex-shrink:0}.attentionCardValue{font-size:36px;font-weight:700;line-height:1.1;color:var(--fg);letter-spacing:-.03em}.attentionCardLabel{font-size:11px;color:var(--fg-muted);font-weight:500;margin-top:4px}.actionCard{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:16px;transition:all .2s ease;cursor:pointer}.actionCard:hover{border-color:var(--fg);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.actionCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:8px}.actionCardTag{font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.actionCardTitle{font-size:20px;font-weight:600;color:var(--fg);line-height:1.3;margin:0}.actionCardDescription{font-size:14px;color:var(--fg-muted);line-height:1.6;margin:0}.actionCardButton{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--link);text-decoration:none;margin-top:8px;transition:gap .2s ease}.actionCardButton:hover{gap:10px}.actionCardPreview{margin-top:16px;border-radius:8px;overflow:hidden;background:var(--surface-subtle);border:1px solid var(--border)}.statCardLabel{font-size:13px;color:var(--fg-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.statCardValue{font-size:36px;font-weight:600;line-height:1.2;color:var(--fg);letter-spacing:-.03em}.statCardSub{font-size:12px;color:var(--muted);margin-top:4px}.statCardLink{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);font-size:12px}.recentItemList{display:flex;flex-direction:column;gap:8px}.recentItem{display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;padding:16px 20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:all .2s ease;align-items:center}.recentItem:hover{background:var(--surface-subtle);border-color:var(--fg-muted);box-shadow:0 2px 8px rgba(0,0,0,.06);transform:translateX(2px)}.recentItemContent{display:flex;flex-direction:column;gap:4px;min-width:0}.recentItemTitle{font-weight:600;font-size:15px;color:var(--fg);display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.recentItemMeta{display:flex;gap:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.recentItemActions{display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.recentItem:hover .recentItemActions{opacity:1}.recentItemAmount{font-weight:600;font-size:16px;color:var(--fg);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.btn,.card,.input,.navLink,.recentItem,.select,.statCard,.textarea,a,button{transition-property:background-color,border-color,color,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid transparent;outline-offset:2px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast{animation:slideIn .3s ease-out}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.landing-layout{min-height:100vh;display:flex;flex-direction:column;overflow-x:visible;overflow-y:visible}.landing-main{flex:1 1;width:100%}.landing-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.landing-header-content{max-width:1400px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.landing-header-brand{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--fg);text-decoration:none}.landing-header-nav{display:flex;align-items:center;gap:12px}.landing-header-auth{display:flex;align-items:center;gap:8px}.landing-section{padding:100px 32px}.landing-container{max-width:1400px;margin:0 auto;width:100%}.landing-section-title{font-size:42px;font-weight:600;line-height:1.15;letter-spacing:-.03em;text-align:center;margin:0 0 20px;color:var(--fg)}.landing-section-subtitle{font-size:19px;line-height:1.6;text-align:center;color:var(--fg-muted);max-width:700px;margin:0 auto 64px;font-weight:400}.landing-hero{padding:140px 32px 100px;background:var(--bg);text-align:center}.landing-hero-content{max-width:900px;margin:0 auto}.landing-hero-title{font-size:64px;font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:0 0 32px;color:var(--fg)}.landing-hero-subtitle{font-size:22px;line-height:1.6;color:var(--fg-muted);margin:0 0 48px;font-weight:400}.landing-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.landing-hero-cta-primary{padding:16px 32px;font-size:16px;font-weight:500;background:var(--fg);color:var(--bg);border:1px solid var(--fg);border-radius:8px;transition:all .2s ease}.landing-hero-cta-primary:hover{background:var(--fg);color:var(--bg);opacity:.9;transform:translateY(-1px)}.landing-hero-cta-secondary{padding:16px 32px;font-size:16px;font-weight:500;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.landing-hero-cta-secondary:hover{background:var(--surface-subtle);border-color:var(--fg)}.landing-hero-note{font-size:14px;color:var(--fg-muted);margin:0}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:48px}.landing-feature-card{padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.landing-feature-card:hover{border-color:var(--link);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature-icon{font-size:40px;margin-bottom:16px}.landing-feature-title{font-size:20px;font-weight:600;margin:0 0 12px;color:var(--fg)}.landing-feature-description{font-size:15px;line-height:1.6;color:var(--fg-muted);margin:0}.landing-features-simple-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:32px;gap:32px;margin-top:48px}.landing-feature-simple-card{padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.landing-feature-simple-card:hover{border-color:var(--fg);box-shadow:0 4px 12px rgba(0,0,0,.05)}.landing-feature-simple-title{font-size:24px;font-weight:600;margin:0 0 24px;color:var(--fg);letter-spacing:-.02em}.landing-feature-simple-list{list-style:none;padding:0;margin:0}.landing-feature-simple-list li{font-size:15px;line-height:1.8;color:var(--fg-muted);padding:8px 0 8px 20px;position:relative}.landing-feature-simple-list li:before{content:"•";position:absolute;left:0;color:var(--link);font-weight:600}.landing-target-users{background:var(--surface-subtle)}.landing-target-users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;gap:20px;margin-top:48px}.landing-target-user-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.landing-target-user-item:hover{border-color:var(--link);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.landing-target-user-icon{font-size:32px}.landing-target-user-label{font-size:14px;font-weight:500;color:var(--fg);text-align:center}.landing-benefits{background:var(--surface-subtle)}.landing-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:32px;gap:32px;margin-top:48px}.landing-benefit-card{padding:48px 40px;background:var(--surface);border-radius:12px;text-align:center;border:1px solid var(--border);transition:all .2s ease}.landing-benefit-card:hover{border-color:var(--fg);box-shadow:0 4px 12px rgba(0,0,0,.05)}.landing-benefit-title{font-size:26px;font-weight:600;margin:0 0 16px;color:var(--fg);letter-spacing:-.02em}.landing-benefit-description{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 16px;color:var(--fg)}.landing-benefit-detail{font-size:15px;line-height:1.6;color:var(--fg-muted);margin:0}.landing-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-top:48px}.landing-pricing-card{position:relative;padding:40px 32px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all .2s ease}.landing-pricing-card:hover{border-color:var(--link);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.landing-pricing-card-featured{border-color:var(--link);background:linear-gradient(180deg,var(--info-bg) 0,var(--surface) 100%)}.landing-pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 16px;background:var(--link);color:white;font-size:12px;font-weight:600;border-radius:var(--radius-full)}.landing-pricing-name{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--fg)}.landing-pricing-description{font-size:14px;line-height:1.6;color:var(--fg-muted);margin:0 0 24px;min-height:40px}.landing-pricing-price{margin:0 0 32px}.landing-pricing-amount{font-size:40px;font-weight:700;color:var(--link)}.landing-pricing-period{font-size:16px;color:var(--fg-muted);margin-left:4px}.landing-pricing-features{list-style:none;padding:0;margin:0 0 32px;text-align:left}.landing-pricing-features li{padding:12px 0;font-size:15px;line-height:1.5;color:var(--fg);border-bottom:1px solid var(--border-subtle)}.landing-pricing-features li:last-child{border-bottom:none}.landing-pricing-features li:before{content:"✓ ";color:var(--success);font-weight:600;margin-right:8px}.landing-pricing-cta{width:100%;padding:12px 24px;font-size:16px;font-weight:600}.landing-testimonials{background:var(--surface-subtle)}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:48px}.landing-testimonial-card{padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.landing-testimonial-card:hover{border-color:var(--fg);box-shadow:0 4px 12px rgba(0,0,0,.05)}.landing-testimonial-content{font-size:16px;line-height:1.7;color:var(--fg);margin:0 0 24px;font-style:italic}.landing-testimonial-author{display:flex;flex-direction:column;gap:4px}.landing-testimonial-name{font-size:16px;font-weight:600;color:var(--fg)}.landing-testimonial-role{font-size:14px;color:var(--fg-muted)}.landing-cta{background:var(--bg);padding:120px 32px}.landing-cta-content{max-width:800px;margin:0 auto;text-align:center}.landing-cta-title{font-size:48px;font-weight:600;line-height:1.15;letter-spacing:-.03em;margin:0 0 24px;color:var(--fg)}.landing-cta-subtitle{font-size:20px;line-height:1.6;color:var(--fg-muted);margin:0 0 48px;font-weight:400}.landing-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.landing-cta-primary{padding:16px 32px;font-size:16px;font-weight:500;background:var(--fg);color:var(--bg);border:1px solid var(--fg);border-radius:8px;transition:all .2s ease}.landing-cta-primary:hover{background:var(--fg);color:var(--bg);opacity:.9;transform:translateY(-1px)}.landing-cta-secondary{padding:16px 32px;font-size:16px;font-weight:500;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.landing-cta-secondary:hover{background:var(--surface-subtle);border-color:var(--fg)}.landing-cta-note{font-size:14px;color:var(--fg-muted);margin:0}.landing-cta-link{color:var(--link);text-decoration:underline;cursor:pointer;background:none;border:none;font-size:14px;padding:0}.landing-cta-link:hover{color:var(--link-hover)}.quickActionCard{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;text-decoration:none;color:inherit;min-height:120px}.quickActionCard:hover{border-color:var(--fg);box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px);text-decoration:none;color:inherit}.quickActionCardPrimary{background:linear-gradient(135deg,var(--fg) 0,var(--fg-muted) 100%);border-color:var(--fg);color:#fff}.quickActionCardPrimary:hover{background:linear-gradient(135deg,var(--fg-muted) 0,var(--fg) 100%);color:#fff;border-color:var(--fg)}.stats-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stats-grid-quad{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid-triple{grid-template-columns:repeat(3,minmax(0,1fr))}@supports selector(:has(*)){.stats-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.statCardHero{padding:32px!important}.statCardHero .statCardValue{font-size:42px!important}.statCardSecondary{padding:28px!important}.statCardSecondary .statCardValue{font-size:32px!important}.attentionCard{padding:20px!important}.attentionCardValue{font-size:32px!important}.actionCard{padding:24px!important}}@media (max-width:768px){body,html{overflow-y:auto!important}.layout,body,html{overflow-x:visible!important}.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:visible!important}.header{grid-column:1;padding:0 16px;max-width:100vw;width:100%;overflow-x:visible;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.header-content{max-width:100%;width:100%}.sidebar{display:none}.content{padding:16px!important;max-width:100vw;width:100%;overflow-x:visible}.content,.landing-main{scroll-margin-top:56px}.statCard{min-height:auto}.statCardHero{padding:24px!important}.statCardHero .statCardValue{font-size:36px!important}.statCardSecondary{padding:16px!important;min-width:0;max-width:100%}.statCardSecondary .statCardValue{font-size:28px!important}.statGroupActivity,.statGroupRevenue,.statGroupUsers{padding:16px!important}.statGroupActivity>div[style*=grid],.statGroupRevenue>div[style*=grid],.statGroupUsers>div[style*=grid],.stats-grid,div[style*=gridTemplateColumns][style*="repeat(auto-fit"]{grid-template-columns:1fr!important;gap:12px!important}.quickActionCard{padding:20px!important;min-height:100px!important}.sectionHeader{flex-direction:column;align-items:flex-start;gap:8px}.attentionCard{padding:16px!important}.attentionCardValue{font-size:28px!important}.attentionCardIcon{width:28px!important;height:28px!important}.actionCard{padding:20px!important}.actionCardTitle{font-size:18px!important}.sectionHeader{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.sectionHeaderLeft,.sectionHeaderRight{width:100%}.recentItem{grid-template-columns:1fr;gap:8px}.recentItemActions{opacity:1;margin-top:8px}.recentItemAmount{text-align:left;margin-bottom:8px}.header-content{padding:0 16px;gap:8px!important;min-width:0}.header-left,.header-right{min-width:0;flex-shrink:1}.header-left{flex:1 1 auto;min-width:0}.header-right{flex-shrink:0;gap:8px!important}.header-logo{max-width:100px!important;height:auto!important;flex-shrink:0}.header-feedback-btn{padding:6px 8px!important;gap:4px!important;flex-shrink:0}.header-feedback-text{display:none!important}.header-right .cl-userButtonTrigger{width:32px!important;height:32px!important}.header{height:56px!important;min-height:56px!important}.landing-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.landing-header-content{padding:12px 16px;flex-wrap:wrap;gap:8px!important;min-width:0}.landing-header-brand{min-width:0;flex-shrink:1}.landing-header .header-logo{max-width:118px!important}.landing-header-nav{display:none}.landing-section{padding:60px 16px}.landing-section-title{font-size:32px}.landing-section-subtitle{font-size:16px;margin-bottom:32px}.landing-hero{padding:80px 16px}.landing-hero-title{font-size:40px}.landing-hero-subtitle{font-size:18px}.landing-features-grid{grid-template-columns:1fr;gap:20px}.landing-benefits-grid{grid-template-columns:1fr;gap:24px}.landing-pricing-grid,.landing-testimonials-grid{grid-template-columns:1fr;gap:20px}.landing-cta{padding:60px 16px}.landing-cta-title{font-size:36px}.landing-cta-subtitle{font-size:16px}.landing-cta-buttons{flex-direction:column;width:100%}.landing-cta-primary,.landing-cta-secondary{width:100%}}.pageHeader{justify-content:space-between;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border)}.pageHeader,.pageHeaderTitle{display:flex;align-items:center}.pageHeaderTitle{gap:12px;flex:1 1}.pageHeaderIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);flex-shrink:0}.pageHeaderActions{gap:12px}.pageHeaderActions,.searchBar{display:flex;align-items:center}.searchBar{gap:16px;margin-bottom:24px;flex-wrap:wrap}.searchBarInput{flex:1 1;min-width:200px;max-width:400px}.filterGroup{display:flex;gap:4px;background:var(--surface-subtle);padding:4px;border-radius:8px;border:1px solid var(--border)}.filterButton{padding:6px 12px;font-size:13px;font-weight:500;color:var(--fg-muted);background-color:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.filterButton:hover{background-color:var(--surface-hover)}.filterButtonActive{font-weight:600;color:var(--fg);background-color:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.05)}.tableEnhanced{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.tableEnhanced th{background:var(--surface-subtle);font-weight:600;font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:10}.tableEnhanced tbody tr{transition:background-color .15s ease,box-shadow .15s ease}.tableEnhanced tbody tr:hover{background:var(--surface-subtle);box-shadow:0 1px 3px rgba(0,0,0,.05)}.tableEnhanced tbody tr:last-child td{border-bottom:none}@media (max-width:1024px){.statCardSecondary{min-width:0}.card,.quickActionCard{padding:20px!important}}.footer-logo{max-width:120px;width:100%;height:auto;display:block}@media (max-width:768px){.pageHeader{flex-direction:column;align-items:flex-start;gap:12px}.pageHeaderActions{width:100%;justify-content:flex-start}.searchBar{flex-direction:column}.searchBarInput{width:100%;max-width:100%}.filterGroup{width:100%;flex-wrap:wrap}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){[data-fab]{bottom:16px!important;right:16px!important;width:48px!important;height:48px!important;font-size:20px!important}.btn{min-height:44px;padding:12px 20px}.btnSm{min-height:40px;padding:10px 16px}.rowActions .btn,.rowActions .btnSm{min-height:36px;min-width:44px;padding:8px 12px}.csv-upload-area{padding:20px 16px!important}.csv-icon{font-size:32px!important;margin-bottom:12px!important}.csv-text-main{font-size:14px!important;line-height:1.4!important}.csv-text-sub{font-size:12px!important;margin-bottom:12px!important}.charts-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}@media (max-width:768px){.charts-grid{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:32px}.charts-grid .chart-card{max-width:100%;width:100%}.chart-card{padding:16px!important}.chart-card .sectionHeader{margin-bottom:12px}}.dashboard-charts-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}@media (max-width:768px){.dashboard-charts-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.dashboard-charts-grid .chart-card{max-width:100%;width:100%}}.dashboard-recent-items-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:start}@media (max-width:768px){.dashboard-recent-items-grid{grid-template-columns:1fr;gap:16px}.dashboard-recent-items-grid .card{max-width:100%;width:100%}}.chart-card .h2{font-size:16px!important}.date-filter-container{flex-direction:column;gap:12px;overflow-y:visible}.date-filter-container,.date-input-group{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:visible}.date-input-group{gap:8px;align-items:center}.date-input-group input[type=date]{flex:1 1;min-width:0;max-width:calc(50% - 4px);box-sizing:border-box}.filter-action-buttons{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle);margin-top:8px;overflow-x:visible}.filter-action-buttons,.filter-action-buttons .btn{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.filter-action-buttons .btn{justify-content:center}.date-filter-presets{display:flex;flex-wrap:wrap;gap:6px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:visible}.date-filter-presets .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 3px);min-width:0;max-width:calc(50% - 3px);padding:8px 10px!important;font-size:12px!important;text-align:center;white-space:nowrap;box-sizing:border-box;overflow:visible}.chart-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-tabs button{padding:12px 16px;min-height:44px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--fg-muted);white-space:nowrap;transition:all .2s ease;flex-shrink:0}.chart-tabs button:hover{color:var(--fg);background:var(--surface-hover)}.chart-tabs button.active{color:var(--link);border-bottom-color:var(--link);font-weight:600}.card+.card{margin-top:12px}.card{max-width:100%;width:100%;box-sizing:border-box;overflow-x:visible;overflow-y:visible}.card.chart-card,.card[style*=overflow][style*=hidden]{overflow-x:auto!important;overflow-y:visible!important}.card>div[style*=overflow]{max-width:100%;width:100%}.card .formGrid,.card.formGrid,.field,.formGrid{max-width:100%;width:100%;min-width:0;box-sizing:border-box;overflow-x:visible}.field input,.field input[type=search],.field input[type=text],.field select,.field textarea{max-width:100%;box-sizing:border-box}.pageHeader,.toolbar{max-width:100%;width:100%}.card>div[style*=padding],.card[style*=marginBottom]{max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;box-sizing:border-box}.card>div[style*=padding]{min-width:0}.card>div>*{max-width:100%;box-sizing:border-box}div[style*=gridTemplateColumns][style*="minmax(180px"],div[style*=gridTemplateColumns][style*="minmax(400px"]{grid-template-columns:1fr!important}.card *{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.card div[style*="flex: 1"],.card>div[style*="display: flex"],.card>div[style*="display:flex"]{min-width:0}.card a,.card div,.card span{word-break:break-word;overflow-wrap:break-word}.section-divider{height:1px;background:var(--border);margin:24px 0}.quote-menu-dropdown{max-width:calc(100vw - 32px)!important;right:0!important;left:auto!important}.desktop-only{display:none}.footer-logo{max-width:100px!important;height:auto!important}footer{padding:24px 16px!important}footer>div>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:24px!important}}@media (min-width:769px){.desktop-only{display:block}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--surface-subtle);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.mobile-drawer-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-drawer-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.mobile-drawer-body{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px 20px;background:var(--bg)}