.mobile-hero{border-radius:var(--radius-2xl);color:#fff;background:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 30%, transparent);justify-content:space-between;align-items:stretch;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.mdate{display:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}@media (max-width:767px){.mdate{display:flex}.mdate-chips{grid-template-columns:1fr auto auto auto;gap:8px;width:100%;display:grid}.mdate-chip{background:var(--muted);min-width:0;height:36px;color:var(--muted-foreground);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;transition:background-color .2s,color .2s,transform .12s,box-shadow .2s;display:inline-flex}.mdate-chip:active{transform:scale(.94)}.mdate-chip-active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 40%, transparent)}.mdate-sheet-item{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px;transition:transform .12s;display:flex}.mdate-sheet-item:active{transform:scale(.97)}.mdate-sheet-item-active{border-color:color-mix(in srgb, var(--primary) 50%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}}.mobile-bottom-nav{display:none}@media (max-width:767px){.mobile-bottom-nav{z-index:30;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 4px;transition:color .2s,transform .12s;display:flex}.mobile-bottom-nav-item:active{transform:scale(.92)}.mobile-bottom-nav-item-active{color:var(--primary)}.mobile-bottom-nav-item-active svg{background:color-mix(in srgb, var(--primary) 16%, transparent);box-sizing:content-box;border-radius:9999px;padding:3px 14px}}.bento-grid{display:none}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(4,1fr)}}.bento-full{grid-column:1/-1}@media (min-width:640px){.bento-sm-1{grid-column:span 1}.bento-sm-2{grid-column:span 2}}@media (min-width:768px){.bento-md-1{grid-column:span 1}.bento-md-2{grid-column:span 2}.bento-md-3{grid-column:span 3}}@media (min-width:1024px){.bento-lg-1{grid-column:span 1}.bento-lg-2{grid-column:span 2}.bento-lg-3{grid-column:span 3}.bento-lg-4{grid-column:span 4}}@media (min-width:640px){.bento-row-2{grid-row:span 2}.bento-row-3{grid-row:span 3}}.bento-grid{grid-auto-rows:minmax(0,auto)}.bento-card{border-radius:var(--radius-xl);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.bento-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;border:1px solid color-mix(in srgb, var(--foreground) 7%, transparent);transition:border-color .3s;position:absolute;inset:0}.dark .bento-card:after{border-color:#ffffff0f}.bento-card>div:first-child{-webkit-backdrop-filter:blur(20px)saturate(1.6);height:100%;background:color-mix(in srgb, var(--card) 85%, transparent)!important;border-radius:var(--radius-xl)!important;border:none!important}.dark .bento-card>div:first-child{background:color-mix(in srgb, var(--card) 72%, transparent)!important}@media (hover:hover){.bento-card:hover{will-change:transform;transform:translateY(-3px)scale(1.01);box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000d}.bento-card:hover:after{border-color:color-mix(in srgb, var(--primary) 20%, transparent)}.dark .bento-card:hover{box-shadow:0 12px 40px #00000059,0 4px 12px #0003}}.bento-card:active{transition-duration:.12s;transform:scale(.975)}.bento-hero{border-radius:var(--radius-2xl)}.bento-hero>div:first-child{-webkit-backdrop-filter:blur(32px)saturate(2);border-radius:var(--radius-2xl)!important;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, var(--card)) 0%, color-mix(in srgb, var(--primary) 3%, var(--card)) 100%)!important}.dark .bento-hero>div:first-child{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, var(--card)) 0%, color-mix(in srgb, var(--primary) 5%, var(--card)) 100%)!important}.bento-hero:after{border-color:color-mix(in srgb, var(--primary) 18%, transparent)}.bento-compact>div:first-child [data-slot=card-content]{padding:12px}.bento-compact>div:first-child [data-slot=card-header]{padding:12px 12px 8px}.bento-pill-bar{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--muted) 65%, transparent);-webkit-backdrop-filter:blur(14px);align-items:center;padding:5px 10px;display:flex}.dark .bento-pill-bar{background:color-mix(in srgb, var(--muted) 40%, transparent)}.bento-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 2px 2px;display:flex}.bento-header h1{letter-spacing:-.025em;font-size:1.35rem;font-weight:800}@media (max-width:767px){[data-slot=card-title]{font-size:12px}[data-slot=card-description]{font-size:10px}[data-slot=card-header]{padding:10px 12px 6px}.recharts-cartesian-axis-tick text{font-size:10px}.recharts-legend-wrapper,.recharts-legend-wrapper .recharts-default-legend,[data-slot=chart-tooltip-content]{font-size:11px}[data-slot=dialog-title]{font-size:16px}[data-slot=dialog-description]{font-size:11px}[data-slot=dialog-header]{padding:16px 16px 12px}[data-slot=dialog-footer]{padding:12px 16px 16px}[data-slot=dialog-content]{gap:12px;padding:0 16px}[data-slot=dialog-content] .px-6{padding-left:0;padding-right:0}[data-slot=dialog-content] .text-sm{font-size:12px}[data-slot=dialog-content] .text-base{font-size:13px}[data-slot=dialog-content] .text-lg{font-size:16px}}
