.component-container{width:100%;margin-bottom:1rem;transition:all .3s ease}.form-control{width:100%;padding:.5rem .75rem;border-radius:.375rem;border:1px solid #e2e8f0;transition:all .2s ease}.form-control:focus{outline:none;border-color:#0bc1ab;box-shadow:0 0 0 2px rgba(11,193,171,.25)}.component-card{background-color:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:hidden}.component-card-header{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background-color:#f8f9fa}.component-card-body{padding:1rem}.responsive-grid{display:grid;gap:1rem;width:100%}@media (max-width:480px){.responsive-grid{grid-template-columns:1fr;gap:.5rem}.component-card-body{padding:.75rem}.component-card-header{padding:.5rem .75rem}}@media (min-width:481px) and (max-width:768px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width:769px) and (max-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.flex-responsive{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:640px){.flex-responsive{flex-direction:column}.flex-responsive>*{width:100%}}.responsive-text{font-size:1rem}@media (max-width:480px){.responsive-text{font-size:.875rem}h1,h2,h3{font-size:90%}}.responsive-image{max-width:100%;height:auto}.responsive-icon{font-size:1.25rem}@media (max-width:480px){.responsive-icon{font-size:1rem}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#0bc1ab #f1f1f1}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0bc1ab;border-radius:3px}.responsive-button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width:480px){.responsive-button{padding:.375rem .75rem;font-size:.875rem}}.smooth-transition{transition:all .3s ease}.height-placeholder{min-height:300px}@media (max-width:640px){.height-placeholder{min-height:250px}}.responsive-padding{padding:1.5rem}.responsive-margin{margin:1.5rem}@media (max-width:640px){.responsive-padding{padding:1rem}.responsive-margin{margin:1rem}}@media (max-width:480px){.responsive-padding{padding:.75rem}.responsive-margin{margin:.75rem}}.focus-visible:focus-visible{outline:2px solid #0bc1ab;outline-offset:2px}@media (max-width:640px){.event-create-container{padding-left:.5rem;padding-right:.5rem}.event-step-card{margin-left:.25rem;margin-right:.25rem;border-radius:.75rem}.event-form-section{padding:1rem}.event-grid-mobile{grid-template-columns:1fr;gap:1rem}.event-input-mobile{padding:.75rem;font-size:1rem}.event-button-mobile{padding:.75rem 1rem;font-size:.875rem;width:100%}.event-summary-mobile{grid-template-columns:1fr;gap:.75rem}.event-summary-item-mobile{flex-direction:column;align-items:flex-start;text-align:left}.event-tooltip-mobile{position:fixed;left:1rem;right:1rem;top:5rem;z-index:60}}@media (max-width:480px){.event-create-container{padding-left:.25rem;padding-right:.25rem}.event-step-indicator-mobile{padding:.25rem}.event-step-indicator-mobile .step-text{font-size:.75rem}.event-form-section{padding:.75rem}.event-header-mobile h1{font-size:1.125rem}.event-header-mobile p{font-size:.875rem}}@media (max-width:640px){.motion-safe\:animate-fadeIn{animation:fadeIn .5s ease-in-out}.motion-safe\:animate-slideIn{animation:slideInUp .3s ease-out}.event-form-input:focus{transform:scale(1.02);transition:transform .2s ease}.event-button:active{transform:scale(.98);transition:transform .1s ease}}