:root,[data-theme=light]{--color-background:#f7f8fc;--color-foreground:#111827;--color-surface:#fff;--color-surface-muted:#eef2ff;--color-surface-elevated:#f8fafc;--color-border:#d8def0;--color-border-strong:#aeb9d8;--color-muted:#e8ecf8;--color-muted-foreground:#667085;--color-primary:#6d5dfb;--color-primary-hover:#5947e8;--color-primary-foreground:#fff;--color-secondary:#06b6d4;--color-secondary-foreground:#062a38;--color-accent:#10b981;--color-accent-foreground:#042f24;--color-warm:#f59e0b;--color-warm-surface:#fff4d6;--color-warm-foreground:#7c4a03;--color-success:#10b981;--color-success-surface:#dcfce7;--color-success-foreground:#166534;--color-warning:#f59e0b;--color-warning-surface:#fff4d6;--color-warning-foreground:#7c4a03;--color-danger:#dc2626;--color-danger-surface:#fee2e2;--color-danger-foreground:#991b1b;--color-info:#06b6d4;--color-info-surface:#cffafe;--color-info-foreground:#155e75;--color-held:#7c5cff;--color-held-surface:#ede9fe;--color-payout:#06b6d4;--color-payout-surface:#cffafe;--color-refunded:#64748b;--color-refunded-surface:#e2e8f0;--color-disputed:#f97316;--color-disputed-surface:#ffedd5;--color-completed:#10b981;--color-widget-transparent-background:#070a12c7;--color-widget-transparent-background-live:#070a12e6;--color-widget-transparent-foreground:#f4f7f8;--color-widget-transparent-border:#ffffff3d;--color-widget-transparent-muted:#f4f7f8d1;--color-overlay:#070a1285;--surface-glass:#ffffffb8;--surface-glass-strong:#ffffffe0;--border-glass:#7c5cff33;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 14px 34px #0f172a1f;--shadow-glass:0 20px 60px #0f172a24;--shadow-focus:0 0 0 3px #7c5cff3d;--blur-glass:blur(18px);--gradient-brand:linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-support:linear-gradient(135deg, var(--color-secondary), var(--color-accent));--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--space-page:clamp(20px, 4vw, 48px);--transition-fast:.16s ease}[data-theme=dark]{--color-background:#070a12;--color-foreground:#f8fafc;--color-surface:#0b1020;--color-surface-muted:#111827;--color-surface-elevated:#182033;--color-border:#27324a;--color-border-strong:#3c4964;--color-muted:#1d2638;--color-muted-foreground:#94a3b8;--color-primary:#7c5cff;--color-primary-hover:#9b87ff;--color-primary-foreground:#fff;--color-secondary:#22d3ee;--color-secondary-foreground:#062a38;--color-accent:#34d399;--color-accent-foreground:#042f24;--color-warm:#ffb86b;--color-warm-surface:#3d2a15;--color-warm-foreground:#ffe5c2;--color-success:#34d399;--color-success-surface:#103524;--color-success-foreground:#bbf7d0;--color-warning:#ffb86b;--color-warning-surface:#3d2a15;--color-warning-foreground:#ffe5c2;--color-danger:#f87171;--color-danger-surface:#3b1c23;--color-danger-foreground:#fecaca;--color-info:#22d3ee;--color-info-surface:#0f2f3d;--color-info-foreground:#a5f3fc;--color-held:#a78bfa;--color-held-surface:#282047;--color-payout:#22d3ee;--color-payout-surface:#0f2f3d;--color-refunded:#cbd5e1;--color-refunded-surface:#263244;--color-disputed:#ffb86b;--color-disputed-surface:#3d2a15;--color-completed:#34d399;--color-widget-transparent-background:#070a12c7;--color-widget-transparent-background-live:#070a12eb;--color-widget-transparent-foreground:#f4f7f8;--color-widget-transparent-border:#ffffff3d;--color-widget-transparent-muted:#f4f7f8d1;--color-overlay:#0000009e;--surface-glass:#0b1020b8;--surface-glass-strong:#182033d6;--border-glass:#ffffff24;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 18px 44px #00000057;--shadow-glass:0 24px 70px #00000061;--shadow-focus:0 0 0 3px #7c5cff4d}.ff-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ff-button,.ff-icon-button,.ff-theme-trigger,.ff-theme-option{font:inherit;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:0}.ff-button{border-radius:var(--radius-md);text-align:center;white-space:normal;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:42px;padding:0 16px;font-weight:700;line-height:1.15;display:inline-flex}.ff-button-sm{min-height:34px;padding:0 12px;font-size:14px}.ff-button-primary{background:var(--gradient-brand);color:var(--color-primary-foreground);box-shadow:0 10px 22px color-mix(in srgb, var(--color-primary) 20%, transparent)}.ff-button-primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-secondary));box-shadow:0 12px 28px color-mix(in srgb, var(--color-primary) 26%, transparent)}.ff-button-secondary{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground)}.ff-button-secondary:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.ff-button-ghost{color:var(--color-muted-foreground);background:0 0}.ff-button-ghost:hover{background:var(--color-surface-muted);color:var(--color-foreground)}.ff-button-danger{background:var(--color-danger);color:var(--color-primary-foreground)}.ff-button:disabled,.ff-icon-button:disabled,.ff-theme-trigger:disabled,.ff-theme-option:disabled{cursor:not-allowed;opacity:.55}.ff-button:focus-visible,.ff-icon-button:focus-visible,.ff-theme-trigger:focus-visible,.ff-theme-option:focus-visible,.ff-input:focus-visible,.ff-select:focus-visible,.ff-textarea:focus-visible{box-shadow:var(--shadow-focus);outline:0}.ff-icon-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-foreground);place-items:center;font-weight:800;display:inline-grid}.ff-input,.ff-select,.ff-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-foreground);font:inherit}.ff-input,.ff-select{min-height:44px;padding:10px 12px}.ff-textarea{resize:vertical;min-height:112px;padding:12px}.ff-input::placeholder,.ff-textarea::placeholder{color:var(--color-muted-foreground)}.ff-check-control,.ff-switch{color:var(--color-foreground);align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.ff-check-control input{width:18px;height:18px;accent-color:var(--color-primary)}.ff-switch input{opacity:0;position:absolute}.ff-switch-track{background:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;width:42px;height:24px;position:relative}.ff-switch-track:after{content:"";background:var(--color-surface);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);border-radius:999px;position:absolute;top:3px;left:3px}.ff-switch input:checked+.ff-switch-track{background:var(--color-primary)}.ff-switch input:checked+.ff-switch-track:after{transform:translate(18px)}.ff-tabs{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);gap:4px;padding:4px;display:inline-flex}.ff-badge,.ff-tag{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.ff-tag,.ff-badge-neutral{background:var(--color-surface-muted);color:var(--color-muted-foreground)}.ff-badge-success{background:var(--color-success-surface);color:var(--color-success-foreground)}.ff-badge-warning{background:var(--color-warning-surface);color:var(--color-warning-foreground)}.ff-badge-danger{background:var(--color-danger-surface);color:var(--color-danger-foreground)}.ff-badge-info{background:var(--color-info-surface);color:var(--color-info-foreground)}.ff-badge-held{background:var(--color-held-surface);color:var(--color-held)}.ff-badge-payout{background:var(--color-payout-surface);color:var(--color-payout)}.ff-badge-refunded{background:var(--color-refunded-surface);color:var(--color-refunded)}.ff-badge-disputed{background:var(--color-disputed-surface);color:var(--color-disputed)}.ff-card,.ff-panel,.ff-dashboard-panel,.ff-product-card,.ff-donation-card,.ff-goal-card,.ff-order-status-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-foreground);box-shadow:var(--shadow-sm);padding:20px}.ff-alert,.ff-toast{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.ff-alert-info{background:var(--color-info-surface);color:var(--color-info-foreground);border-color:var(--color-info)}.ff-alert-success{background:var(--color-success-surface);color:var(--color-success-foreground);border-color:var(--color-success)}.ff-alert-warning{background:var(--color-warning-surface);color:var(--color-warning-foreground);border-color:var(--color-warning)}.ff-alert-danger{background:var(--color-danger-surface);color:var(--color-danger-foreground);border-color:var(--color-danger)}.ff-toast{background:var(--color-surface-elevated);color:var(--color-foreground);box-shadow:var(--shadow-md)}.ff-table{gap:8px;display:grid}.ff-empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-muted-foreground);place-items:start;gap:8px;padding:20px;display:grid}.ff-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-muted), var(--color-surface-muted), var(--color-muted));background-size:200% 100%;min-height:16px;animation:1.2s linear infinite ff-skeleton}.ff-pagination,.ff-breadcrumbs,.ff-topbar,.ff-mobile-nav,.ff-user-menu{align-items:center;gap:12px;display:flex}.ff-sidebar,.ff-drawer{background:var(--color-surface);border-right:1px solid var(--color-border)}.ff-modal-backdrop{background:var(--color-overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ff-modal,.ff-drawer,.ff-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-md)}.ff-modal{width:min(560px,100%);padding:20px}.ff-tooltip{display:inline-flex;position:relative}.ff-tooltip [role=tooltip]{border-radius:var(--radius-sm);background:var(--color-foreground);width:max-content;max-width:220px;color:var(--color-background);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);padding:8px 10px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ff-tooltip:hover [role=tooltip],.ff-tooltip:focus-within [role=tooltip]{opacity:1}.ff-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:6px;padding:16px;display:grid}.ff-stat-card span,.ff-stat-card small{color:var(--color-muted-foreground)}.ff-stat-card strong{font-size:28px;line-height:1.1}.ff-deal-timeline{gap:10px;padding-left:20px;display:grid}.ff-widget-preview{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 48%), var(--surface-glass);min-height:220px;box-shadow:var(--shadow-glass);padding:20px}.ff-theme-switcher{display:inline-flex;position:relative}.ff-theme-trigger{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--surface-glass);min-height:40px;color:var(--color-foreground);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);align-items:center;gap:8px;padding:0 10px;display:inline-flex}.ff-theme-trigger:hover{background:var(--color-surface-muted)}.ff-theme-icon,.ff-theme-option-icon{border-radius:var(--radius-sm);background:var(--color-surface-muted);min-width:24px;height:24px;color:var(--color-muted-foreground);place-items:center;font-size:11px;font-weight:900;display:inline-grid}.ff-theme-label,.ff-theme-value{font-size:14px;font-weight:800}.ff-theme-value{color:var(--color-muted-foreground)}.ff-theme-menu{z-index:30;border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--surface-glass-strong);width:210px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.ff-theme-option{border-radius:var(--radius-sm);min-height:38px;color:var(--color-foreground);text-align:left;background:0 0;grid-template-columns:24px 28px 1fr;align-items:center;gap:8px;padding:0 8px;display:grid}.ff-theme-option:hover,.ff-theme-option[aria-selected=true]{background:var(--color-surface-muted)}.ff-theme-option-mark{color:var(--color-primary);text-transform:uppercase;font-size:10px;font-weight:900}@keyframes ff-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.ff-select-shell{width:100%;min-width:0;display:block;position:relative}.ff-select-native{opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;position:absolute!important}.ff-select-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:46px;color:var(--color-foreground);font:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:16px;display:flex}.ff-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ff-select-trigger svg{color:var(--color-muted-foreground);flex-shrink:0}.ff-select-trigger:hover:not(:disabled){border-color:var(--color-primary)}.ff-select-trigger:focus-visible,.ff-select-trigger[aria-expanded=true]{outline:2px solid var(--color-primary);outline-offset:2px}.ff-select-trigger:disabled{opacity:.5;cursor:not-allowed}.ff-select-list{z-index:1000;box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-foreground);box-shadow:var(--shadow-md);padding:6px;position:fixed;overflow-y:auto}.ff-select-option{cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:15px;line-height:1.4;display:flex}.ff-select-option>span:first-child{overflow-wrap:anywhere;min-width:0}.ff-select-option>span:last-child{color:var(--color-primary);flex-shrink:0}.ff-select-option[data-active=true]{background:var(--color-surface-muted)}.ff-select-option[aria-selected=true]{font-weight:650}.ff-select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}
