@charset "UTF-8";@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#1f2937;background-color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#667eea;text-decoration:none;transition:all .2s ease}a:hover{color:#4c1d95}ul,ol{list-style:none}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:transparent;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}:focus{outline:none}[disabled]{cursor:not-allowed!important;opacity:.6}[hidden]{display:none!important}::selection{background-color:#667eea33;color:#1f2937}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width: 414px){body{-webkit-overflow-scrolling:touch}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.25;color:#1f2937}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{margin:0;line-height:1.75}.text--xs{font-size:12px}.text--sm{font-size:14px}.text--base{font-size:16px}.text--lg{font-size:18px}.text--xl{font-size:20px}.text--2xl{font-size:24px}.text--3xl{font-size:30px}.text--primary{color:#1f2937}.text--secondary{color:#4b5563}.text--tertiary{color:#6b7280}.text--inverse{color:#fff}.text--success{color:#10b981}.text--error{color:#ef4444}.text--warning{color:#f59e0b}.text--info{color:#3b82f6}.text--center{text-align:center}.text--left{text-align:left}.text--right{text-align:right}.text--normal{font-weight:400}.text--medium{font-weight:500}.text--semibold{font-weight:600}.text--bold{font-weight:700}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--truncate-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text--truncate-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.link{color:#667eea;text-decoration:none;transition:all .2s ease;cursor:pointer}.link:hover{color:#4c1d95;text-decoration:underline}.link--secondary{color:#4b5563}.link--secondary:hover{color:#1f2937}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate--fade-in{animation:fadeIn .3s ease-in-out}.animate--fade-out{animation:fadeOut .3s ease-in-out}.animate--slide-up{animation:slideInUp .3s ease-out}.animate--slide-down{animation:slideInDown .3s ease-out}.animate--slide-left{animation:slideInLeft .3s ease-out}.animate--slide-right{animation:slideInRight .3s ease-out}.animate--scale-in{animation:scaleIn .2s ease-out}.animate--scale-out{animation:scaleOut .2s ease-out}.animate--pulse{animation:pulse 2s ease-in-out infinite}.animate--bounce{animation:bounce 1s ease-in-out infinite}.animate--spin{animation:spin 1s linear infinite}.transition--all{transition:all .2s ease}.transition--fast{transition:all .15s ease}.transition--slow{transition:all .3s ease}.transition--none{transition:none}.app-container{max-width:414px;margin:0 auto;width:100%;min-height:100vh;background-color:#fff;position:relative;overflow:hidden}@media (min-width: 768px){.app-container{box-shadow:0 0 20px #0000001a}}.screen{display:none;min-height:100vh;position:relative}.screen--active{display:block;animation:fadeIn .3s ease-in-out}.screen--with-header{padding-top:60px}.screen--with-bottom-nav{padding-bottom:56px}.screen--with-both{padding-top:60px;padding-bottom:56px}.page__wrapper{min-height:100vh;background-color:#f9fafb;position:relative}.page__content{padding:16px}.page__content--no-padding{padding:0}.page__content--no-top{padding-top:0}.page__content--no-bottom{padding-bottom:0}.section{margin-bottom:24px}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section__title{font-size:20px;font-weight:700;color:#1f2937}.section__action{color:#667eea;font-size:14px;font-weight:500}.section__action:hover{text-decoration:underline}.section--last{margin-bottom:0}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.flex--column{flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--gap-xs{gap:4px}.flex--gap-sm{gap:8px}.flex--gap-md{gap:12px}.flex--gap-lg{gap:16px}.space-y--xs>*+*{margin-top:4px}.space-y--sm>*+*{margin-top:8px}.space-y--md>*+*{margin-top:12px}.space-y--lg>*+*{margin-top:16px}.space-y--xl>*+*{margin-top:24px}.header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:414px;height:60px;background-color:#fff;box-shadow:0 1px 2px #0000000d;z-index:20;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.header__left,.header__right{display:flex;align-items:center;gap:12px}.header__title{font-size:20px;font-weight:700;color:#1f2937}.header__subtitle{font-size:14px;color:#4b5563;margin-top:4px}.header__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:#4b5563;transition:all .2s ease}.header__back:hover{background-color:#f9fafb;color:#1f2937}.header__back i{font-size:20px}.header__action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background-color:#667eea;color:#fff;transition:all .2s ease}.header__action:hover{background-color:#4c1d95;transform:scale(1.05)}.header__action i{font-size:18px}.header--transparent{background-color:transparent;box-shadow:none}.header--gradient{background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff}.header--gradient .header__title,.header--gradient .header__subtitle,.header--gradient .header__back{color:#fff}.page-header{background-color:#fff;padding:24px 16px;box-shadow:0 1px 2px #0000000d}.page-header__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header__title{font-size:24px;font-weight:700;color:#1f2937}.page-header__description{color:#4b5563;margin-top:8px}.page-header__actions{display:flex;gap:8px}.page-header__tabs{display:flex;gap:12px;margin-top:16px}.page-header__tab{padding:8px 16px;font-size:14px;font-weight:500;color:#4b5563;background-color:transparent;border-radius:8px;transition:all .2s ease}.page-header__tab:hover{background-color:#f9fafb}.page-header__tab--active{background-color:#667eea;color:#fff}.page-header__tab--active:hover{background-color:#4c1d95}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:414px;height:56px;background-color:#fff;border-top:1px solid #e5e7eb;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__container{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 8px}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;padding:8px 4px;color:#6b7280;transition:all .15s ease;position:relative}.bottom-nav__item:hover,.bottom-nav__item--active{color:#667eea}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:#667eea;border-radius:0 0 4px 4px}.bottom-nav__icon{font-size:20px;margin-bottom:4px;transition:all .15s ease}.bottom-nav__label{font-size:12px;font-weight:500}.bottom-nav__badge{position:absolute;top:8px;right:20px;min-width:18px;height:18px;padding:0 4px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center}.footer{background-color:#f3f4f6;padding:32px 16px;text-align:center}.footer__content{max-width:414px;margin:0 auto;width:100%;position:relative}.footer__logo{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:12px}.footer__links{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.footer__link{color:#4b5563;font-size:14px}.footer__link:hover{color:#667eea}.footer__copyright{color:#6b7280;font-size:12px}.nav__list{display:flex;gap:12px}.nav__item{position:relative}.nav__link{display:flex;align-items:center;padding:8px 12px;color:#4b5563;font-weight:500;border-radius:8px;transition:all .2s ease}.nav__link:hover{background-color:#f9fafb;color:#1f2937}.nav__link--active{color:#667eea;background-color:#667eea1a}.nav__icon{margin-right:8px}.sidebar-nav{width:240px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;padding:24px;overflow-y:auto}.sidebar-nav__section{margin-bottom:32px}.sidebar-nav__section:last-child{margin-bottom:0}.sidebar-nav__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:12px}.sidebar-nav__list{display:flex;flex-direction:column;gap:4px}.sidebar-nav__link{display:flex;align-items:center;padding:8px 12px;color:#4b5563;font-weight:500;border-radius:8px;transition:all .2s ease}.sidebar-nav__link:hover{background-color:#f9fafb;color:#1f2937}.sidebar-nav__link--active{background-color:#667eea1a;color:#667eea}.sidebar-nav__link--active .sidebar-nav__icon{color:#667eea}.sidebar-nav__icon{width:20px;margin-right:12px;color:#6b7280}.sidebar-nav__badge{margin-left:auto;display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#667eea;color:#fff}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px}.breadcrumb__item{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563}.breadcrumb__item:last-child{color:#1f2937;font-weight:500}.breadcrumb__link{color:#4b5563}.breadcrumb__link:hover{color:#667eea}.breadcrumb__separator{color:#6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;font-weight:500;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:#667eea;color:#fff}.btn--primary:hover:not(:disabled){background-color:#4c1d95}.btn--secondary{background-color:#e5e7eb;color:#1f2937}.btn--secondary:hover:not(:disabled){background-color:#d1d5db}.btn--success{background-color:#10b981;color:#fff}.btn--success:hover:not(:disabled){background-color:#047857}.btn--danger{background-color:#ef4444;color:#fff}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--ghost{background-color:transparent;color:#667eea}.btn--ghost:hover:not(:disabled){background-color:#667eea1a}.btn--outline{background-color:transparent;border:1px solid #d1d5db;color:#1f2937}.btn--outline:hover:not(:disabled){border-color:#667eea;color:#667eea}.btn--sm{padding:8px 12px;font-size:14px}.btn--lg{padding:16px 24px;font-size:18px}.btn--xl{padding:16px 32px;font-size:20px}.btn--block{display:flex;width:100%}.btn--round{border-radius:9999px}.btn--square{padding:12px;aspect-ratio:1}.btn--loading{color:transparent;position:relative}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:currentColor;opacity:.3;border-radius:50%;animation:spin .8s linear infinite;top:50%;left:50%;margin-left:-8px;margin-top:-8px}.btn__icon{display:inline-flex;align-items:center}.btn__icon--left{margin-right:8px}.btn__icon--right{margin-left:8px}.btn-group{display:inline-flex;border-radius:8px;overflow:hidden}.btn-group .btn{border-radius:0;margin:0}.btn-group .btn:not(:last-child){border-right:1px solid rgba(0,0,0,.1)}.btn-group .btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.btn-group .btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.btn-group--vertical{flex-direction:column}.btn-group--vertical .btn{width:100%;border-right:none}.btn-group--vertical .btn:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.btn-group--vertical .btn:first-child{border-radius:8px 8px 0 0}.btn-group--vertical .btn:last-child{border-radius:0 0 8px 8px}.fab{display:inline-flex;padding:12px 16px;font-weight:500;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;display:flex;align-items:center;justify-content:center;position:fixed;bottom:72px;right:16px;width:56px;height:56px;border-radius:9999px;background-color:#667eea;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:30}.fab:disabled{opacity:.5;cursor:not-allowed}.fab:hover{background-color:#4c1d95;transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fab__icon{font-size:20px}.fab--sm{width:40px;height:40px}.fab--sm .fab__icon{font-size:18px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card__header{margin:-16px -16px 16px;padding:16px;border-bottom:1px solid #e5e7eb}.card__header--no-border{border-bottom:none}.card__title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.card__subtitle{font-size:14px;color:#4b5563}.card__footer{margin:16px -16px -16px;padding:16px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.card--clickable{cursor:pointer;transition:all .2s ease}.card--clickable:hover{box-shadow:0 4px 12px -1px #00000026;transform:translateY(-2px)}.card--flat{box-shadow:none;border:1px solid #e5e7eb}.card--gradient{background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff}.card--gradient .card__title,.card--gradient .card__subtitle{color:#fff}.user-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease;padding:16px}.user-card:hover{box-shadow:0 4px 12px -1px #00000026;transform:translateY(-2px)}.user-card__container{display:flex;gap:16px}.user-card__avatar{flex-shrink:0}.user-card__content{flex:1;min-width:0}.user-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;border:none;padding:0}.user-card__name{font-size:16px;font-weight:600;color:#1f2937}.user-card__badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;background:linear-gradient(45deg,#10b981,#34d399);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff}.user-card__info{font-size:14px;color:#4b5563;margin-bottom:8px}.user-card__description{font-size:12px;color:#6b7280;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px}.user-card__tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-weight:500;background-color:#667eea1a;color:#667eea;font-size:12px}.event-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease;border-left:4px solid #667eea}.event-card:hover{box-shadow:0 4px 12px -1px #00000026;transform:translateY(-2px)}.event-card__container{display:flex;gap:16px}.event-card__date{flex-shrink:0;text-align:center;padding:12px;background-color:#667eea1a;border-radius:8px;min-width:60px}.event-card__month{font-size:14px;font-weight:500;color:#667eea}.event-card__day{font-size:24px;font-weight:700;color:#667eea;line-height:1}.event-card__weekday{font-size:12px;color:#667eea}.event-card__content{flex:1;min-width:0}.event-card__title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.event-card__info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.event-card__info-item{display:flex;align-items:center;font-size:14px;color:#4b5563}.event-card__info-item i{width:16px;margin-right:8px;color:#6b7280}.event-card__description{font-size:14px;color:#6b7280;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px}.event-card__footer{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;border:none;background:none}.event-card__status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#10b981;color:#fff}.event-card__action{display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;padding:4px 12px;font-size:12px;background-color:#667eea;color:#fff;border-radius:9999px}.event-card__action:disabled{opacity:.5;cursor:not-allowed}.event-card__action:hover{background-color:#4c1d95}.event-card__host{font-size:12px;color:#6b7280}.form__group{margin-bottom:16px}.form__group:last-child{margin-bottom:0}.form__label{display:block;font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px}.form__label--required:after{content:" *";color:#ef4444}.form__control{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form__control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form__control::placeholder{color:#6b7280}.form__control--error{border-color:#ef4444}.form__control--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form__control--success{border-color:#10b981}.form__control--success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form__textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;resize:vertical;min-height:100px}.form__textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form__textarea::placeholder{color:#6b7280}.form__select{width:100%;padding:12px 32px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L2 5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form__select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form__select::placeholder{color:#6b7280}.form__hint{font-size:12px;color:#6b7280;margin-top:4px}.form__error{font-size:12px;color:#ef4444;margin-top:4px}.form__success{font-size:12px;color:#10b981;margin-top:4px}.form__addon{display:flex}.form__addon .form__control{border-radius:0}.form__addon .form__control:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.form__addon .form__control:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.form__addon-item{display:flex;align-items:center;padding:0 12px;background-color:#f9fafb;border:1px solid #d1d5db;border-right:none;color:#4b5563;font-size:14px}.form__addon-item:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.form__addon-item:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right:1px solid #d1d5db}.form__checkbox,.form__radio{display:flex;align-items:center;margin-bottom:8px;cursor:pointer}.form__checkbox input[type=checkbox],.form__checkbox input[type=radio],.form__radio input[type=checkbox],.form__radio input[type=radio]{width:18px;height:18px;margin-right:8px;cursor:pointer}.form__checkbox input[type=checkbox]:checked,.form__checkbox input[type=radio]:checked,.form__radio input[type=checkbox]:checked,.form__radio input[type=radio]:checked{accent-color:#667eea}.form__checkbox label,.form__radio label{font-size:14px;color:#1f2937;cursor:pointer;margin-bottom:0}.form__switch{display:flex;align-items:center;cursor:pointer}.form__switch-input{position:absolute;opacity:0}.form__switch-input:checked+.form__switch-slider{background-color:#667eea}.form__switch-input:checked+.form__switch-slider:before{transform:translate(20px)}.form__switch-slider{position:relative;width:44px;height:24px;background-color:#d1d5db;border-radius:9999px;transition:all .2s ease;margin-right:8px}.form__switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:9999px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.form__switch-label{font-size:14px;color:#1f2937}.search-form{position:relative}.search-form__input{width:100%;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;padding:12px 16px 12px 44px}.search-form__input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-form__input::placeholder{color:#6b7280}.search-form__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.search-form__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9999px;background-color:#e5e7eb;color:#4b5563;cursor:pointer;transition:all .2s ease}.search-form__clear:hover{background-color:#d1d5db}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.modal--active{display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:40}.modal__container{position:relative;width:90%;max-width:400px;max-height:90vh;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:50;animation:scaleIn .2s ease-out;overflow:hidden}.modal__header{padding:16px;border-bottom:1px solid #e5e7eb}.modal__header--no-border{border-bottom:none}.modal__title{font-size:20px;font-weight:600;color:#1f2937}.modal__close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;background-color:#f9fafb;color:#4b5563;cursor:pointer;transition:all .2s ease}.modal__close:hover{background-color:#d1d5db;color:#1f2937}.modal__body{padding:16px;max-height:calc(90vh - 140px);overflow-y:auto}.modal__footer{padding:16px;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end}.modal__footer--center{justify-content:center}.modal__footer--space-between{justify-content:space-between}.modal--sm .modal__container{max-width:300px}.modal--lg .modal__container{max-width:600px}.modal--fullscreen .modal__container{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.bottom-sheet{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.bottom-sheet--active{display:block}.bottom-sheet__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:40;animation:fadeIn .2s ease-out}.bottom-sheet__container{position:absolute;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:50;animation:slideInUp .3s ease-out;max-height:90vh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.bottom-sheet__handle{padding:12px;cursor:grab}.bottom-sheet__handle:active{cursor:grabbing}.bottom-sheet__bar{width:40px;height:4px;background-color:#d1d5db;border-radius:9999px;margin:0 auto}.bottom-sheet__header{padding:0 16px 16px;border-bottom:1px solid #e5e7eb}.bottom-sheet__title{font-size:20px;font-weight:600;color:#1f2937}.bottom-sheet__body{padding:16px;max-height:calc(90vh - 100px);overflow-y:auto}.bottom-sheet__footer{padding:16px;border-top:1px solid #e5e7eb}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.badge--primary{background-color:#667eea;color:#fff}.badge--secondary{background-color:#e5e7eb;color:#1f2937}.badge--success{background-color:#10b981;color:#fff}.badge--danger{background-color:#ef4444;color:#fff}.badge--warning{background-color:#f59e0b;color:#fff}.badge--info{background-color:#3b82f6;color:#fff}.badge--primary-light{background-color:#667eea1a;color:#667eea}.badge--success-light{background-color:#10b9811a;color:#10b981}.badge--danger-light{background-color:#ef44441a;color:#ef4444}.badge--warning-light{background-color:#f59e0b1a;color:#f59e0b}.badge--info-light{background-color:#3b82f61a;color:#3b82f6}.badge--gradient{background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff}.badge--sm{padding:2px 4px;font-size:10px}.badge--lg{padding:8px 12px;font-size:14px}.badge--pill{border-radius:9999px}.badge--square{border-radius:4px}.badge__icon{margin-right:4px}.badge__icon--right{margin-right:0;margin-left:4px}.match-indicator{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;background:linear-gradient(45deg,#10b981,#34d399);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.status-badge--upcoming{background-color:#3b82f61a;color:#3b82f6}.status-badge--ongoing{background-color:#10b9811a;color:#10b981}.status-badge--ended{background-color:#6b72801a;color:#6b7280}.status-badge--cancelled{background-color:#ef44441a;color:#ef4444}.status-badge--registered{background-color:#10b981;color:#fff}.status-badge--pending{background-color:#f59e0b;color:#fff}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff}.notification-badge--dot{min-width:12px;height:12px;padding:0}.loader{display:flex;align-items:center;justify-content:center}.loader__spinner{width:40px;height:40px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loader--sm .loader__spinner{width:20px;height:20px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loader--lg .loader__spinner{width:60px;height:60px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loader--white .loader__spinner{border-color:#ffffff4d;border-top-color:#fff}.loader--inline{display:inline-flex}.loader--inline .loader__spinner{width:16px;height:16px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loading-overlay__spinner{width:48px;height:48px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay__text{font-size:14px;color:#4b5563}.loading-overlay--dark{background-color:#000c}.loading-overlay--dark .loading-overlay__text{color:#fff}.loading-overlay--dark .loading-overlay__spinner{border-color:#ffffff4d;border-top-color:#fff}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton--text{height:14px;margin-bottom:8px}.skeleton--text:last-child{width:80%}.skeleton--title{height:24px;width:60%;margin-bottom:12px}.skeleton--avatar{width:48px;height:48px;border-radius:9999px}.skeleton--thumbnail{width:100%;height:200px;border-radius:8px}.skeleton--button{width:100px;height:36px;border-radius:8px}.skeleton--card{width:100%;height:120px;border-radius:12px}.progress{width:100%;height:8px;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.progress__bar{height:100%;background-color:#667eea;border-radius:9999px;transition:width .3s ease}.progress__bar--animated{background:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}.progress--sm{height:4px}.progress--lg{height:12px}.progress--success .progress__bar{background-color:#10b981}.progress--danger .progress__bar{background-color:#ef4444}.progress--warning .progress__bar{background-color:#f59e0b}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.avatar{width:48px;height:48px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background-color:#667eea;color:#fff;font-size:18px;text-transform:uppercase}.avatar--xs{width:32px;height:32px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px}.avatar--sm{width:40px;height:40px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:16px}.avatar--lg{width:64px;height:64px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:20px}.avatar--xl{width:80px;height:80px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:24px}.avatar--xxl{width:96px;height:96px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:30px}.avatar--primary{background-color:#667eea}.avatar--secondary{background-color:#764ba2}.avatar--success{background-color:#10b981}.avatar--danger{background-color:#ef4444}.avatar--warning{background-color:#f59e0b}.avatar--info{background-color:#3b82f6}.avatar--color-1{background-color:#ef4444}.avatar--color-2{background-color:#f59e0b}.avatar--color-3{background-color:#10b981}.avatar--color-4{background-color:#3b82f6}.avatar--color-5{background-color:#8b5cf6}.avatar--color-6{background-color:#ec4899}.avatar--color-7{background-color:#14b8a6}.avatar--color-8{background-color:#6366f1}.avatar--square{border-radius:8px}.avatar__image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar--status{position:relative}.avatar--status:after{content:"";position:absolute;bottom:0;right:0;width:14px;height:14px;background-color:#10b981;border:2px solid #ffffff;border-radius:9999px}.avatar--status.avatar--offline:after{background-color:#9ca3af}.avatar--status.avatar--busy:after{background-color:#ef4444}.avatar--status.avatar--away:after{background-color:#f59e0b}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{margin-right:-8px;border:2px solid #ffffff}.avatar-group .avatar:last-child{margin-right:0}.avatar-group__more{width:48px;height:48px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background-color:#d1d5db;color:#4b5563;font-size:14px;margin-right:0;border:2px solid #ffffff}.avatar-group--sm .avatar{width:32px;height:32px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:12px}.avatar-group--sm .avatar-group__more{width:32px;height:32px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:11px}.avatar-group--lg .avatar{width:56px;height:56px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:18px}.avatar-group--lg .avatar-group__more{width:56px;height:56px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:16px}.auth__container{background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;animation:gradient-shift 3s ease infinite;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth__card{background-color:#fff;border-radius:20px;padding:32px;width:100%;max-width:360px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.auth__header{text-align:center;margin-bottom:32px}.auth__logo{font-size:30px;font-weight:700;color:#1f2937;margin-bottom:8px}.auth__subtitle{color:#4b5563;font-size:16px}.auth__form{margin-bottom:24px}.auth__footer{text-align:center}.auth__text{font-size:14px;color:#4b5563;margin-bottom:4px}.auth__link{color:#667eea;font-weight:500}.auth__link:hover{text-decoration:underline}.auth__divider{position:relative;text-align:center;margin:24px 0}.auth__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e5e7eb}.auth__divider span{position:relative;background-color:#fff;padding:0 12px;color:#6b7280;font-size:14px}.dashboard__welcome{background-color:#fff;padding:24px;box-shadow:0 1px 2px #0000000d}.dashboard__welcome-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard__welcome-greeting{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.dashboard__welcome-name{color:#4b5563;font-size:16px}.dashboard__welcome-action{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#667eea;color:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease}.dashboard__welcome-action:hover{background-color:#4c1d95;transform:scale(1.05)}.dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;border-top:1px solid #e5e7eb}.dashboard__stats-item{text-align:center}.dashboard__stats-value{font-size:24px;font-weight:700;color:#667eea}.dashboard__stats-label{font-size:14px;color:#4b5563;margin-top:4px}.dashboard__section{padding:24px}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard__section-title{font-size:20px;font-weight:700;color:#1f2937}.dashboard__section-action{color:#667eea;font-size:14px;font-weight:500}.dashboard__section-action:hover{text-decoration:underline}.dashboard__section-content{display:flex;flex-direction:column;gap:16px}.dashboard__empty{text-align:center;padding:48px 24px}.dashboard__empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.dashboard__empty-text{color:#6b7280;margin-bottom:16px}.users{min-height:100vh;background-color:#f9fafb;padding-bottom:5rem}.users__header{background-color:#fff;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.users__header-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:16px}.users__header-search{position:relative;margin-bottom:12px}.users__header-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:16px}.users__header-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.users__header-search-input::placeholder{color:#9ca3af}.users__header-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.users__header-filters{display:flex;gap:8px}.users__header-filters-select{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff}.users__header-filters-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.users__header-filters-button{background-color:#667eea;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;border:none;cursor:pointer;transition:all .2s ease}.users__header-filters-button:hover{background-color:#3958e4}.users__content{padding:24px}.users__content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.users__content-header-title{font-size:18px;font-weight:600;color:#1f2937}.users__content-header-filter{color:#667eea;font-size:14px;text-decoration:none;cursor:pointer}.users__content-header-filter:hover{text-decoration:underline}.users__content-loading{display:flex;align-items:center;justify-content:center;padding:32px}.users__content-loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.users__content-empty{text-align:center;padding:32px 16px}.users__content-empty-icon{width:4rem;height:4rem;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#9ca3af;font-size:20px}.users__content-empty-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.users__content-empty-description{color:#4b5563;font-size:14px}.users__content-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.users__content-error-title{color:#ef4444;font-weight:600;margin-bottom:4px}.users__content-error-message{color:#bd1010;font-size:14px}.users__list{display:flex;flex-direction:column;gap:16px}.user-card{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease;cursor:pointer}.user-card:hover{transform:translateY(-2px)}.user-card__content{display:flex;align-items:flex-start;gap:16px}.user-card__avatar{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.user-card__avatar--blue{background-color:#3b82f6}.user-card__avatar--green{background-color:#10b981}.user-card__avatar--purple{background-color:#8b5cf6}.user-card__avatar--orange{background-color:#f59e0b}.user-card__avatar--red{background-color:#ef4444}.user-card__avatar--indigo{background-color:#6366f1}.user-card__avatar--pink{background-color:#ec4899}.user-card__info{flex:1;min-width:0}.user-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.user-card__header-name{font-weight:600;color:#1f2937;font-size:16px}.user-card__header-match{background:linear-gradient(45deg,#10b981,#34d399);color:#fff;font-size:12px;padding:.25rem .5rem;border-radius:9999px;white-space:nowrap}.user-card__company{color:#4b5563;font-size:14px;margin-bottom:8px}.user-card__description{color:#9ca3af;font-size:12px;margin-bottom:8px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-card__tags{display:flex;flex-wrap:wrap;gap:4px}.user-card__tag{font-size:12px;padding:.25rem .5rem;border-radius:9999px}.user-card__tag--blue{background-color:#3b82f61a;color:#1d4ed8}.user-card__tag--green{background-color:#10b9811a;color:#047857}.user-card__tag--purple{background-color:#8b5cf61a;color:#7c3aed}.user-card__tag--orange{background-color:#f59e0b1a;color:#c2410c}@keyframes spin{to{transform:rotate(360deg)}}.user-detail__header{background-color:#fff;padding:24px;box-shadow:0 1px 2px #0000000d}.user-detail__back{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.user-detail__back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:#4b5563;transition:all .2s ease}.user-detail__back-button:hover{background-color:#f9fafb;color:#1f2937}.user-detail__back-title{font-size:20px;font-weight:700;color:#1f2937}.user-detail__content{padding:24px;display:flex;flex-direction:column;gap:24px}.user-detail__profile{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-detail__profile-header{display:flex;gap:16px;margin-bottom:16px}.user-detail__profile-avatar{flex-shrink:0}.user-detail__profile-info{flex:1;min-width:0}.user-detail__profile-name{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:4px}.user-detail__profile-company{color:#4b5563;margin-bottom:4px}.user-detail__profile-position{font-size:14px;color:#4b5563}.user-detail__profile-match{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;background:linear-gradient(45deg,#10b981,#34d399);color:#fff;margin-left:8px}.user-detail__profile-actions{display:flex;gap:8px}.user-detail__section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-detail__section-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px}.user-detail__section-title i{margin-right:8px}.user-detail__section-content{color:#1f2937;line-height:1.75}.user-detail__section-list{display:flex;flex-direction:column;gap:8px}.user-detail__section-list li{display:flex;align-items:flex-start;gap:8px}.user-detail__section-list li i{color:#10b981;margin-top:2px}.user-detail__section-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.user-detail__section-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#667eea1a;color:#667eea}.user-detail{padding-bottom:5rem}.user-detail__section{background-color:#fff;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 2px #0000000d}.user-detail__section:first-child{margin-top:0}.user-detail__section--basic{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:0;z-index:5;margin-bottom:1.5rem}.user-detail__section--empty{text-align:center;padding:3rem 1.5rem}.user-detail__basic{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.user-detail__info{flex:1}.user-detail__name-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.user-detail__name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.user-detail__match-badge{background:linear-gradient(45deg,#10b981,#34d399);color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500;white-space:nowrap}.user-detail__company{color:#4b5563;margin-bottom:.25rem;font-size:.875rem}.user-detail__position{color:#4b5563;font-size:.875rem}.user-detail__actions{display:flex;gap:.5rem}.user-detail__actions .btn:first-child{flex:1}.user-detail__section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.user-detail__section-icon{font-size:1rem}.user-detail__section-icon--blue{color:#667eea}.user-detail__section-icon--green{color:#10b981}.user-detail__section-icon--purple{color:#764ba2}.user-detail__section-icon--orange{color:#f59e0b}.user-detail__section-icon--gray{color:#4b5563}.user-detail__text{color:#1f2937;line-height:1.75;white-space:pre-wrap}.user-detail__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.user-detail__offering{display:flex;flex-direction:column;gap:.75rem}.user-detail__offering-item{display:flex;align-items:flex-start;gap:.5rem;color:#1f2937;line-height:1.6}.user-detail__check-icon{color:#10b981;margin-top:.25rem;flex-shrink:0;font-size:.875rem}.user-detail__contact{display:flex;flex-direction:column;gap:.75rem}.user-detail__contact-item{display:flex;align-items:center;gap:.75rem}.user-detail__contact-icon{color:#4b5563;width:1.25rem;flex-shrink:0}.user-detail__contact-link{color:#667eea;text-decoration:none;word-break:break-all}.user-detail__contact-link:hover{text-decoration:underline}.user-detail__contact-text{color:#1f2937;line-height:1.5}.user-detail__empty-message{color:#4b5563;font-size:1rem;margin:0}.error-container{text-align:center;padding:3rem 1.5rem;background-color:#fff;box-shadow:0 1px 2px #0000000d;margin:1.5rem;border-radius:12px}.error-container__message{color:#4b5563;font-size:1rem;margin-bottom:1.5rem}.tag{font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500;display:inline-block}.tag--blue{background-color:#667eea1a;color:#667eea}.tag--green{background-color:#10b9811a;color:#10b981}.tag--purple{background-color:#764ba21a;color:#764ba2}.tag--orange{background-color:#f59e0b1a;color:#f59e0b}@media (max-width: 414px){.user-detail__section{border-radius:0;margin-left:0;margin-right:0}.user-detail__name{font-size:1.125rem}.user-detail__section-title{font-size:1rem}}.events{min-height:100vh;background-color:#f9fafb;padding-bottom:5rem}.events__header{background-color:#fff;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.events__header-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:16px}.events__header-search{position:relative;margin-bottom:12px}.events__header-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:16px}.events__header-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.events__header-search-input::placeholder{color:#9ca3af}.events__header-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.events__header-filters{display:flex;gap:8px}.events__header-filters-select{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff}.events__header-filters-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.events__header-filters-button{background-color:#667eea;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;border:none;cursor:pointer;transition:all .2s ease}.events__header-filters-button:hover{background-color:#3958e4}.events__content{padding:24px}.events__content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.events__content-header-title{font-size:18px;font-weight:600;color:#1f2937}.events__content-header-filter{color:#667eea;font-size:14px;text-decoration:none;cursor:pointer}.events__content-header-filter:hover{text-decoration:underline}.events__content-loading{display:flex;align-items:center;justify-content:center;padding:32px}.events__content-loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.events__content-empty{text-align:center;padding:32px 16px}.events__content-empty-icon{width:4rem;height:4rem;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#9ca3af;font-size:20px}.events__content-empty-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.events__content-empty-description{color:#4b5563;font-size:14px}.events__content-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.events__content-error-title{color:#ef4444;font-weight:600;margin-bottom:4px}.events__content-error-message{color:#bd1010;font-size:14px}.events__list{display:flex;flex-direction:column;gap:16px}.event-card{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease;cursor:pointer}.event-card:hover{transform:translateY(-2px)}.event-card__content{display:flex;align-items:flex-start;gap:16px}.event-card__date{flex-shrink:0}.event-card__date-info{background-color:#667eea1a;border-radius:8px;padding:12px;text-align:center;min-width:80px}.event-card__date-day{font-size:18px;font-weight:700;color:#667eea;line-height:1}.event-card__date-weekday{font-size:12px;color:#667eea;margin:2px 0}.event-card__date-time{font-size:12px;color:#667eea;font-weight:500}.event-card__info{flex:1;min-width:0}.event-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.event-card__header-title{font-weight:600;color:#1f2937;font-size:16px}.event-card__header-status{font-size:12px;padding:.25rem .5rem;border-radius:9999px;white-space:nowrap;font-weight:500}.event-card__header-status--blue{background-color:#3b82f61a;color:#1d4ed8}.event-card__header-status--green{background-color:#10b9811a;color:#047857}.event-card__header-status--gray{background-color:#6b72801a;color:#374151}.event-card__header-status--red{background-color:#ef44441a;color:#dc2626}.event-card__location{color:#4b5563;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:4px}.event-card__location i{color:#9ca3af}.event-card__description{color:#9ca3af;font-size:12px;margin-bottom:8px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card__meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.event-card__participants{display:flex;align-items:center;gap:4px;color:#4b5563;font-size:12px}.event-card__participants i{color:#10b981}.event-card__creator{color:#6b7280;font-size:12px}.event-detail__header{background-color:#fff;padding:24px;box-shadow:0 1px 2px #0000000d}.event-detail__header-back{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.event-detail__content{padding:24px;display:flex;flex-direction:column;gap:24px}.event-detail__info{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.event-detail__info-header{display:flex;gap:16px;margin-bottom:16px}.event-detail__info-date{text-align:center;background-color:#667eea1a;border-radius:8px;padding:16px;min-width:80px}.event-detail__info-date-month{font-size:18px;font-weight:500;color:#667eea}.event-detail__info-date-day{font-size:30px;font-weight:700;color:#667eea;line-height:1;margin:4px 0}.event-detail__info-date-weekday{font-size:14px;color:#667eea}.event-detail__info-details{flex:1}.event-detail__info-details h2{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:8px}.event-detail__info-item{display:flex;align-items:center;color:#4b5563;margin-bottom:8px}.event-detail__info-item i{width:20px;margin-right:8px}.event-detail__info-actions{display:flex;gap:8px}.event-detail__description{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.event-detail__description h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px}.event-detail__description h3 i{margin-right:8px;color:#667eea}.event-detail__description p{color:#1f2937;line-height:1.75;margin-bottom:16px}.event-detail__description-program{background-color:#667eea0d;padding:16px;border-radius:8px}.event-detail__description-program h4{font-weight:600;color:#4c1d95;margin-bottom:8px}.event-detail__description-program ul{color:#667eea;font-size:14px}.event-detail__description-program ul li{margin-bottom:4px}.event-detail__participants{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.event-detail__participants-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.event-detail__participants-header h3{font-size:18px;font-weight:600;color:#1f2937}.event-detail__participants-header h3 i{margin-right:8px;color:#10b981}.event-detail__participants-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#667eea1a;color:#667eea}.event-detail__participants-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.event-detail__participants-item{text-align:center}.event-detail__participants-item-avatar{margin:0 auto 4px}.event-detail__participants-item-name{font-size:12px;color:#4b5563}.event-detail__participants-more{width:48px;height:48px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background-color:#9ca3af;color:#fff;font-size:14px;margin:0 auto 4px}.event-detail__location{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.event-detail__location h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px}.event-detail__location h3 i{margin-right:8px;color:#ef4444}.event-detail__location-name{font-weight:500;color:#1f2937;margin-bottom:4px}.event-detail__location-address{font-size:14px;color:#4b5563;margin-bottom:12px}.event-detail__location-map{background-color:#f3f4f6;height:128px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.event-form__header{background-color:#fff;padding:24px;box-shadow:0 1px 2px #0000000d}.event-form__header-container{display:flex;align-items:center;justify-content:space-between}.event-form__header-left{display:flex;align-items:center;gap:16px}.event-form__header-title{font-size:20px;font-weight:700;color:#1f2937}.event-form__content{padding:24px;display:flex;flex-direction:column;gap:24px}.event-form__section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.event-form__section h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.event-form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.event-detail{padding-bottom:5rem}.event-detail__section{background-color:#fff;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 2px #0000000d}.event-detail__section:first-child{margin-top:0}.event-detail__section--basic{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.event-detail__date-badge{background-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:12px;text-align:center;min-width:5rem;flex-shrink:0}.event-detail__date-month{font-size:.875rem;margin-bottom:.25rem}.event-detail__date-day{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.event-detail__date-weekday{font-size:.75rem}.event-detail__info{flex:1;min-width:0}.event-detail__header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.event-detail__title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1.3;flex:1}.event-detail__status{font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500;white-space:nowrap}.event-detail__status--blue{background-color:#667eea1a;color:#667eea}.event-detail__status--green{background-color:#10b9811a;color:#10b981}.event-detail__status--gray{background-color:#4b55631a;color:#4b5563}.event-detail__status--red{background-color:#ef44441a;color:#ef4444}.event-detail__meta{display:flex;flex-direction:column;gap:.5rem}.event-detail__meta-item{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.event-detail__meta-icon{width:1rem;color:#6b7280;flex-shrink:0}.event-detail__actions{display:flex;gap:.5rem;margin-top:1rem;width:100%}.event-detail__actions .btn:first-child{flex:1}.event-detail__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.event-detail__section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.event-detail__section-icon{font-size:1rem}.event-detail__section-icon--blue{color:#667eea}.event-detail__section-icon--green{color:#10b981}.event-detail__section-icon--orange{color:#f59e0b}.event-detail__section-icon--purple{color:#764ba2}.event-detail__description{color:#1f2937;line-height:1.75;white-space:pre-wrap}.event-detail__participation-badge{background-color:#10b9811a;color:#10b981;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500}.event-detail__participants{margin-top:1rem}.event-detail__participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;max-width:100%}.event-detail__participant{text-align:center}.event-detail__participant-name{font-size:.75rem;color:#1f2937;margin-top:.5rem;margin-bottom:.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-detail__participant-company{font-size:.625rem;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-detail__more-participants{width:3rem;height:3rem;background-color:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4b5563;font-weight:700;font-size:.875rem;margin:0 auto}.event-detail__location{display:flex;flex-direction:column;gap:1rem}.event-detail__location-name{color:#1f2937;font-size:1rem;margin:0}.event-detail__map-placeholder{background-color:#f3f4f6;height:10rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;gap:.5rem}.event-detail__map-placeholder i{font-size:2rem}.event-detail__map-placeholder p{margin:0;font-size:.875rem}.event-detail__organizer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.event-detail__organizer-info{flex:1;min-width:0}.event-detail__organizer-name{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.event-detail__organizer-company{font-size:.875rem;color:#4b5563;margin-bottom:.125rem}.event-detail__organizer-position{font-size:.75rem;color:#6b7280}.event-detail__empty-message{color:#4b5563;font-size:.875rem;text-align:center;padding:2rem 0;margin:0}@media (max-width: 414px){.event-detail__section--basic{flex-direction:column}.event-detail__date-badge{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}.event-detail__date-month{margin-bottom:0}.event-detail__date-day{font-size:1.5rem;margin-bottom:0}.event-detail__date-weekday{margin-left:auto}.event-detail__title{font-size:1.125rem}.event-detail__participants-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.profile{min-height:100vh;background-color:#f9fafb;padding-bottom:5rem}.profile__header{background-color:#fff;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile__header-top{display:flex;align-items:center;justify-content:space-between}.profile__header-title{font-size:24px;font-weight:700;color:#1f2937}.profile__header-edit{display:flex;align-items:center;gap:4px;color:#667eea;font-weight:500;background:none;border:none;cursor:pointer;transition:all .2s ease}.profile__header-edit:hover{color:#3958e4}.profile__content{padding:24px;display:flex;flex-direction:column;gap:24px}.profile__content-loading{display:flex;align-items:center;justify-content:center;padding:32px}.profile__content-loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.profile__content-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.profile__content-error-title{color:#ef4444;font-weight:600;margin-bottom:4px}.profile__content-error-message{color:#bd1010;font-size:14px}.profile__info{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile__info-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile__info-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:30px;flex-shrink:0}.profile__info-avatar--blue{background-color:#3b82f6}.profile__info-avatar--green{background-color:#10b981}.profile__info-avatar--purple{background-color:#8b5cf6}.profile__info-avatar--orange{background-color:#f59e0b}.profile__info-avatar--red{background-color:#ef4444}.profile__info-avatar--indigo{background-color:#6366f1}.profile__info-avatar--pink{background-color:#ec4899}.profile__info-details{flex:1}.profile__info-details h2{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:4px}.profile__info-details p{color:#4b5563;margin-bottom:4px}.profile__info-details p:last-child{font-size:14px;margin-bottom:0}.profile__info-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center}.profile__info-stats-item-value{font-size:18px;font-weight:700;color:#667eea;margin-bottom:4px}.profile__info-stats-item-label{font-size:14px;color:#4b5563}.profile__section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile__section h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px;display:flex;align-items:center;gap:8px}.profile__section h3 i{color:#667eea}.profile__section p{color:#1f2937;line-height:1.75}.profile__section ul{display:flex;flex-direction:column;gap:8px}.profile__section ul li{display:flex;align-items:flex-start;gap:8px;color:#1f2937}.profile__section ul li i{color:#10b981;margin-top:2px;width:16px;flex-shrink:0}.profile__section-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profile__section-tag{font-size:12px;padding:.25rem .5rem;border-radius:9999px;font-weight:500}.profile__section-tag--blue{background-color:#3b82f61a;color:#1d4ed8}.profile__section-tag--green{background-color:#10b9811a;color:#047857}.profile__section-tag--purple{background-color:#8b5cf61a;color:#7c3aed}.profile__section-tag--orange{background-color:#f59e0b1a;color:#c2410c}.profile__settings{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile__settings h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px}.profile__settings h3 i{color:#4b5563}.profile__settings-list{display:flex;flex-direction:column;gap:12px}.profile__settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;transition:all .2s ease;cursor:pointer}.profile__settings-item:hover{background-color:#f9fafb}.profile__settings-item-left{display:flex;align-items:center;gap:12px}.profile__settings-item-left i{width:20px;color:#4b5563;flex-shrink:0}.profile__settings-item-left span{color:#1f2937}.profile__settings-item-right{color:#9ca3af}.profile__settings-item--danger .profile__settings-item-left i,.profile__settings-item--danger .profile__settings-item-left span{color:#ef4444}.profile__settings-item--danger:hover{background-color:#ef44440d}.profile-edit{min-height:100vh;background-color:#f9fafb;padding-bottom:5rem}.profile-edit__header{background-color:#fff;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile-edit__header-container{display:flex;align-items:center;justify-content:space-between}.profile-edit__header-left{display:flex;align-items:center;gap:16px}.profile-edit__header-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:#4b5563;background:none;border:none;cursor:pointer;transition:all .2s ease}.profile-edit__header-back:hover{background-color:#f9fafb;color:#1f2937}.profile-edit__header-title{font-size:20px;font-weight:700;color:#1f2937}.profile-edit__header-save{background-color:#667eea;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.profile-edit__header-save:hover:not(:disabled){background-color:#3958e4}.profile-edit__header-save:disabled{opacity:.5;cursor:not-allowed}.profile-edit__content{padding:24px;display:flex;flex-direction:column;gap:24px}.profile-edit__content-loading{display:flex;align-items:center;justify-content:center;padding:32px}.profile-edit__content-loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.profile-edit__content-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.profile-edit__content-error-title{color:#ef4444;font-weight:600;margin-bottom:4px}.profile-edit__content-error-message{color:#bd1010;font-size:14px}.profile-edit__section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile-edit__section h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.profile-edit__row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 414px){.profile-edit__row{grid-template-columns:1fr}}.profile-edit__field{margin-bottom:16px}.profile-edit__field-label{display:block;font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px}.profile-edit__field-required{color:#ef4444}.profile-edit__field-input,.profile-edit__field-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.profile-edit__field-input:focus,.profile-edit__field-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-edit__field-input::placeholder,.profile-edit__field-textarea::placeholder{color:#6b7280}.profile-edit__field-input--error,.profile-edit__field-textarea--error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.profile-edit__field-textarea{resize:vertical;min-height:80px}.profile-edit__field-error{color:#ef4444;font-size:12px;margin-top:4px}.profile-edit__field-description{color:#4b5563;font-size:12px;margin-top:4px;line-height:1.5}.profile-edit__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 414px){.profile-edit__categories{grid-template-columns:1fr}}.profile-edit__category{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease}.profile-edit__category:hover{background-color:#f9fafb}.profile-edit__category-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer}.profile-edit__category-checkbox:checked{background-color:#667eea;border-color:#667eea}.profile-edit__category-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.profile-edit__category-label{font-size:14px;color:#1f2937;cursor:pointer}.profile-edit__toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.profile-edit__toggle-checkbox{display:none}.profile-edit__toggle-switch{position:relative;width:48px;height:24px;background-color:#d1d5db;border-radius:12px;transition:all .2s ease}.profile-edit__toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:all .2s ease}.profile-edit__toggle-checkbox:checked+.profile-edit__toggle-switch{background-color:#667eea}.profile-edit__toggle-checkbox:checked+.profile-edit__toggle-switch:after{transform:translate(24px)}.profile-edit__toggle-label{font-size:14px;color:#1f2937;cursor:pointer}.invite__header{background-color:#fff;padding:24px;box-shadow:0 1px 2px #0000000d}.invite__header-container{display:flex;align-items:center;gap:16px}.invite__header-title{font-size:20px;font-weight:700;color:#1f2937}.invite__content{padding:24px;display:flex;flex-direction:column;gap:24px}.invite__form{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.invite__form-header{text-align:center;margin-bottom:24px}.invite__form-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#667eea1a;border-radius:9999px;margin:0 auto 16px}.invite__form-icon i{font-size:32px;color:#667eea}.invite__form h2{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:8px}.invite__form p{color:#4b5563;font-size:14px}.invite__history{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.invite__history h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.invite__history h3 i{margin-right:8px;color:#764ba2}.invite__history-list{display:flex;flex-direction:column;gap:12px}.invite__history-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f9fafb;border-radius:8px}.invite__history-item-info-email{font-weight:500;color:#1f2937;margin-bottom:4px}.invite__history-item-info-date{font-size:14px;color:#4b5563}.invite__history-item-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.invite__history-item-status--success{background-color:#10b9811a;color:#10b981}.invite__history-item-status--pending{background-color:#f59e0b1a;color:#f59e0b}.invite__tips{background-color:#667eea0d;border-radius:12px;padding:24px}.invite__tips h3{font-size:18px;font-weight:600;color:#4c1d95;margin-bottom:12px}.invite__tips h3 i{margin-right:8px}.invite__tips ul{display:flex;flex-direction:column;gap:8px}.invite__tips ul li{display:flex;align-items:flex-start;gap:8px;color:#667eea;font-size:14px}.invite__tips ul li i{color:#667eea;margin-top:2px}