.ui-tile{--tile-bg-radial-cyan:radial-gradient(circle at 100% 0%,rgba(var(--brand-cyan-rgb),0.05),transparent 55%);--tile-bg-radial-green:radial-gradient(circle at 0% 100%,rgba(var(--brand-green-rgb),0.06),transparent 55%);--tile-bg-base:var(--bg-card);--tile-bg-radial-cyan-strong:radial-gradient(circle at 100% 0%,rgba(var(--brand-cyan-rgb),0.10),transparent 60%);--tile-bg-radial-green-strong:radial-gradient(circle at 0% 100%,rgba(var(--brand-green-rgb),0.10),transparent 60%);--tile-footer-gap:var(--space-1);--tile-footer-pad-block:var(--space-3);--tile-footer-pad-inline:var(--space-3);position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--tile-bg-radial-green),var(--tile-bg-radial-cyan),var(--tile-bg-base);border:1px solid var(--border-subtle);overflow:hidden;isolation:isolate;text-align:left;text-decoration:none;color:inherit;font:inherit;transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.ui-tile--product{background:var(--tile-bg-radial-green-strong),var(--tile-bg-radial-cyan),var(--tile-bg-base)}.ui-tile--stat{background:var(--tile-bg-radial-green),var(--tile-bg-radial-cyan-strong),var(--tile-bg-base)}.ui-tile--aspect-square .ui-tile__media{aspect-ratio:1/1}.ui-tile--aspect-4-3 .ui-tile__media{aspect-ratio:4/3}.ui-tile--aspect-16-9 .ui-tile__media{aspect-ratio:16/9}.ui-tile--aspect-9-16 .ui-tile__media{aspect-ratio:9/16}.ui-tile--aspect-auto .ui-tile__media{aspect-ratio:auto}.ui-tile__media{position:relative;width:100%;background:var(--bg-media);overflow:hidden}.ui-tile__media-img,.ui-tile__media-video{width:100%;height:100%;object-fit:cover;display:block}.ui-tile__media:after{content:"";position:absolute;inset:0;background:var(--scrim-bottom-fade-soft);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:1}.ui-tile:focus-visible .ui-tile__media:after,.ui-tile:hover .ui-tile__media:after{opacity:1}.ui-tile__media:has(.ui-tile__actions):after,.ui-tile__media:has(.ui-tile__badge):after{opacity:.6}.ui-tile__badge{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;display:inline-flex;align-items:center;gap:var(--space-1);pointer-events:none}.ui-tile__badge>*{pointer-events:auto}.ui-tile__actions{position:absolute;bottom:var(--space-2);right:var(--space-2);z-index:2;display:inline-flex;align-items:center;gap:var(--space-1);opacity:0;transform:translateY(4px);transition:opacity var(--transition-normal),transform var(--transition-normal)}@media (hover:hover){.ui-tile:focus-within .ui-tile__actions,.ui-tile:hover .ui-tile__actions{opacity:1;transform:translateY(0)}}@media (hover:none){.ui-tile__actions{opacity:1;transform:none}}.ui-tile__stat{display:flex;flex-direction:column;justify-content:center;padding:var(--space-5) var(--space-4);min-height:100%;gap:var(--space-1)}.ui-tile__stat-value{font-size:var(--text-h1);line-height:var(--leading-tight);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-snug)}.ui-tile__stat-label{font-size:var(--text-ms);line-height:var(--leading-snug);color:var(--text-secondary);font-weight:var(--font-medium)}.ui-tile__footer{display:flex;flex-direction:column;gap:var(--tile-footer-gap);padding:var(--tile-footer-pad-block) var(--tile-footer-pad-inline);min-width:0}.ui-tile__footer--stat{padding:var(--space-3) 0 0 0;border-top:1px solid var(--border-subtle);margin-top:var(--space-3)}.ui-tile__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);-webkit-line-clamp:2}.ui-tile__subtitle,.ui-tile__title{line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.ui-tile__subtitle{font-size:var(--text-xs);color:var(--text-secondary);-webkit-line-clamp:1}.ui-tile--button,.ui-tile--link{cursor:pointer;appearance:none;outline:0;width:100%}.ui-tile--button{border:1px solid var(--border-subtle);background:var(--tile-bg-radial-green),var(--tile-bg-radial-cyan),var(--tile-bg-base)}@media (hover:hover){.ui-tile--button:hover,.ui-tile--link:hover{border-color:rgba(var(--brand-cyan-rgb),.42);transform:translateY(-2px)}}.ui-tile--button:focus-visible,.ui-tile--link:focus-visible{border-color:rgba(var(--brand-cyan-rgb),.55);box-shadow:0 0 0 1px rgba(var(--brand-cyan-rgb),.22),0 8px 24px -16px rgba(var(--brand-cyan-rgb),.55)}.ui-tile--selected{border-color:rgba(var(--brand-cyan-rgb),.55);box-shadow:inset 0 0 0 1px rgba(var(--brand-cyan-rgb),.18),0 8px 24px -16px rgba(var(--brand-cyan-rgb),.45)}.ui-tile--selected:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:rgba(var(--brand-cyan-rgb),var(--opacity-04));z-index:0}.ui-tile--selected>*{position:relative;z-index:1}.ui-tile--loading{pointer-events:none}.ui-tile__skeleton{display:flex;flex-direction:column;width:100%}.ui-tile__skeleton-media{width:100%;aspect-ratio:inherit;background:var(--bg-media);position:relative;overflow:hidden}.ui-tile__skeleton-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(var(--brand-cyan-rgb),var(--opacity-04)) 50%,transparent 100%);animation:ui-tile-shimmer 1.8s ease-in-out infinite}.ui-tile--aspect-square .ui-tile__skeleton-media{aspect-ratio:1/1}.ui-tile--aspect-4-3 .ui-tile__skeleton-media{aspect-ratio:4/3}.ui-tile--aspect-16-9 .ui-tile__skeleton-media{aspect-ratio:16/9}.ui-tile--aspect-9-16 .ui-tile__skeleton-media{aspect-ratio:9/16}.ui-tile--aspect-auto .ui-tile__skeleton-media{aspect-ratio:4/3}.ui-tile--stat .ui-tile__skeleton-media{aspect-ratio:16/9}.ui-tile__skeleton-footer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--tile-footer-pad-block) var(--tile-footer-pad-inline)}.ui-tile__skeleton-line{height:12px;border-radius:var(--radius-xs);background:var(--bg-card-hover);position:relative;overflow:hidden}.ui-tile__skeleton-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(var(--brand-cyan-rgb),var(--opacity-08)) 50%,transparent 100%);animation:ui-tile-shimmer 1.8s ease-in-out infinite}.ui-tile__skeleton-line--title{width:80%}.ui-tile__skeleton-line--sub{width:50%;height:10px}@keyframes ui-tile-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.ui-tile__stat-value{font-size:var(--text-h3)}.ui-tile__stat{padding:var(--space-4) var(--space-3)}.ui-tile__footer{padding:var(--space-2) var(--space-3)}}@media (prefers-reduced-motion:reduce){.ui-tile,.ui-tile__actions,.ui-tile__media:after{transition:none}.ui-tile__skeleton-line:after,.ui-tile__skeleton-media:after{animation:none}.ui-tile--button:hover,.ui-tile--link:hover{transform:none}}