.activity-vip-canvas{--act-surface:var(--moko-vip-bg);--act-elevated:var(--moko-vip-surface);--act-text:var(--moko-vip-text);--act-muted:var(--moko-vip-muted);--act-border:var(--moko-vip-border);--act-accent:var(--moko-vip-accent);--act-on-light:#262729;color:var(--act-text)}.activity-vip-canvas .text-muted-foreground{color:var(--act-muted)}.activity-vip-canvas .text-destructive{color:#fca5a5}.activity-vip-canvas .text-primary{color:var(--act-accent)}.activity-vip-canvas .act-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--act-muted)}.activity-vip-canvas .act-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--act-text)}.activity-vip-canvas .act-subtitle{font-size:.8125rem;line-height:1.45;color:var(--act-muted)}.activity-vip-canvas .act-header-glow{position:relative;padding-bottom:.25rem}.activity-vip-canvas .act-header-glow:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.activity-vip-canvas .act-segment{display:flex;gap:.375rem;border-radius:.875rem;border:1px solid var(--act-border);background-color:var(--moko-vip-segment-track);padding:.25rem}.activity-vip-canvas .act-segment-item{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:.5rem;border-radius:.625rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;color:var(--act-muted);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.activity-vip-canvas .act-segment-item:hover{color:var(--act-text)}.activity-vip-canvas .act-segment-item--active{background-color:#ffffff;color:var(--act-on-light)!important;box-shadow:0 1px 4px rgba(0,0,0,.2)}.activity-vip-canvas .act-segment-item--active .act-chip-count{color:var(--act-on-light)!important}.activity-vip-canvas .act-chip{display:inline-flex;height:2.25rem;flex-shrink:0;align-items:center;gap:.375rem;border-radius:9999px;border:1px solid transparent;padding:0 .875rem;font-size:.8125rem;font-weight:500;color:var(--act-muted);background-color:var(--moko-vip-button);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.activity-vip-canvas .act-chip:hover{color:var(--act-text);background-color:var(--act-elevated)}.activity-vip-canvas .act-chip--active{border-color:rgba(255,255,255,.2);background-color:#ffffff;color:var(--act-on-light)!important;box-shadow:0 1px 3px rgba(0,0,0,.18)}.activity-vip-canvas .act-chip--active .act-chip-count{background-color:rgba(38,39,41,.12);color:var(--act-on-light)!important}.activity-vip-canvas .act-chip-count{border-radius:9999px;background-color:rgba(38,39,41,.15);padding:.125rem .375rem;font-size:.625rem;font-weight:600}.activity-vip-canvas .act-badge-unread{display:inline-flex;min-width:1rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#ef4444;padding:.125rem .375rem;font-size:.625rem;font-weight:700;color:#ffffff}.activity-vip-canvas .act-card{overflow:hidden;border-radius:1rem;border:1px solid var(--act-border);background-color:var(--act-elevated);box-shadow:var(--moko-vip-shadow)}.activity-vip-canvas .act-card-media-fallback{display:flex;size:4rem;width:4rem;height:4rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;background-color:var(--act-elevated);font-size:1.5rem}.activity-vip-canvas .act-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--act-border);background-color:var(--moko-vip-button);padding:.625rem .75rem}.activity-vip-canvas .act-btn-primary{display:inline-flex;height:2rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--moko-vip-primary-btn-bg);padding:0 .75rem;font-size:.75rem;font-weight:600;color:var(--moko-vip-primary-btn-text)!important}.activity-vip-canvas .act-btn-primary:hover{filter:brightness(.96);color:var(--moko-vip-primary-btn-text)!important}.activity-vip-canvas [data-slot=button].bg-primary,.activity-vip-canvas a.bg-primary{background-color:var(--moko-vip-primary-btn-bg)!important;color:var(--moko-vip-primary-btn-text)!important}.activity-vip-canvas [data-slot=button].bg-primary:hover,.activity-vip-canvas a.bg-primary:hover{filter:brightness(.96);color:var(--moko-vip-primary-btn-text)!important}.activity-vip-canvas [data-slot=button][class*=bg-background]:not(.act-btn-secondary),.activity-vip-canvas [data-slot=button][class*=bg-background]:not(.act-btn-secondary):hover,.activity-vip-canvas a[class*=bg-background]:not(.act-btn-secondary):not([class*="bg-background/"]),.activity-vip-canvas a[class*=bg-background]:not(.act-btn-secondary):not([class*="bg-background/"]):hover{color:var(--act-on-light)!important}.activity-vip-canvas .act-avatar-wrap{flex-shrink:0}.activity-vip-canvas .act-btn-secondary,.activity-vip-canvas [data-slot=button].act-btn-secondary,.activity-vip-canvas a.act-btn-secondary{display:inline-flex;height:2rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid var(--act-border);background-color:var(--moko-vip-button)!important;padding:0 .75rem;font-size:.75rem;font-weight:500;color:var(--act-text)!important}.activity-vip-canvas .act-btn-secondary:hover,.activity-vip-canvas [data-slot=button].act-btn-secondary:hover,.activity-vip-canvas a.act-btn-secondary:hover{background-color:var(--moko-vip-button-hover)!important;color:var(--act-text)!important}.activity-vip-canvas .act-notif-card--unread{border-color:rgba(125,211,252,.35);background-color:rgba(68,69,71,.65)}.activity-vip-canvas .act-notif-card--read{border-color:var(--act-border);background-color:var(--act-surface)}.activity-vip-canvas .act-offer-card{display:flex;gap:.75rem;border-radius:1rem;border:1px solid var(--act-border);background-color:var(--act-surface);padding:.75rem;box-shadow:0 2px 10px rgba(0,0,0,.18)}.activity-vip-canvas .act-offer-card--seller{border-color:rgba(52,211,153,.28)}.activity-vip-canvas .act-badge{flex-shrink:0;border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;border:1px solid var(--act-border)}.activity-vip-canvas .act-badge--pending{background-color:rgba(251,191,36,.15);border-color:rgba(251,191,36,.35);color:#fcd34d}.activity-vip-canvas .act-badge--positive{background-color:rgba(52,211,153,.15);border-color:rgba(52,211,153,.35);color:#6ee7b7}.activity-vip-canvas .act-badge--negative{background-color:rgba(248,113,113,.15);border-color:rgba(248,113,113,.35);color:#fca5a5}.activity-vip-canvas .act-badge--neutral{background-color:var(--act-elevated);color:var(--act-muted)}.activity-vip-canvas .act-badge--info{background-color:rgba(56,189,248,.15);border-color:rgba(56,189,248,.35);color:#7dd3fc}.activity-vip-canvas .act-success-panel{border-radius:.75rem;background-color:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.28);padding:.75rem;font-size:.875rem;color:#a7f3d0}.activity-vip-canvas .act-success-inner{border-radius:.75rem;background-color:rgba(68,69,71,.55);padding:.5rem;color:var(--act-text)}.activity-vip-canvas .act-availability-panel{border-top:1px solid var(--act-border);background-color:rgba(251,191,36,.08);padding:.625rem .75rem}.activity-vip-canvas .act-availability-panel p{color:#fcd34d}.activity-vip-canvas .act-empty-border{border-radius:1rem;border:1px dashed var(--act-border);padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--act-muted)}.activity-vip-canvas .act-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center}.activity-vip-canvas .act-empty-icon{display:flex;size:3.5rem;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;border-radius:1rem;border:1px solid var(--act-border);background-color:var(--act-elevated);font-size:1.5rem;margin-bottom:1rem}.activity-vip-canvas .act-section-card{border-radius:1rem;border:1px solid var(--act-border);background-color:var(--act-surface);padding:1rem;box-shadow:0 2px 10px rgba(0,0,0,.16)}.activity-vip-canvas .act-list-item{display:flex;align-items:center;gap:.75rem;border-radius:.625rem;border:1px solid var(--act-border);padding:.5rem;transition:background-color .15s ease}.activity-vip-canvas .act-list-item:hover{background-color:rgba(68,69,71,.45)}.activity-vip-canvas .act-collection-chip{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;border-radius:9999px;border:1px solid var(--act-border);padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--act-muted);background-color:var(--act-elevated);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.activity-vip-canvas .act-collection-chip--active{border-color:rgba(125,211,252,.45);background-color:rgba(56,189,248,.12);color:var(--act-text)}.activity-vip-canvas .act-collection-chip-count{border-radius:9999px;background-color:rgba(0,0,0,.2);padding:.125rem .375rem;font-size:.625rem;font-weight:600}.activity-vip-canvas .act-offer-card input,.activity-vip-canvas .act-offer-card select,.activity-vip-canvas select[class*=bg-background]{border-color:var(--act-border);background-color:var(--act-elevated);color:var(--act-text)}.activity-vip-canvas .act-timeline-label{padding-left:.25rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--act-muted)}html.moko-vip-light .activity-vip-canvas .act-header-glow:after{background:linear-gradient(90deg,transparent,rgba(22,22,24,.12),transparent)}html.moko-vip-light .activity-vip-canvas .act-segment-item--active{background-color:var(--moko-vip-primary-btn-bg);color:var(--moko-vip-primary-btn-text)!important;box-shadow:var(--moko-vip-shadow)}html.moko-vip-light .activity-vip-canvas .act-segment-item--active .act-chip-count{background-color:rgba(255,255,255,.18);color:var(--moko-vip-primary-btn-text)!important}html.moko-vip-light .activity-vip-canvas .act-chip{background-color:var(--moko-vip-button);color:var(--act-muted)}html.moko-vip-light .activity-vip-canvas .act-chip--active{border-color:transparent;background-color:var(--moko-vip-primary-btn-bg);color:var(--moko-vip-primary-btn-text)!important;box-shadow:var(--moko-vip-shadow)}html.moko-vip-light .activity-vip-canvas .act-chip--active .act-chip-count{background-color:rgba(255,255,255,.18);color:var(--moko-vip-primary-btn-text)!important}html.moko-vip-light .activity-vip-canvas .act-chip-count{background-color:rgba(22,22,24,.08)}html.moko-vip-light .activity-vip-canvas .act-notif-card--unread{border-color:rgba(2,132,199,.28);background-color:color-mix(in srgb,#ffffff 88%,#dddddd)}html.moko-vip-light .activity-vip-canvas .act-list-item:hover{background-color:var(--moko-vip-button-hover)}html.moko-vip-light .activity-vip-canvas .act-success-panel{background-color:color-mix(in srgb,#10b981 10%,#ffffff);border-color:color-mix(in srgb,#059669 28%,transparent);color:#047857}html.moko-vip-light .activity-vip-canvas .act-success-inner{background-color:var(--moko-vip-button);color:var(--act-text)}html.moko-vip-light .activity-vip-canvas .act-availability-panel{background-color:color-mix(in srgb,#f59e0b 8%,#ffffff)}html.moko-vip-light .activity-vip-canvas .act-availability-panel p,html.moko-vip-light .activity-vip-canvas .act-badge--pending{color:#b45309}html.moko-vip-light .activity-vip-canvas .act-badge--positive{color:#047857}html.moko-vip-light .activity-vip-canvas .act-badge--negative{color:#b91c1c}html.moko-vip-light .activity-vip-canvas .act-badge--info{color:#0284c7}html.moko-vip-light .activity-vip-canvas .act-collection-chip--active{border-color:rgba(2,132,199,.35);background-color:color-mix(in srgb,#0ea5e9 10%,#ffffff)}html.moko-vip-light .activity-vip-canvas .act-collection-chip-count{background-color:rgba(22,22,24,.08)}html.moko-vip-light .profile-vip-canvas .prof-role-pill{color:var(--moko-vip-accent)}