@charset "UTF-8";.container[data-v-0cfd10d4],.footer__container[data-v-0cfd10d4],.header__container[data-v-0cfd10d4]{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container[data-v-0cfd10d4],.footer__container[data-v-0cfd10d4],.header__container[data-v-0cfd10d4]{padding:0 1.5rem}}@media (max-width: 640px){.container[data-v-0cfd10d4],.footer__container[data-v-0cfd10d4],.header__container[data-v-0cfd10d4]{padding:0 1rem}}.container--narrow[data-v-0cfd10d4]{max-width:800px}.container--wide[data-v-0cfd10d4]{max-width:1600px}.container--fluid[data-v-0cfd10d4]{max-width:100%;padding:0}.container--with-padding[data-v-0cfd10d4]{padding-top:2rem;padding-bottom:2rem}@media (max-width: 768px){.container--with-padding[data-v-0cfd10d4]{padding-top:1.5rem;padding-bottom:1.5rem}}.content-container[data-v-0cfd10d4]{width:100%;max-width:1400px;margin:0 auto;padding:2rem}@media (max-width: 768px){.content-container[data-v-0cfd10d4]{padding:1.5rem}}@media (max-width: 640px){.content-container[data-v-0cfd10d4]{padding:1rem}}.section[data-v-0cfd10d4]{padding:3rem 0}@media (max-width: 768px){.section[data-v-0cfd10d4]{padding:2rem 0}}@media (max-width: 640px){.section[data-v-0cfd10d4]{padding:1.5rem 0}}.section--small[data-v-0cfd10d4]{padding:2rem 0}.section--large[data-v-0cfd10d4]{padding:4rem 0}.grid-container[data-v-0cfd10d4]{display:grid;gap:2rem}@media (max-width: 768px){.grid-container[data-v-0cfd10d4]{gap:1.5rem}}.grid-container--2col[data-v-0cfd10d4]{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-container--2col[data-v-0cfd10d4]{grid-template-columns:1fr}}.grid-container--3col[data-v-0cfd10d4]{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-container--3col[data-v-0cfd10d4]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-container--3col[data-v-0cfd10d4]{grid-template-columns:1fr}}.grid-container--4col[data-v-0cfd10d4]{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-container--4col[data-v-0cfd10d4]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-container--4col[data-v-0cfd10d4]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-container--4col[data-v-0cfd10d4]{grid-template-columns:1fr}}@keyframes gradientShift-0cfd10d4{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header[data-v-0cfd10d4]{background:linear-gradient(135deg,#2e86ab,#e63946);background-size:200% 200%;animation:gradientShift-0cfd10d4 10s ease-in-out infinite;padding:.75rem 0;position:fixed;top:0;left:0;right:0;z-index:1020;box-shadow:0 4px 12px #22333b14}@media (max-width: 768px){.header[data-v-0cfd10d4]{padding:.75rem 1rem}}.header__container[data-v-0cfd10d4]{display:flex;align-items:center;justify-content:space-between}.header__logo[data-v-0cfd10d4]{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700}.header__logo-icon[data-v-0cfd10d4]{color:#fff}.header__nav[data-v-0cfd10d4]{display:flex;gap:2rem}@media (max-width: 768px){.header__nav[data-v-0cfd10d4]{display:none}}.header__nav a[data-v-0cfd10d4]{color:#ffffffe6;text-decoration:none;transition:color .3s ease;font-weight:500}.header__nav a[data-v-0cfd10d4]:hover{color:#fff}.header__auth[data-v-0cfd10d4]{display:flex;gap:1rem}.header__auth a[data-v-0cfd10d4]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background .3s ease}.header__auth a[data-v-0cfd10d4]:hover{background:#ffffff1a}.header__user-menu[data-v-0cfd10d4],.header__user-dropdown[data-v-0cfd10d4]{position:relative}.header__user-button[data-v-0cfd10d4]{display:flex;align-items:center;gap:.75rem;background:radial-gradient(ellipse 140% 60% at 30% 10%,#fff3,#ffffff0f 60%);border:1px solid rgba(255,255,255,.12);border-radius:40px;padding:.3rem .5rem;cursor:pointer;color:#fff;transition:background .3s ease}.header__user-button[data-v-0cfd10d4]:hover{background:radial-gradient(ellipse 140% 60% at 30% 10%,#ffffff1f,#ffffff0a 60%)}.header__user-button--active[data-v-0cfd10d4]{background:#ffffff40}.header__user-avatar[data-v-0cfd10d4]{width:40px;height:40px;border-radius:9999px;overflow:hidden}.header__user-avatar img[data-v-0cfd10d4]{width:100%;height:100%;object-fit:cover}.header__user-avatar-placeholder[data-v-0cfd10d4]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#2e86ab,#e63946);color:#fff}.header__user-name[data-v-0cfd10d4]{font-size:.9rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.header__user-name[data-v-0cfd10d4]{display:none}}.header__user-chevron[data-v-0cfd10d4]{font-size:.8rem;transition:transform .3s ease}.header__user-chevron--rotated[data-v-0cfd10d4]{transform:rotate(180deg)}@media (max-width: 768px){.header__user-chevron[data-v-0cfd10d4]{display:none}}.header__dropdown[data-v-0cfd10d4]{position:absolute;top:calc(100% + 10px);right:0;bottom:auto;left:auto;min-width:220px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;z-index:1000;border:1px solid #E5EAD8}@media (max-width: 768px){.header__dropdown[data-v-0cfd10d4]{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto}}.header__dropdown-item[data-v-0cfd10d4]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#22333b;text-decoration:none;transition:background .3s ease;cursor:pointer;width:100%;border:none;background:transparent;font-size:.9rem}.header__dropdown-item[data-v-0cfd10d4]:hover{background:#f0f4e8}.header__dropdown-item svg[data-v-0cfd10d4]{color:#52616b;flex-shrink:0}.header__dropdown-item--logout[data-v-0cfd10d4]{color:#e63946}.header__dropdown-item--logout svg[data-v-0cfd10d4]{color:#e63946}.header__dropdown-item--logout[data-v-0cfd10d4]:hover{background:#e6394614}.header__dropdown-divider[data-v-0cfd10d4]{height:1px;background:#e5ead8;margin:.5rem 0}.footer[data-v-0cfd10d4]{background:#22333b;color:#fff;padding:2rem 0;margin-top:auto}.footer__container[data-v-0cfd10d4]{text-align:center}.footer__container p[data-v-0cfd10d4]{color:#fffc;font-size:.9rem;margin:0}.main-content[data-v-0cfd10d4]{flex:1;padding-top:70px;min-height:calc(100vh - 70px)}.dropdown-enter-active[data-v-0cfd10d4],.dropdown-leave-active[data-v-0cfd10d4]{transition:opacity .2s ease,transform .2s ease}.dropdown-enter-from[data-v-0cfd10d4],.dropdown-leave-to[data-v-0cfd10d4]{opacity:0;transform:translateY(-10px)}.Vue-Toastification__container.bottom-right{bottom:20px;right:20px}@media (max-width: 768px){.Vue-Toastification__container.bottom-right{bottom:10px;right:10px;left:10px}.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{width:calc(100% - 20px);min-width:auto;margin:0 auto 10px}}.Vue-Toastification__toast{font-family:inherit;border-radius:16px;padding:16px 20px;min-height:70px;max-width:350px;width:100%;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.Vue-Toastification__toast{max-width:none;width:100%;border-radius:12px;margin-bottom:10px}}.Vue-Toastification__toast:hover{transform:translate(-5px);box-shadow:0 20px 30px -10px #00000026}@media (max-width: 768px){.Vue-Toastification__toast:hover{transform:translate(0)}}.Vue-Toastification__toast-body{display:flex;align-items:center;gap:12px;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.Vue-Toastification__toast-body{font-size:.9rem}}.Vue-Toastification__toast--success .Vue-Toastification__toast-icon,.Vue-Toastification__toast--error .Vue-Toastification__toast-icon,.Vue-Toastification__toast--warning .Vue-Toastification__toast-icon,.Vue-Toastification__toast--info .Vue-Toastification__toast-icon{width:32px;height:32px;margin-right:0;flex-shrink:0}@media (max-width: 768px){.Vue-Toastification__toast--success .Vue-Toastification__toast-icon,.Vue-Toastification__toast--error .Vue-Toastification__toast-icon,.Vue-Toastification__toast--warning .Vue-Toastification__toast-icon,.Vue-Toastification__toast--info .Vue-Toastification__toast-icon{width:28px;height:28px}}.Vue-Toastification__toast--success{background:linear-gradient(135deg,#10b981,#059669);border-left:4px solid #34d399}.Vue-Toastification__toast--success .Vue-Toastification__toast-icon{color:#34d399}.Vue-Toastification__toast--error{background:linear-gradient(135deg,#ef4444,#dc2626);border-left:4px solid #f87171}.Vue-Toastification__toast--error .Vue-Toastification__toast-icon{color:#f87171}.Vue-Toastification__toast--warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-left:4px solid #fbbf24}.Vue-Toastification__toast--warning .Vue-Toastification__toast-icon{color:#fbbf24}.Vue-Toastification__toast--info{background:linear-gradient(135deg,#3b82f6,#2563eb);border-left:4px solid #60a5fa}.Vue-Toastification__toast--info .Vue-Toastification__toast-icon{color:#60a5fa}.Vue-Toastification__progress-bar{background:#ffffff4d;height:3px}.Vue-Toastification__progress-bar[data-v-afe20baa]{background:#fff}.Vue-Toastification__close-button{color:#ffffffb3;font-size:18px;transition:all .2s ease}.Vue-Toastification__close-button:hover{color:#fff;transform:scale(1.1)}.Vue-Toastification__close-button:focus{outline:none}.Vue-Toastification__toast--enter-active,.Vue-Toastification__toast--leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.Vue-Toastification__toast--enter-from,.Vue-Toastification__toast--leave-to{opacity:0;transform:translate(100%)}@media (max-width: 768px){.Vue-Toastification__toast--enter-from,.Vue-Toastification__toast--leave-to{transform:translateY(100%)}}.Vue-Toastification__toast--enter-to,.Vue-Toastification__toast--leave-from{opacity:1;transform:translate(0)}@media (max-width: 768px){.Vue-Toastification__toast--enter-to,.Vue-Toastification__toast--leave-from{transform:translateY(0)}}.Vue-Toastification__toast--success.Vue-Toastification__toast--enter-active{animation:slideInRight .3s ease,pulse .5s ease .3s}@media (max-width: 768px){.Vue-Toastification__toast--success.Vue-Toastification__toast--enter-active{animation:slideInUp .3s ease}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.Vue-Toastification__toast--success .Vue-Toastification__toast-icon:before{content:"✓";font-size:20px;font-weight:700}.Vue-Toastification__toast--error .Vue-Toastification__toast-icon:before{content:"✕";font-size:18px;font-weight:700}.Vue-Toastification__toast--warning .Vue-Toastification__toast-icon:before{content:"⚠";font-size:18px;font-weight:700}.Vue-Toastification__toast--info .Vue-Toastification__toast-icon:before{content:"ℹ";font-size:18px;font-weight:700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#22333b;background:#fafbf6;line-height:1.6}::selection{background:#5ca8c9;color:#22333b}::-moz-selection{background:#5ca8c9;color:#22333b}img,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-family:Montserrat,Inter,sans-serif;font-weight:700;line-height:1.2;color:#22333b}h1{font-size:2.5rem;font-weight:800}@media (max-width: 768px){h1{font-size:2rem}}h2{font-size:2rem}@media (max-width: 768px){h2{font-size:1.5rem}}h3{font-size:1.5rem;font-weight:600}@media (max-width: 768px){h3{font-size:1.25rem}}p{color:#52616b;line-height:1.7}a{color:#1f6485;transition:color .3s ease}a:hover{color:#2e86ab}mark{background:#2e86ab33;color:#22333b;padding:.1rem .3rem;border-radius:6px}.text-danger{color:#e63946}.text-success{color:#52b788}.text-warning{color:#f4a340}.text-info{color:#2e86ab}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container,.footer__container,.header__container,.page-content{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container,.footer__container,.header__container,.page-content{padding:0 1.5rem}}@media (max-width: 640px){.container,.footer__container,.header__container,.page-content{padding:0 1rem}}.container--narrow{max-width:800px}.container--wide{max-width:1600px}.container--fluid{max-width:100%;padding:0}.container--with-padding{padding-top:2rem;padding-bottom:2rem}@media (max-width: 768px){.container--with-padding{padding-top:1.5rem;padding-bottom:1.5rem}}.content-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem}@media (max-width: 768px){.content-container{padding:1.5rem}}@media (max-width: 640px){.content-container{padding:1rem}}.section{padding:3rem 0}@media (max-width: 768px){.section{padding:2rem 0}}@media (max-width: 640px){.section{padding:1.5rem 0}}.section--small{padding:2rem 0}.section--large{padding:4rem 0}.grid-container{display:grid;gap:2rem}@media (max-width: 768px){.grid-container{gap:1.5rem}}.grid-container--2col{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-container--2col{grid-template-columns:1fr}}.grid-container--3col{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-container--3col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-container--3col{grid-template-columns:1fr}}.grid-container--4col{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-container--4col{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-container--4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-container--4col{grid-template-columns:1fr}}.page{padding:2rem 0;min-height:calc(100vh - 170px)}@media (max-width: 768px){.page{padding:1.5rem 0}}@media (max-width: 640px){.page{padding:1rem 0}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.btn--primary{background:linear-gradient(135deg,#2e86ab,#e63946);color:#fff;box-shadow:0 1px 3px #22333b0f}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #22333b1f}.btn--secondary{background:#f0f4e8;color:#22333b}.btn--secondary:hover{background:#e3e9d8}.btn--success{background:linear-gradient(135deg,#52b788,#3f976e);color:#fff}.btn--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #22333b1f}.btn--danger{background:linear-gradient(135deg,#e63946,#d21a28);color:#fff}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #22333b1f}.btn--outline{background:transparent;border:2px solid #2E86AB;color:#2e86ab}.btn--outline:hover{background:#2e86ab;color:#fff}.btn--outline-danger{background:transparent;border:2px solid #E63946;color:#e63946}.btn--outline-danger:hover{background:#e63946;color:#fff}.btn--sm{padding:.5rem 1rem;font-size:.85rem}.btn--lg{padding:1rem 2rem;font-size:1.1rem}.btn:disabled{opacity:.6;cursor:not-allowed}.form__group{margin-bottom:1rem}.form__group label{display:block;font-weight:500;color:#2e86ab;margin-bottom:.5rem}.form__group label--required:after{content:" *";color:#e63946}.form__control{width:100%;padding:.75rem 1rem;border:2px solid #E5EAD8;border-radius:10px;font-size:1rem;transition:border-color box-shadow ease}.form__control:focus{outline:none;border-color:#2e86ab;box-shadow:0 0 0 3px #4361ee1a}.form__control--error{border-color:#e63946}.form__control--error:focus{border-color:#e63946;box-shadow:0 0 0 3px #ef44441a}.form__control--success{border-color:#52b788}.form__control--textarea{resize:vertical;min-height:80px}.form__control--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem}.form__control--select[multiple]{background-image:none;padding-right:1rem;min-height:100px}.form__control--file{padding:.5rem}.form__hint{display:block;font-size:.75rem;color:#8d9ca6;margin-top:.25rem}.form__error{color:#e63946;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.form__error svg{flex-shrink:0}.form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.form__row{grid-template-columns:1fr}}.form__checkbox{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.form__checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0;font-weight:400;color:#22333b}.form__checkbox label input[type=checkbox]{flex-shrink:0;width:18px;height:18px;cursor:pointer;margin:0;accent-color:#2E86AB}.form__checkbox label .label-text{-webkit-user-select:none;user-select:none}.form__checkbox .form__hint{padding-left:1.75rem;margin-top:.25rem;line-height:1.4}.form__radio-group{display:flex;gap:1.5rem;flex-wrap:wrap}.form__radio label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form__radio label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#2E86AB}.form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media (max-width: 768px){.form__actions{flex-direction:column}.form__actions .btn{width:100%;justify-content:center}}.form__section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #E5EAD8}.form__section:last-child{border-bottom:none;padding-bottom:0}.form__section-title{font-size:1.3rem;font-weight:600;color:#22333b;margin-bottom:.5rem}.form__section-description{color:#52616b;font-size:.9rem;margin-bottom:1.5rem}@media (max-width: 768px){.form__checkbox .form__hint{padding-left:1.5rem;font-size:.7rem}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__container{background:#fafbf6;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}@media (max-width: 640px){.modal__container{max-width:100%;max-height:100vh;border-radius:0}}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #E5EAD8}.modal__header h2{margin:0;font-size:1.25rem;font-weight:600;color:#22333b}.modal__close{background:none;border:none;cursor:pointer;padding:.25rem;color:#52616b;transition:color .3s ease}.modal__close:hover{color:#22333b}.modal__body{padding:1.5rem}.modal__footer{padding:1rem 1.5rem;border-top:1px solid #E5EAD8;display:flex;justify-content:flex-end;gap:.75rem}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal__container,.modal-leave-active .modal__container{transition:transform .3s ease}.modal-enter-from .modal__container,.modal-leave-to .modal__container{transform:scale(.9)}.card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #22333b14;border:1px solid #E5EAD8;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #22333b1f;border-color:#5ca8c9}.card__preview{padding:1.5rem;position:relative}.card__type-badge{position:absolute;top:1rem;right:1rem;bottom:auto;left:auto;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600}.card__type-badge--word{background:#2e86ab26;color:#1f6485}.card__type-badge--image{background:#e6394626;color:#c62733}.card__type-badge--sentence{background:#52b78833;color:#3d9970}.card__type-badge--number{background:#2e86ab26;color:#2e86ab}.card__type-badge--color{background:#2e86ab1a;color:#1f6485}.card__title{font-size:1.5rem;font-weight:700;color:#22333b;margin:1rem 0 .5rem;text-align:center}.card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.85rem;color:#52616b}.card__category{color:#52616b}.card__difficulty{display:flex;gap:2px}.card__difficulty-star{color:#e3e9d8;font-size:.8rem}.card__difficulty-star--active{color:#2e86ab}.search-box{position:relative;flex:1;min-width:250px}.search-box__icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#8d9ca6;pointer-events:none;z-index:1}.search-box__input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #E5EAD8;border-radius:10px;font-size:1rem;background:#fafbf6;transition:border-color .3s ease,box-shadow .3s ease}.search-box__input:focus{outline:none;border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.search-box__input::placeholder{color:#8d9ca6}.search-box__input:disabled{opacity:.6;cursor:not-allowed}.progress__bar{height:6px;background:#f0f4e8;border-radius:9999px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(135deg,#52b788,#3f976e);border-radius:9999px;transition:width .5s ease}.progress__label{font-size:.8rem;color:#52616b;margin-top:.25rem}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{background:linear-gradient(135deg,#2e86ab,#e63946);background-size:200% 200%;animation:gradientShift 10s ease-in-out infinite;padding:.75rem 0;position:fixed;top:0;left:0;right:0;z-index:1020;box-shadow:0 4px 12px #22333b14}@media (max-width: 768px){.header{padding:.75rem 1rem}}.header__container{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700}.header__logo-icon{color:#fff}.header__nav{display:flex;gap:2rem}@media (max-width: 768px){.header__nav{display:none}}.header__nav a{color:#ffffffe6;text-decoration:none;transition:color .3s ease;font-weight:500}.header__nav a:hover{color:#fff}.header__auth{display:flex;gap:1rem}.header__auth a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background .3s ease}.header__auth a:hover{background:#ffffff1a}.header__user-menu,.header__user-dropdown{position:relative}.header__user-button{display:flex;align-items:center;gap:.75rem;background:radial-gradient(ellipse 140% 60% at 30% 10%,#fff3,#ffffff0f 60%);border:1px solid rgba(255,255,255,.12);border-radius:40px;padding:.3rem .5rem;cursor:pointer;color:#fff;transition:background .3s ease}.header__user-button:hover{background:radial-gradient(ellipse 140% 60% at 30% 10%,#ffffff1f,#ffffff0a 60%)}.header__user-button--active{background:#ffffff40}.header__user-avatar{width:40px;height:40px;border-radius:9999px;overflow:hidden}.header__user-avatar img{width:100%;height:100%;object-fit:cover}.header__user-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#2e86ab,#e63946);color:#fff}.header__user-name{font-size:.9rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.header__user-name{display:none}}.header__user-chevron{font-size:.8rem;transition:transform .3s ease}.header__user-chevron--rotated{transform:rotate(180deg)}@media (max-width: 768px){.header__user-chevron{display:none}}.header__dropdown{position:absolute;top:calc(100% + 10px);right:0;bottom:auto;left:auto;min-width:220px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;z-index:1000;border:1px solid #E5EAD8}@media (max-width: 768px){.header__dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto}}.header__dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#22333b;text-decoration:none;transition:background .3s ease;cursor:pointer;width:100%;border:none;background:transparent;font-size:.9rem}.header__dropdown-item:hover{background:#f0f4e8}.header__dropdown-item svg{color:#52616b;flex-shrink:0}.header__dropdown-item--logout{color:#e63946}.header__dropdown-item--logout svg{color:#e63946}.header__dropdown-item--logout:hover{background:#e6394614}.header__dropdown-divider{height:1px;background:#e5ead8;margin:.5rem 0}.dropdown-enter-active,.dropdown-leave-active{transition:opacity .2s ease,transform .2s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-10px)}.footer{background:#22333b;color:#fff;padding:2rem 0;margin-top:auto}.footer__container{text-align:center}.footer__container p{color:#fffc;font-size:.9rem;margin:0}.children-page__container{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width: 768px){.children-page__container{padding:1rem}}.children-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.children-page__header{flex-direction:column;text-align:center}}.children-page__title-wrapper{display:flex;align-items:center;gap:1rem}.children-page__title{font-size:2rem;font-weight:700;color:#22333b;margin:0}@media (max-width: 768px){.children-page__title{font-size:1.5rem}}.children-page__count{font-size:1rem;color:#8d9ca6;background:#fff;padding:.25rem .75rem;border-radius:9999px;font-weight:500}.children-page__add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;transition:transform .3s ease}.children-page__add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22333b1f}.children-page__loading{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:4rem;gap:1.5rem}.children-page__spinner{width:40px;height:40px;border:4px solid #E5EAD8;border-top-color:#2e86ab;border-radius:9999px;animation:spin 1s linear infinite}.children-page__empty{text-align:center;padding:4rem 2rem;background:#f0f4e8;border-radius:24px;border:2px dashed #E5EAD8}.children-page__empty-icon{font-size:4rem;color:#8d9ca6;margin-bottom:1.5rem}.children-page__empty-title{font-size:1.5rem;color:#22333b;margin-bottom:.5rem}.children-page__empty-text{color:#52616b;margin-bottom:1.5rem}.children-page__grid{display:grid;gap:1rem}.children-page__card{background:#fafbf6;border-radius:24px;padding:1.25rem 1.5rem;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid #F0F4E8;cursor:pointer}.children-page__card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#2e86ab}@media (max-width: 1024px){.children-page__card{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}}@media (max-width: 768px){.children-page__card{grid-template-columns:1fr;grid-template-rows:auto;text-align:center}}.children-page__avatar{width:56px;height:56px;border-radius:9999px;overflow:hidden;flex-shrink:0}@media (max-width: 768px){.children-page__avatar{margin:0 auto}}.children-page__avatar img{width:100%;height:100%;object-fit:cover}.children-page__avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;font-size:1.8rem}.children-page__info{flex:1;min-width:0}.children-page__name{font-size:1.2rem;font-weight:600;color:#22333b;margin:0 0 .25rem}.children-page__age{font-size:.85rem;color:#52616b;margin:0;display:flex;align-items:center;gap:.4rem}@media (max-width: 768px){.children-page__age{justify-content:center}}.children-page__stats{display:flex;gap:1.5rem}@media (max-width: 1024px){.children-page__stats{grid-column:2/3;grid-row:2/3;justify-self:start}}@media (max-width: 768px){.children-page__stats{grid-column:unset;grid-row:unset;justify-content:center}}.children-page__stat{display:flex;flex-direction:column;align-items:center}.children-page__stat-value{font-size:1.1rem;font-weight:700;color:#2e86ab}.children-page__stat-label{font-size:.7rem;color:#8d9ca6;text-transform:uppercase;letter-spacing:.5px}.children-page__actions{display:flex;gap:.5rem;flex-shrink:0}@media (max-width: 1024px){.children-page__actions{grid-column:3/4;grid-row:2/3}}@media (max-width: 768px){.children-page__actions{grid-column:unset;grid-row:unset;justify-content:center}}.children-page__action-btn{width:36px;height:36px;border-radius:9999px;border:none;background:#fff;color:#22333b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.children-page__action-btn:hover{background:#e5ead8;transform:scale(1.05)}.children-page__action-btn--danger:hover{background:#fee2e2;color:#e63946}@keyframes spin{to{transform:rotate(360deg)}}.session-page{min-height:calc(100vh - 70px);padding:2rem}@media (max-width: 768px){.session-page{padding:1rem}}.session-loading{align-items:center;justify-content:center;display:flex;flex-direction:column;min-height:400px;gap:1.5rem}.session-loading p{color:#52616b;font-size:1.1rem}.session-empty{text-align:center;padding:4rem}.session-empty h3{font-size:1.5rem;color:#22333b;margin-bottom:1rem}.session-setup{position:relative;max-width:1000px;margin:0 auto}.session-setup__back{position:absolute;top:.5rem;right:auto;bottom:auto;left:0;width:40px;height:40px;border-radius:9999px;border:none;background:#f0f4e8;color:#2e86ab;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.session-setup__back:hover{background:linear-gradient(135deg,#2e86ab,#e63946);color:#fff}.session-setup__title{text-align:center;margin-bottom:4rem;color:#22333b}.session-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width: 768px){.session-options{grid-template-columns:1fr}}.session-option{background:#fff;border-radius:24px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;border:1px solid #E5EAD8}.session-option:hover{transform:translateY(-5px);box-shadow:0 4px 16px #0000001a;border-color:#5ca8c9}.session-option__icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#2e86ab,#e63946);border-radius:9999px;display:flex;align-items:center;justify-content:center}.session-option__icon svg{font-size:2rem;color:#fff}.session-option__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#22333b}.session-option__description{color:#52616b;font-size:.95rem;line-height:1.5}.session-child-selector{max-width:800px;margin:0 auto}.session-child-selector__title{text-align:center;margin-bottom:2rem;color:#22333b}.session-child-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.session-child-selector__add{display:block;text-align:center;padding:1rem;background:#f0f4e8;border-radius:16px;color:#2e86ab;text-decoration:none;font-weight:600;transition:all .3s ease}.session-child-selector__add:hover{background:linear-gradient(135deg,#2e86ab,#e63946);color:#fff}.session-child-selector__add svg{margin-right:.5rem}.session-active{flex:1;min-height:100vh}.settings{max-width:800px;margin:0 auto;padding:2rem}.settings__title{font-size:2rem;font-weight:700;color:#22333b;margin-bottom:2rem}.settings__section{background:#fafbf6;border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.settings__section-title{font-size:1.3rem;font-weight:600;color:#22333b;margin-bottom:.5rem}.settings__section-description{color:#52616b;font-size:.9rem;margin-bottom:1.5rem}.settings__form{margin-top:1rem}.settings__form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.settings__form-group{margin-bottom:1rem}.settings__form-group label{display:block;font-weight:500;color:#22333b;margin-bottom:.5rem}.settings__form-control{width:100%;padding:.75rem 1rem;border:2px solid #E5EAD8;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.settings__form-control:focus{outline:none;border-color:#2e86ab;box-shadow:0 0 0 3px #4361ee1a}.settings__form-hint{display:block;font-size:.75rem;color:#8d9ca6;margin-top:.25rem}.settings__checkbox{display:flex;align-items:center}.settings__checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.settings__checkbox label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.settings__form-actions{margin-top:1.5rem}.settings__info-card{background:#f0f4e8;border-radius:16px;padding:1rem;margin-bottom:1rem}.settings__info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #E5EAD8}.settings__info-row:last-child{border-bottom:none}.settings__info-label{font-weight:500;color:#22333b}.settings__info-value{color:#52616b}.settings__danger-zone{border:2px solid #fee2e2;background:#fef2f2}.settings__danger-actions{display:flex;gap:1rem;flex-wrap:wrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#22333b}.text-secondary{color:#52616b}.text-light{color:#8d9ca6}.text-white{color:#fff}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-4{margin-left:1.5rem}.ml-5{margin-left:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-4{margin-right:1.5rem}.mr-5{margin-right:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.d-flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.w-100{width:100%}.h-100{height:100%}.rounded{border-radius:10px}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 2px 8px #0000000f}.shadow-lg{box-shadow:0 4px 16px #0000001a}.shadow-xl{box-shadow:0 8px 32px #0000001f}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}:root{--color-bg-primary: #FAFBF6;--color-bg-secondary: #F0F4E8;--color-bg-light: #FFFFFF;--color-bg-dark: #E3E9D8;--color-card-bg: #FFFFFF;--color-card-border: #E5EAD8;--color-text-primary: #22333B;--color-text-secondary: #52616B;--color-text-light: #8D9CA6;--color-accent-1: #2E86AB;--color-accent-1-light: #5CA8C9;--color-accent-1-dark: #1F6485;--color-accent-2: #E63946;--color-accent-2-light: #EF6B76;--color-accent-2-dark: #C62733;--color-success: #52B788;--color-warning: #F4A340;--color-danger: #E63946;--color-info: #2E86AB;--shadow-sm: 0 1px 3px rgba(34, 51, 59, .06);--shadow-md: 0 4px 12px rgba(34, 51, 59, .08);--shadow-lg: 0 8px 24px rgba(34, 51, 59, .12);--shadow-xl: 0 16px 48px rgba(34, 51, 59, .15);--border-default: #E5EAD8;--border-light: #F0F4E8;--border-dark: #C9D3B8;--color-text-white: #FFFFFF;--color-teal: #2A9D8F;--color-green: #52B788;--color-green-light: #7FCBA4;--color-green-dark: #3D9970}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #1A1F24;--color-bg-secondary: #23282E;--color-bg-light: #2D333A;--color-bg-dark: #14181C;--color-card-bg: #2D333A;--color-card-border: #3D444D;--color-text-primary: #E8EDF2;--color-text-secondary: #B0B8C0;--color-text-light: #7A838C;--color-accent-1: #3A9EC4;--color-accent-1-light: #6BB8D9;--color-accent-1-dark: #2A7A9E;--color-accent-2: #F04A58;--color-accent-2-light: #F57882;--color-accent-2-dark: #D43A46;--color-success: #62C99A;--color-warning: #F5B84D;--color-danger: #F04A58;--color-info: #3A9EC4;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--border-default: #3D444D;--border-light: #353C45;--border-dark: #2D333A;--color-text-white: #FFFFFF;--color-teal: #34B8A8;--color-green: #62C99A;--color-green-light: #8DD8B6;--color-green-dark: #4AB080}}.dark-theme{--color-bg-primary: #1A1F24;--color-bg-secondary: #23282E;--color-bg-light: #2D333A;--color-bg-dark: #14181C;--color-card-bg: #2D333A;--color-card-border: #3D444D;--color-text-primary: #E8EDF2;--color-text-secondary: #B0B8C0;--color-text-light: #7A838C;--color-accent-1: #3A9EC4;--color-accent-1-light: #6BB8D9;--color-accent-1-dark: #2A7A9E;--color-accent-2: #F04A58;--color-accent-2-light: #F57882;--color-accent-2-dark: #D43A46;--color-success: #62C99A;--color-warning: #F5B84D;--color-danger: #F04A58;--color-info: #3A9EC4;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--border-default: #3D444D;--border-light: #353C45;--border-dark: #2D333A;--color-text-white: #FFFFFF;--color-teal: #34B8A8;--color-green: #62C99A;--color-green-light: #8DD8B6;--color-green-dark: #4AB080}.light-theme{--color-bg-primary: #FAFBF6;--color-bg-secondary: #F0F4E8;--color-bg-light: #FFFFFF;--color-bg-dark: #E3E9D8;--color-card-bg: #FFFFFF;--color-card-border: #E5EAD8;--color-text-primary: #22333B;--color-text-secondary: #52616B;--color-text-light: #8D9CA6;--color-accent-1: #2E86AB;--color-accent-1-light: #5CA8C9;--color-accent-1-dark: #1F6485;--color-accent-2: #E63946;--color-accent-2-light: #EF6B76;--color-accent-2-dark: #C62733;--color-success: #52B788;--color-warning: #F4A340;--color-danger: #E63946;--color-info: #2E86AB;--shadow-sm: 0 1px 3px rgba(34, 51, 59, .06);--shadow-md: 0 4px 12px rgba(34, 51, 59, .08);--shadow-lg: 0 8px 24px rgba(34, 51, 59, .12);--shadow-xl: 0 16px 48px rgba(34, 51, 59, .15);--border-default: #E5EAD8;--border-light: #F0F4E8;--border-dark: #C9D3B8;--color-text-white: #FFFFFF;--color-teal: #2A9D8F;--color-green: #52B788;--color-green-light: #7FCBA4;--color-green-dark: #3D9970}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease,stroke .3s ease}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:9999px}::-webkit-scrollbar-thumb{background:var(--color-accent-1);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-1-dark)}