body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{display:block;padding-left:20px;padding-right:20px}.event-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:500px;padding:30px 20px}.tabs{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:10px}.tab-button{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.tab-button.active{border-bottom:2px solid #3498db;color:#2c3e50;font-weight:600}.content{display:flex;flex-direction:column;gap:20px}.event-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.event-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.event-header h3{color:#2c3e50;font-size:18px;font-weight:600}.event-price{color:#3498db;font-size:16px;font-weight:600}.event-details{margin-bottom:20px}.event-details p{color:#7f8c8d;font-size:14px;margin:8px 0}.event-details strong{color:#2c3e50;font-weight:500}.invitation-buttons{display:flex;flex-wrap:wrap;gap:10px}.cancel-button,.edit-button,.join-button,.view-details-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;min-width:120px;padding:10px 20px;transition:all .3s ease}.join-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.join-button:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px)}.edit-button{align-items:center;background:#2ecc71;border:none;border-radius:8px;box-shadow:0 2px 4px #2ecc7133;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.edit-button:hover{background:#27ae60;box-shadow:0 4px 8px #2ecc714d;transform:translateY(-2px)}.cancel-button{align-items:center;background:#e74c3c;border:none;border-radius:8px;box-shadow:0 2px 4px #e74c3c33;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.view-details-button{align-items:center;background:#f8f9fa;border:2px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #3498db1a;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin:0 auto;max-width:200px;padding:12px 24px;text-decoration:none;transition:all .3s ease;width:100%}.view-details-button:hover{background:#e8f4f8;border-color:#2980b9;box-shadow:0 4px 8px #3498db33;color:#2980b9;transform:translateY(-2px)}@media (max-width:480px){.invitation-buttons{flex-direction:column}.cancel-button,.edit-button,.join-button,.view-details-button{width:100%}}.create-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:40px auto;max-width:600px;padding:30px 30px 100px}.create-form__title{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:35px;text-align:center}.create-form__form{display:flex;flex-direction:column;gap:25px}.create-form__field{display:flex;flex-direction:column;gap:10px}.create-form__field label{color:#34495e;font-size:16px;font-weight:500}.create-form__field input,.create-form__field select,.create-form__field textarea{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;padding:14px;transition:all .3s ease}.create-form__field input:focus,.create-form__field select:focus,.create-form__field textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.create-form__field textarea{min-height:120px;resize:vertical}.create-form__buttons{display:flex;gap:20px;margin-top:30px}.create-form__cancel,.create-form__submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;justify-content:center;padding:16px;transition:all .3s ease}.create-form__submit{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 4px #3498db33;color:#fff}.create-form__submit:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.create-form__cancel:active,.create-form__submit:active{transform:translateY(0)}.create-form__cancel{background:#f8f9fa;border:2px solid #e0e0e0;color:#2c3e50}.create-form__cancel:hover{background:#f1f3f5;border-color:#bdc3c7;transform:translateY(-2px)}.create-form__date-time{display:flex;gap:20px}.create-form__date,.create-form__time{flex:1 1}.create-form__date input[type=date]{color:#2c3e50;font-family:inherit;padding-right:10px}.create-form__date input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.create-form__date input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-input-wrapper{position:relative;width:100%}.date-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.date-display{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;color:#2c3e50;font-size:16px;padding:14px;text-align:center;transition:all .3s ease}.date-input:focus+.date-display{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.date-input:hover+.date-display{border-color:#3498db}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.create-form__field input[type=time]{-webkit-appearance:none;appearance:none;color:#2c3e50;direction:ltr;font-family:inherit;padding-right:10px;text-align:left}.create-form__field input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;margin-left:0;opacity:.6;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.create-form__field input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.create-form__field input[type=time]::-webkit-inner-spin-button,.create-form__field input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.create-form__field input[type=text]{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;color:#2c3e50;font-family:inherit;font-size:16px;padding:14px;transition:all .3s ease;width:100%}.create-form__field input[type=text]:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.create-form__field input[type=text]::placeholder{color:#95a5a6}@media (max-width:768px){.create-form{margin:20px;padding:20px 20px 90px}.create-form__buttons{flex-direction:column;gap:15px}.create-form__date-time{flex-direction:column}}.create-form__test-button{background-color:#f39c12;border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center;transition:all .3s ease;width:100%}.create-form__test-button:hover{background-color:#e67e22;box-shadow:0 4px 8px #e67e224d;transform:translateY(-2px)}.create-form__test-button:active{transform:translateY(0)}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;white-space:pre-line;z-index:1000}.notification-success{background-color:#4caf50}.notification-error{background-color:#f44336}.notification-info{background-color:#2196f3}.notification-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;margin-left:15px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-content{padding:8px 0}.footer{align-items:center;background-color:#f9f9f9;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;flex-direction:column;height:110px;left:0;padding:15px 15px 5px;position:fixed;right:0;z-index:1000}.footer .create-event-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 2px 4px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:50px;justify-content:center;margin-bottom:10px;text-align:center;transition:all .3s ease;width:90%}.footer .create-event-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.footer .create-event-btn:active{transform:translateY(0)}.footer .nav-icons{align-items:center;display:flex;justify-content:space-around;margin-top:0;width:100%}.footer .nav-icon{align-items:center;color:inherit;display:flex;flex-direction:column;text-decoration:none}.footer .nav-icon__image{height:24px;width:24px}.footer .nav-icon span{font-size:12px;margin-top:5px}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:70px;justify-content:space-between;left:0;padding:16px 20px;position:fixed;right:0;top:0;z-index:1000}.header,.header__search{align-items:center;display:flex}.header__search{justify-content:center}.header__icon{cursor:pointer;height:24px;transition:opacity .3s ease;width:24px}.header__icon:hover{opacity:.7}.header__title{color:#333;flex:1 1;font-family:Helvetica Neue,sans-serif;font-size:24px;font-weight:700;text-align:center}.header__search-form{align-items:center;border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;overflow:hidden}.header__search-input{border:none;border-radius:20px 0 0 20px;font-size:16px;outline:none;padding:10px 15px;width:200px}.header__search-input::placeholder{color:#aaa}.header__search-button{background-color:#3498db;border:none;border-radius:0 20px 20px 0;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.header__search-button:hover{background-color:#2980b9}.App-main{margin-bottom:120px;margin-top:100px;width:100%}.profile{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:500px;padding:30px 20px}.profile__title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.profile__info{align-items:center;border-bottom:1px solid #eee;display:flex;gap:20px;margin-bottom:40px;padding-bottom:20px}.profile__avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;width:100px}.profile__name-block{flex:1 1}.profile__fullname{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 5px}.profile__nickname{color:#7f8c8d;font-size:16px;margin:0}.profile__preferences-message{animation:fadeIn .3s ease;background-color:#f8f9fa;border-radius:8px;color:#7f8c8d;font-size:14px;margin-top:15px;padding:15px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile__details{background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;gap:15px;margin-top:30px;padding:20px}.profile__detail{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.profile__detail:last-child{border-bottom:none}.profile__detail-label{color:#7f8c8d;font-weight:500}.profile__detail-value{color:#2c3e50;font-weight:600;text-align:right}.event-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;margin:20px;padding:20px}.event-header{align-items:center;display:flex;justify-content:space-between}.event-header h3{font-size:24px;margin:0}.event-price{color:green;font-size:20px}.event-details p{margin:5px 0}.participants{margin-top:20px}.participants h4{font-size:18px}.participants ul{list-style-type:none;padding-left:0}.participants li{padding:5px}.participants img{border-radius:50%;height:30px;margin-left:10px;width:30px}.error{color:red;font-size:18px}.back-button{align-items:center;background-color:#4a76a8;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;gap:5px;margin-bottom:20px;padding:8px 16px;transition:background-color .3s ease}.back-button:hover{background-color:#3a5f8a}.back-button:active{background-color:#2d4b6e}.back-button:before{content:"←"}.preferences-container{font-family:Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:100%;padding:15px}.preferences-title{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:15px;text-align:center}.preferences-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.preference-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;min-height:50px;padding:10px 12px;transition:all .2s ease}.preference-item:hover{background-color:#f5f9ff;border-color:#b3d4ff}.preference-item.selected{background-color:#e8f5e9;border-color:#4caf50;font-weight:500}.preference-checkbox{cursor:pointer;margin-right:8px}.preference-emoji{font-size:18px;margin-right:8px}.preference-name{color:#333;font-size:14px}.preferences-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:30px}.spinner{animation:spin 1s linear infinite;border:3px solid #3b82f61a;border-radius:50%;border-top-color:#3b82f6;height:30px;width:30px}.save-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.save-button:hover{background-color:#3e8e41}.save-button:disabled{background-color:#ccc;cursor:not-allowed}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:350px){.preferences-list{grid-template-columns:1fr}}.payment-info{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:40px auto;max-width:600px;padding:30px 30px 100px}.payment-info__title{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:35px;text-align:center}.payment-info__form{display:flex;flex-direction:column;gap:25px}.payment-info__field{display:flex;flex-direction:column;gap:10px}.payment-info__label{color:#34495e;font-size:16px;font-weight:500}.payment-info__input,.payment-info__select{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;padding:14px;transition:all .3s ease}.payment-info__input:focus,.payment-info__select:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.payment-info__select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:1em}.payment-info__hint{color:#95a5a6;font-size:12px;margin-top:4px}.payment-info__buttons{display:flex;gap:20px;margin-top:30px}.payment-info__cancel,.payment-info__submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;justify-content:center;padding:16px;transition:all .3s ease}.payment-info__submit{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 4px #3498db33;color:#fff}.payment-info__submit:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.payment-info__submit:disabled{cursor:not-allowed;opacity:.7}.payment-info__cancel{background:#f8f9fa;border:2px solid #e0e0e0;color:#2c3e50}.payment-info__cancel:hover{background:#f1f3f5;border-color:#bdc3c7;transform:translateY(-2px)}.payment-info__error,.payment-info__loading{font-size:18px;padding:20px;text-align:center}.payment-info__error{color:#e74c3c}.payment-info__loading{color:#3498db}.payment-info__test-button{background-color:#f39c12;border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center;transition:all .3s ease;width:100%}.payment-info__test-button:hover{background-color:#e67e22;box-shadow:0 4px 8px #e67e224d;transform:translateY(-2px)}.payment-info__test-button:active{transform:translateY(0)}@media (max-width:768px){.payment-info{margin:20px;padding:20px 20px 90px}.payment-info__buttons{flex-direction:column;gap:15px}}