.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:.01em;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);min-height:42px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:var(--color-text-inverse);border-color:transparent;box-shadow:var(--shadow-sm),0 2px 0 rgba(0,0,0,.06)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0,var(--color-primary) 100%);box-shadow:var(--shadow-md),0 0 0 1px rgba(var(--color-primary-rgb),.25),0 4px 12px rgba(var(--color-primary-rgb),.2);transform:translateY(-2px)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-tertiary);box-shadow:var(--shadow-sm),0 2px 6px rgba(0,0,0,.06)}[data-theme=dark] .btn-secondary{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-secondary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse);border-color:transparent}.btn-danger:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);min-height:32px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-height:48px}.btn-icon{width:40px;height:40px;padding:0}.btn-icon,.btn-modal-close{border-radius:var(--radius-md)}.btn-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}.btn-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg),0 4px 0 rgba(0,0,0,.03);transform:translateY(-3px)}.card-interactive:active{transform:translateY(-1px) scale(.99);transition-duration:var(--transition-fast)}.card-stat{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:5.5rem}.card-stat .card-stat-value{min-height:2.25rem;display:flex;align-items:center}.card-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;min-height:2rem;display:flex;align-items:center}.card-stat-value{font-size:var(--font-size-2xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.2}.card-stat-change{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.card-stat-change.positive{color:var(--color-success)}.card-stat-change.negative{color:var(--color-error)}.card-stat-change.neutral{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-secondary{color:var(--color-text-secondary)}.body-medium{font-size:var(--font-size-base)}.body-medium,.body-small{line-height:var(--line-height-normal)}.body-small{font-size:var(--font-size-sm)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:16px;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:42px;box-shadow:var(--shadow-xs)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg),0 0 0 1px var(--color-primary);outline:none}[data-theme=dark] .input{background:var(--color-bg-tertiary)}.input::-moz-placeholder{color:var(--color-text-tertiary)}.input::placeholder{color:var(--color-text-tertiary)}.input-error,.input-error:focus{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 1px var(--color-error)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input-helper{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.input-error-text{font-size:var(--font-size-xs);color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);line-height:1.5;border:1px solid transparent}.badge-primary{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.28)}.badge-success{background:var(--color-success-light);color:var(--color-success);border-color:rgba(16,185,129,.2)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning);border-color:rgba(245,158,11,.2)}.badge-error{background:var(--color-error-light);color:var(--color-error);border-color:rgba(239,68,68,.2)}.badge-info{background:var(--color-info-light);color:var(--color-info);border-color:rgba(59,130,246,.2)}.badge-plan{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--color-primary);width:40px;height:40px;font-size:var(--font-size-sm);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-xl)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.table-scroll-hint{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media (min-width:640px){.table-scroll-hint{display:none}}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}[data-theme=dark] .table th{color:var(--color-text-secondary)}.table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-weight:var(--font-weight-500);transition:background-color var(--transition-fast)}.table tbody tr:hover td{background:var(--color-bg-hover)}.table tbody tr:last-child td{border-bottom:none}.toast{position:fixed;bottom:max(var(--spacing-lg),env(safe-area-inset-bottom,0px));right:max(var(--spacing-lg),env(safe-area-inset-right,0px));z-index:var(--z-toast);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastIn .25s cubic-bezier(.34,1.4,.64,1);max-width:380px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-6xl) var(--spacing-xl);max-width:420px;margin:0 auto;border-radius:var(--radius-lg);transition:border-color var(--transition-normal),background-color var(--transition-normal)}.empty-state-icon{font-size:56px;margin-bottom:var(--spacing-lg);color:var(--color-text-tertiary);opacity:.9;line-height:1}.empty-state-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.empty-state-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.skeleton{background:var(--color-bg-tertiary);position:relative;overflow:hidden;border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 60%,transparent);animation:shimmer 1.8s ease-in-out infinite}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.02) 40%,rgba(255,255,255,.05) 60%,transparent)}@keyframes shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.page-title{font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.04em;color:var(--color-text-primary);line-height:1.2}@media (min-width:640px){.page-title{font-size:var(--font-size-2xl)}}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}.h1,h1{font-size:var(--font-size-2xl);font-weight:800;line-height:1.2;color:var(--color-text-primary);letter-spacing:-.04em}.h2,h2{font-size:var(--font-size-xl);line-height:1.25;letter-spacing:-.03em}.h2,.h3,h2,h3{font-weight:700;color:var(--color-text-primary)}.h3,h3{font-size:var(--font-size-lg);letter-spacing:-.02em}.h4,h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media (max-width:768px){.h1,h1{font-size:var(--font-size-xl)}.h2,h2{font-size:var(--font-size-lg)}.h3,h3{font-size:var(--font-size-md)}}