@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.animate-scale-up{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleUp}.animate-slide-up{animation:.3s ease-out forwards slideUp}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.statistics-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.statistics-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.statistic-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex}.statistic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.statistic-icon{background-color:var(--color-background);border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.statistic-content{flex:1}.statistic-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;letter-spacing:.5px;text-transform:uppercase;font-weight:500}.statistic-value{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:700}.quick-actions-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.quick-actions-container{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.action-button{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:none;font-weight:600;display:flex}.action-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.action-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.action-button--secondary{background-color:var(--color-secondary)}.action-button--secondary:hover{background-color:#475569}.action-button__icon{justify-content:center;align-items:center;display:flex}.action-button__label{white-space:nowrap}.events-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.events-section__title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:600}.events-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.event-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.event-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.event-card:active{transform:translateY(-2px)}.event-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.event-card__icon{background-color:var(--color-background);border-radius:var(--border-radius-md);width:40px;height:40px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.event-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.event-card__name{font-size:var(--font-size-lg);color:var(--color-text-primary);flex:1;margin:0;font-weight:600}.event-card__status{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:inline-block}.event-card__status--upcoming{color:#1e40af;background-color:#dbeafe}.event-card__status--completed{color:#065f46;background-color:#d1fae5}.event-card__status--cancelled{color:#7f1d1d;background-color:#fee2e2}.event-card__details{gap:var(--spacing-sm);flex-direction:column;display:flex}.event-card__detail{justify-content:space-between;gap:var(--spacing-md);font-size:var(--font-size-sm);display:flex}.event-card__label{color:var(--color-text-secondary);font-weight:500}.event-card__value{color:var(--color-text-primary);font-weight:600}.empty-state,.error-state{padding:var(--spacing-2xl);justify-content:center;align-items:center;gap:var(--spacing-lg);background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);text-align:center;flex-direction:column;display:flex}.empty-state__icon,.error-state__icon{color:var(--color-text-tertiary)}.empty-state__message,.error-state__message{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.error-state__icon,.error-state__message{color:var(--color-error)}@media (max-width:768px){.statistics-grid,.quick-actions-container,.events-grid{grid-template-columns:1fr}.event-card__details{gap:var(--spacing-xs)}.event-card__detail{flex-direction:column}.statistic-card{text-align:center;flex-direction:column}}@media (min-width:769px) and (max-width:1024px){.statistics-grid,.quick-actions-container,.events-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.statistics-grid{grid-template-columns:repeat(4,1fr)}.quick-actions-container{grid-template-columns:repeat(3,1fr)}.events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (prefers-reduced-motion:reduce){.statistic-card,.action-button,.event-card{transition:none}.action-button:hover,.statistic-card:hover,.event-card:hover{transform:none}}
.dashboard-layout{background-color:#f8fafc;min-height:100vh;display:flex}.dashboard-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;transition:all .2s;display:flex}.dashboard-content{background-color:#f8fafc;flex:1;padding:2rem;overflow-y:auto}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.dashboard-card:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}.dashboard-tabs{scrollbar-width:none;border-bottom:1px solid #e2e8f0;gap:1.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{color:#64748b;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding-bottom:1rem;font-size:.875rem;font-weight:700;transition:all .15s}.dashboard-tab:hover{color:#1e293b}.dashboard-tab.active{color:var(--accent,#ff7043);border-bottom-color:var(--accent,#ff7043)}.dashboard-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-title{color:#0f172a;font-size:1.5rem;font-weight:800}
@media (max-width:767px){:root{--spacing-lg:1rem;--spacing-2xl:2rem;--font-size-2xl:1.25rem}.dashboard-container{padding:var(--spacing-md);gap:var(--spacing-lg)}.dashboard-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.dashboard-title{font-size:var(--font-size-xl)}.statistics-grid{grid-template-columns:1fr}.statistic-card{text-align:center;padding:var(--spacing-md);flex-direction:column}.statistic-icon{width:40px;height:40px}.quick-actions-container{grid-template-columns:1fr}.action-button{padding:var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm)}.events-grid{gap:var(--spacing-md);grid-template-columns:1fr}.event-card{padding:var(--spacing-md)}.event-card__header{flex-direction:column}.event-card__name{font-size:var(--font-size-base)}.event-card__detail{gap:var(--spacing-xs);flex-direction:column}.event-card__label,.event-card__value{display:block}.empty-state,.error-state{padding:var(--spacing-lg)}.empty-state__icon,.error-state__icon{width:32px;height:32px}}@media (min-width:768px) and (max-width:1024px){:root{--spacing-lg:1.25rem;--font-size-xl:1.125rem}.dashboard-container{padding:var(--spacing-lg);gap:var(--spacing-xl)}.statistics-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.statistic-card{gap:var(--spacing-md)}.quick-actions-container{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.events-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.event-card{padding:var(--spacing-md)}.event-card__details{gap:var(--spacing-sm)}}@media (min-width:1025px){.dashboard-container{padding:var(--spacing-xl);gap:var(--spacing-2xl)}.statistics-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.quick-actions-container{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.events-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1440px){.dashboard-container{max-width:1400px;margin:0 auto}.events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-resolution:192dpi){.statistic-card,.action-button,.event-card{border-width:.5px}}@media print{.dashboard-container{background-color:#fff;padding:0}.action-button,.quick-actions-section{display:none}.event-card,.statistic-card{page-break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){.statistic-card,.action-button,.event-card{transition:none}.action-button:hover,.statistic-card:hover,.event-card:hover{transform:none}}@media (hover:none) and (pointer:coarse){.action-button,.event-card,.statistic-card{padding-top:calc(var(--spacing-md) + 2px);padding-bottom:calc(var(--spacing-md) + 2px)}.action-button:active,.event-card:active,.statistic-card:active{background-color:var(--color-background)}}