.btn-primary{background:linear-gradient(135deg,#00B4D8,#0096C7);color:white;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,180,216,.3);display:inline-flex;align-items:center;gap:8px;min-height:48px;height:auto;flex-shrink:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,180,216,.4);background:linear-gradient(135deg,#0096C7,#00B4D8)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,180,216,.2)}.modern-card{background:white;border-radius:14px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e2e8f0;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.modern-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:#00B4D8;transform:translateY(-2px)}.dashboard-section{margin-bottom:32px}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.dashboard-section-title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;color:#1A202C;display:flex;align-items:center;gap:12px;margin:0}.dashboard-section-title i{font-size:1.5em}.metrics-card{background:linear-gradient(135deg,#F7FAFC,#EDF2F7);border-radius:12px;padding:20px;text-align:center;border:1px solid #e2e8f0;transition:background .2s ease,box-shadow .2s ease}.metrics-card:hover{background:linear-gradient(135deg,#EDF2F7,#E2E8F0);box-shadow:0 4px 12px rgba(0,0,0,.05)}.metrics-card-value{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;color:#00B4D8;margin-bottom:8px;line-height:1}.metrics-card-label{font-size:.875rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:linear-gradient(135deg,#F7FAFC,#EDF2F7);border-radius:14px;border:2px dashed #cbd5e0}.empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:1.375rem;font-weight:700;color:#2D3748;margin-bottom:8px}.empty-state-description{font-size:1rem;color:#718096;margin-bottom:24px;max-width:400px}.form-group-professional{margin-bottom:24px}.form-label-professional{display:block;margin-bottom:10px;font-size:.9rem;font-weight:600;color:#2D3748;letter-spacing:.3px}.form-input-professional{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background:white}.form-input-professional:focus{outline:none;border-color:#00B4D8;box-shadow:0 0 0 4px rgba(0,180,216,.1);background:#F7FAFC}.step-progress-professional{margin-bottom:40px}.step-item,.step-progress-professional{display:flex;align-items:center;gap:12px}.step-item{flex:1}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#E2E8F0;color:#718096;font-weight:700;font-size:1rem;transition:background .2s ease,color .2s ease,box-shadow .2s ease;flex-shrink:0;min-width:40px;min-height:40px}.step-number.active{background:linear-gradient(135deg,#00B4D8,#0096C7);color:white;box-shadow:0 4px 12px rgba(0,180,216,.3)}.step-number.completed{background:#10B981;color:white}.step-line{flex:1;height:2px;background:#E2E8F0;transition:background .2s ease;flex-shrink:0}.step-line.active{background:linear-gradient(90deg,#00B4D8,#0096C7)}.step-label{font-size:.875rem;font-weight:600;color:#718096;white-space:nowrap}.step-label.active{color:#00B4D8}.tabs-container{display:flex;gap:8px;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.tab-button{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#718096;cursor:pointer;transition:color .2s ease,border-bottom-color .2s ease;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;height:auto;min-height:48px;display:flex;align-items:center}.tab-button:hover{color:#2D3748}.tab-button.active{color:#00B4D8;border-bottom-color:#00B4D8}.action-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.action-button{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:background .2s ease,transform .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:auto;flex-shrink:0}.action-button.primary{background:#00B4D8;color:white}.action-button.primary:hover{background:#0096C7;transform:translateY(-1px)}.action-button.secondary{background:#EDF2F7;color:#2D3748;border:1px solid #cbd5e0}.action-button.secondary:hover{background:#E2E8F0}.action-button.danger{background:#FEE2E2;color:#DC2626}.action-button.danger:hover{background:#FCA5A5}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e2e8f0;border-top-color:#00b4d8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.section-divider{height:1px;background:linear-gradient(90deg,transparent,#E2E8F0 50%,transparent);margin:40px 0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.success{background:#DCFCE7;color:#15803D}.status-badge.pending{background:#FEF3C7;color:#D97706}.status-badge.error{background:#FEE2E2;color:#DC2626}.status-badge.info{background:#E0F7FF;color:#0369A1}.divider{height:1px;background:#E2E8F0;margin:24px 0}.nav-link-professional{color:#00B4D8;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.nav-link-professional:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00B4D8;transition:width .3s ease}.nav-link-professional:hover:after{width:100%}.content-section{padding:32px;background:white;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:24px}.grid-gap-responsive{gap:clamp(16px,3vw,24px)}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}a:not(:hover),button:not(:hover):not(:active){transition-duration:0s}.h1,h1{letter-spacing:-.02em}.h1,.h2,h1,h2{font-weight:700}.h2,h2{letter-spacing:-.01em}.h3,h3{font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,180,216,.5);outline-offset:2px}@media (max-width:768px){.h1,h1{font-size:1.75rem}.h2,h2{font-size:1.35rem}.h3,h3{font-size:1.1rem}.content-section{padding:20px}.dashboard-section{margin-bottom:24px}.action-bar{gap:8px}}.metrics-card,.modern-card{will-change:transform,box-shadow}body{background:#F7FAFC;color:#1A202C}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px rgba(0,180,216,.1),0 0 0 2px #00B4D8}@media (max-width:374px){.dashboard-events-grid,.events-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (max-width:480px){.contact-card,.event-card,.modern-card{padding:16px!important}h3{word-break:break-word;overflow-wrap:break-word}button[title="Delete Event"],button[title="Edit Event"],button[title="More actions"],button[title="Send in WhatsApp"],button[title="View Event"]{min-width:44px!important;min-height:44px!important;padding:8px 12px!important}.actions-row,.dialog-actions,.event-actions{flex-wrap:wrap!important;gap:8px!important}.message-dialog{max-height:85dvh!important}textarea{font-size:16px!important;min-height:150px!important;max-height:60dvh!important}.app-panel textarea{min-height:0!important;max-height:none!important}[role=dialog]{max-height:95dvh!important;border-radius:16px!important;margin:12px!important}}@media (max-width:319px){.contact-grid,.dashboard-events-grid,.events-grid{grid-template-columns:1fr!important}h2,h3{font-size:.95rem!important}}@media (max-width:575px){.event-card{margin-bottom:12px!important;overflow:visible!important}.contact-card h3,.event-card h3,.event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}button{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}a[role=button],button{touch-action:manipulation;user-select:none;-webkit-user-select:none}.dropdown-menu,.event-menu,.menu-popover{z-index:1000!important}}@media (max-width:768px){.contact-grid,.dashboard-events-grid,.events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:12px!important}}@media (max-width:575px){.btn,[role=button],a[role=button],button,input[type=button],input[type=submit]{min-width:44px!important;min-height:24px!important;-webkit-tap-highlight-color:rgba(0,180,216,.15);-webkit-touch-callout:none}.btn,[role=button],button{-webkit-user-select:none;user-select:none}input,select,textarea{-webkit-user-select:text;user-select:text}}@supports (-webkit-touch-callout:none){@media (max-width:575px){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:text;user-select:text}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px!important}*{-webkit-overflow-scrolling:touch}.dashboard-shell,.form-page,.settings-container,main{padding-left:max(var(--space-md),env(safe-area-inset-left))!important;padding-right:max(var(--space-md),env(safe-area-inset-right))!important}}}@media (max-width:480px){body{position:relative;overflow-x:hidden}.dashboard-shell,.main-container,[role=main],main{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}}@media (max-width:575px){.dropdown-menu,.event-menu,.menu-popover{width:auto!important;min-width:150px!important;right:0!important;top:100%!important}.dropdown-menu button,.event-menu button,.menu-popover button{width:100%!important;padding:12px 16px!important;min-height:44px!important;display:flex!important;align-items:center!important}.dropdown-menu button:not(:last-child),.event-menu button:not(:last-child),.menu-popover button:not(:last-child){border-bottom:1px solid #e2e8f0!important}.message-dialog,[role=dialog]{bottom:0!important;left:0!important;right:0!important;top:auto!important;max-height:90vh!important;border-radius:16px;margin:0!important}textarea{font-size:16px!important;min-height:140px!important;max-height:50vh!important}.dialog-actions,.message-dialog__actions{flex-direction:column!important;gap:8px!important}.dialog-actions button,.message-dialog__actions button{width:100%!important}.back-button,.form-page__back{min-height:44px!important;padding:8px 12px!important;display:inline-flex!important;align-items:center!important}.form-page,.page-container,.settings-container{max-width:100%!important;width:100%!important}input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;cursor:pointer!important}label{display:flex!important;align-items:center!important;gap:12px!important;padding:8px!important}.contact-card,.event-card,.modern-card{padding:12px!important;margin-bottom:12px!important}.contact-grid,.dashboard-events-grid,.events-grid{grid-template-columns:1fr!important;gap:12px!important}}