.modern-card{background:var(--surface);border-radius:var(--border-radius-card);box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,transform .2s ease}.modern-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.modern-card-elevated{background:var(--surface-elevated);border-radius:var(--border-radius-card);box-shadow:0 4px 12px #0000001a}.modern-card-outlined{background:var(--surface);border:1px solid var(--border-color, #E0E0E0);border-radius:var(--border-radius-card);box-shadow:none}[data-theme=dark] .modern-card{background:var(--surface);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .modern-card:hover{box-shadow:0 4px 16px #0006}[data-theme=dark] .modern-card-elevated{background:var(--surface-elevated);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .modern-card-outlined{border-color:#4a5568}.spacing-xs{padding:4px}.spacing-sm{padding:8px}.spacing-md{padding:12px}.spacing-base{padding:16px}.spacing-lg{padding:20px}.spacing-xl{padding:24px}.spacing-2xl{padding:32px}.spacing-x-xs{padding-left:4px;padding-right:4px}.spacing-x-sm{padding-left:8px;padding-right:8px}.spacing-x-md{padding-left:12px;padding-right:12px}.spacing-x-base{padding-left:16px;padding-right:16px}.spacing-x-lg{padding-left:20px;padding-right:20px}.spacing-x-xl{padding-left:24px;padding-right:24px}.spacing-y-xs{padding-top:4px;padding-bottom:4px}.spacing-y-sm{padding-top:8px;padding-bottom:8px}.spacing-y-md{padding-top:12px;padding-bottom:12px}.spacing-y-base{padding-top:16px;padding-bottom:16px}.spacing-y-lg{padding-top:20px;padding-bottom:20px}.spacing-y-xl{padding-top:24px;padding-bottom:24px}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-base{gap:16px}.gap-lg{gap:20px}.gap-xl{gap:24px}.gap-2xl{gap:32px}.text-primary{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.text-secondary{color:var(--brand-secondary)}.text-muted{color:#757575}[data-theme=dark] .text-muted{color:#9e9e9e}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.font-weight-bold{font-weight:700}.shadow-soft{box-shadow:0 2px 8px #00000014}.shadow-sm{box-shadow:0 1px 3px #0000001f}.shadow-md{box-shadow:0 4px 12px #0000001a}.shadow-lg{box-shadow:0 8px 20px #0000001f}[data-theme=dark] .shadow-soft{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .shadow-sm{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .shadow-md{box-shadow:0 4px 12px #0006}[data-theme=dark] .shadow-lg{box-shadow:0 8px 20px #0006}.rounded-sm{border-radius:8px}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:20px}.rounded-full{border-radius:9999px}.interactive{cursor:pointer;transition:all .2s ease}.interactive:hover{opacity:.9;transform:translateY(-1px)}.interactive:active{transform:translateY(0)}.focus-ring:focus{outline:2px solid var(--brand-accent);outline-offset:2px}.focus-ring-primary:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.bg-primary{background-color:var(--brand-primary);color:#fff}.bg-accent{background-color:var(--brand-accent);color:var(--brand-dark)}.bg-secondary{background-color:var(--brand-secondary);color:#fff}.bg-surface{background-color:var(--surface)}.bg-elevated{background-color:var(--surface-elevated)}.bg-default{background-color:var(--background-default)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-col{display:flex;flex-direction:column}.icon-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--brand-primary);color:#fff;flex-shrink:0}.icon-circle.accent{background-color:var(--brand-accent);color:var(--brand-dark)}.icon-circle.secondary{background-color:var(--brand-secondary);color:#fff}.icon-circle-sm{width:32px;height:32px}.icon-circle-lg{width:64px;height:64px}.gradient-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-dark) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--brand-accent) 0%,#A8D945 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 768px){.mobile-hidden{display:none!important}.modern-card{border-radius:12px}}@media (min-width: 769px){.desktop-hidden{display:none!important}}