.resume-selection{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.resume-selection__container{text-align:center;width:100%;max-width:1200px}.resume-selection__header{margin-bottom:60px}.resume-selection__title{-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff4d;background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.resume-selection__subtitle{color:#ccc;opacity:.8;max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.resume-selection__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:80px;display:grid}@media (max-width:768px){.resume-selection__grid{grid-template-columns:1fr;gap:30px}}.resume-selection__empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.resume-selection__empty-icon{opacity:.6;width:80px;height:80px;margin-bottom:30px}.resume-selection__empty-icon svg{stroke:#888;width:100%;height:100%}.resume-selection__empty-title{color:#fff;margin-bottom:15px;font-size:1.5rem;font-weight:600}.resume-selection__empty-description{color:#888;max-width:400px;margin:0;font-size:1rem;line-height:1.6}.resume-selection__actions{z-index:1000;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:30px;right:30px}.resume-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:30px 20px;transition:all .3s;position:relative;overflow:hidden}.resume-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);transition:opacity .3s;position:absolute;inset:0}.resume-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.resume-card:hover:before{opacity:1}.resume-card:hover .resume-card__overlay{opacity:1;transform:translateY(0)}.resume-card__avatar{border:3px solid #fff3;border-radius:50%;width:120px;height:120px;margin:0 auto 20px;position:relative;overflow:hidden}.resume-card__avatar:after{content:"";background:linear-gradient(135deg,#fff3 0%,#ffffff1a 100%);border-radius:50%;position:absolute;inset:0}.resume-card__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.resume-card__info{text-align:center}.resume-card__name{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:600}.resume-card__profession{color:#888;margin:0;font-size:1rem}.resume-card__status{border-radius:12px;margin-top:8px;padding:4px 8px;font-size:.8rem;font-weight:500;display:inline-block}.resume-card__status--hidden{color:#ff9800;background:#ff980033;border:1px solid #ff98004d}.resume-card__overlay{opacity:0;background:#000c;border-radius:20px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0;transform:translateY(20px)}.resume-card__select-text{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:1.2rem;font-weight:600}.resume-card__admin-actions{opacity:0;z-index:10;gap:8px;transition:opacity .3s;display:flex;position:absolute;top:15px;right:15px}.resume-card__edit-btn,.resume-card__duplicate-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.resume-card__edit-btn:hover,.resume-card__duplicate-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.resume-card__edit-btn svg,.resume-card__duplicate-btn svg{width:18px;height:18px}.resume-card__pdf-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#4ccdc4e6;border:2px solid #4ccdc4;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:absolute;bottom:15px;right:15px;transform:translateY(10px)}.resume-card__pdf-btn:hover{background:#4ccdc4;transform:translateY(0)scale(1.1);box-shadow:0 5px 15px #4ccdc466}.resume-card__pdf-btn svg{stroke-width:2px;width:20px;height:20px}.resume-card:hover .resume-card__pdf-btn{opacity:1;transform:translateY(0)}.resume-card:hover .resume-card__admin-actions,.resume-card:hover .resume-card__edit-btn{opacity:1}.resume-card--add{background:#4ccdc40d;border:2px dashed #4ccdc480}.resume-card--add:hover{background:#4ccdc41a;border-color:#4ccdc4cc}.resume-card--add .resume-card__avatar--add{background:#4ccdc433;border:2px solid #4ccdc466;justify-content:center;align-items:center;display:flex}.resume-card--add .resume-card__avatar--add svg{color:#4ecdc4;width:40px;height:40px}.login-button,.analytics-button,.export-button,.import-button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex}.login-button:hover,.analytics-button:hover,.export-button:hover,.import-button:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.login-button .login-icon,.login-button .analytics-icon,.login-button .export-icon,.login-button .import-icon,.analytics-button .login-icon,.analytics-button .analytics-icon,.analytics-button .export-icon,.analytics-button .import-icon,.export-button .login-icon,.export-button .analytics-icon,.export-button .export-icon,.export-button .import-icon,.import-button .login-icon,.import-button .analytics-icon,.import-button .export-icon,.import-button .import-icon{width:24px;height:24px}.login-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:400px;padding:40px}.login-modal__header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.login-modal__header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.login-modal__close{color:#888;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .3s}.login-modal__close:hover{color:#fff}.login-modal__form{flex-direction:column;gap:20px;display:flex}.login-modal__field{flex-direction:column;gap:8px;display:flex}.login-modal__field label{color:#ccc;font-size:.9rem;font-weight:500}.login-modal__field input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s}.login-modal__field input:focus{background:#ffffff1a;border-color:#fff6;outline:none}.login-modal__field input::placeholder{color:#888}.login-modal__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#333 0%,#555 100%);border:none;border-radius:8px;margin-top:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.login-modal__submit:hover{background:linear-gradient(135deg,#444 0%,#666 100%);transform:translateY(-2px)}.export-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;padding:40px;display:flex}.export-modal__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.export-modal__header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.export-modal__close{color:#888;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .3s}.export-modal__close:hover{color:#fff}.export-modal__content{flex:1;margin-bottom:20px;overflow-y:auto}.export-modal__description{color:#ccc;margin-bottom:20px;font-size:1rem}.export-modal__list{flex-direction:column;gap:12px;display:flex}.export-modal__item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.export-modal__item:hover{background:#ffffff1a;border-color:#fff3}.export-modal__item input[type=checkbox]{cursor:pointer;accent-color:#4ecdc4;width:20px;height:20px}.export-modal__item-info{flex:1;align-items:center;gap:12px;display:flex}.export-modal__item-avatar{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:50px;height:50px}.export-modal__item-text{flex-direction:column;gap:4px;display:flex}.export-modal__item-name{color:#fff;font-size:1rem;font-weight:600}.export-modal__item-profession{color:#888;font-size:.85rem}.export-modal__actions{justify-content:flex-end;gap:12px;display:flex}.export-modal__button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.export-modal__button--cancel{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.export-modal__button--cancel:hover{background:#fff3}.export-modal__button--export{color:#fff;background:linear-gradient(135deg,#4ecdc4 0%,#44a3a0 100%)}.export-modal__button--export:hover:not(:disabled){background:linear-gradient(135deg,#5ed8cf 0%,#54b3b0 100%);transform:translateY(-2px)}.export-modal__button--export:disabled{opacity:.5;cursor:not-allowed}.loading,.error{text-align:center;padding:60px 20px}.loading .spinner,.error .spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}.loading p,.error p{color:#ccc;margin:0;font-size:1.1rem}.loading button,.error button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;margin-top:20px;padding:10px 20px;transition:all .3s}.loading button:hover,.error button:hover{background:#fff3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.resume-selection{padding:10px}.resume-selection__grid{gap:20px}.resume-card{padding:20px 15px}.login-modal{margin:20px;padding:30px 20px}.login-button,.analytics-button,.export-button,.import-button{width:50px;height:50px;bottom:20px;right:20px}.login-button .login-icon,.login-button .analytics-icon,.login-button .export-icon,.login-button .import-icon,.analytics-button .login-icon,.analytics-button .analytics-icon,.analytics-button .export-icon,.analytics-button .import-icon,.export-button .login-icon,.export-button .analytics-icon,.export-button .export-icon,.export-button .import-icon,.import-button .login-icon,.import-button .analytics-icon,.import-button .export-icon,.import-button .import-icon{width:20px;height:20px}.export-modal{margin:20px;padding:30px 20px}.export-modal__content{max-height:50vh}}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;transition:all .3s;display:inline-flex}.checkbox__input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox__checkmark{background:#ffffff0d;border:2px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex;position:relative}.checkbox__checkmark:after{content:"";border:2px solid #4ecdc4;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;bottom:4px;transform:rotate(45deg)}.checkbox__label{color:#fff;font-size:1rem;line-height:1.4}.checkbox:hover .checkbox__checkmark{background:#4ecdc41a;border-color:#4ecdc4}.checkbox__input:checked~.checkbox__checkmark{background:#4ecdc433;border-color:#4ecdc4}.checkbox__input:checked~.checkbox__checkmark:after{display:block}.checkbox__input:focus~.checkbox__checkmark{box-shadow:0 0 0 3px #4ecdc44d}.checkbox--disabled{opacity:.5;cursor:not-allowed}.checkbox--disabled__checkmark,.checkbox--disabled:hover .checkbox--disabled__checkmark{background:#ffffff08;border-color:#ffffff1a}.select{-webkit-user-select:none;user-select:none;width:100%;position:relative}.select__trigger{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:1rem;transition:all .3s;display:flex}.select__trigger:hover{background:#ffffff1a;border-color:#4ecdc4}.select__trigger--open{background:#4ecdc41a;border-color:#4ecdc4}.select__value{flex:1}.select__value--placeholder{color:#888}.select__arrow{stroke:#fff;strokeWidth:2;width:20px;height:20px;transition:transform .3s}.select__arrow--rotated{transform:rotate(180deg)}.select__dropdown{z-index:1000;background:#0a0a0af2;border:1px solid #fff3;border-top:none;border-radius:0 0 8px 8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 16px #0000004d}.select__dropdown::-webkit-scrollbar{width:6px}.select__dropdown::-webkit-scrollbar-track{background:#ffffff1a}.select__dropdown::-webkit-scrollbar-thumb{background:#4ecdc4;border-radius:3px}.select__option{color:#fff;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .3s;display:flex}.select__option:hover{background:#4ecdc41a}.select__option--selected{color:#4ecdc4;background:#4ecdc433}.select__option--disabled{opacity:.5;cursor:not-allowed}.select__option--disabled:hover{background:0 0}.select__check{stroke:#4ecdc4;strokeWidth:3;width:16px;height:16px}.select--disabled{opacity:.6;cursor:not-allowed}.select--disabled .select__trigger{cursor:not-allowed}.select--disabled .select__trigger:hover{background:#ffffff0d;border-color:#fff3}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#0f0f0ff2;border:1px solid #fff3;border-radius:12px;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out modalSlideIn;overflow:hidden;box-shadow:0 20px 40px #00000080}.modal__header{background:#ffffff05;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal__title{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.modal__close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.modal__close:hover{color:#fff;background:#ffffff1a}.modal__close svg{width:20px;height:20px}.modal__body{color:#fff;padding:24px;line-height:1.6}.modal__body p{margin:0 0 16px}.modal__body p:last-child{margin-bottom:0}.modal__footer{background:#ffffff05;border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.modal__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.modal__btn--cancel{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.modal__btn--cancel:hover{background:#fff3;transform:translateY(-1px)}.modal__btn--confirm{color:#fff;background:#4ecdc4}.modal__btn--confirm:hover{background:#45b7aa;transform:translateY(-1px)}.modal__btn--danger{background:#f44336}.modal__btn--danger:hover{background:#d32f2f}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.modal{width:95%;margin:20px}.modal__header{padding:16px 20px}.modal__body{padding:20px}.modal__footer{flex-direction:column-reverse;gap:10px;padding:16px 20px}.modal__btn{justify-content:center;width:100%}}@media (max-width:768px){.editable-field__input,.editable-field__textarea{font-size:.9rem}.editable-field__actions{flex-direction:column;gap:3px}.editable-field__save-btn,.editable-field__cancel-btn{padding:5px}.editable-field__save-btn svg,.editable-field__cancel-btn svg{width:12px;height:12px}}@media (max-width:768px){.add-button__input-container{min-width:200px}.add-button__trigger{width:28px;height:28px}.add-button__trigger svg{width:14px;height:14px}.add-button__input,.add-button__textarea{font-size:.85rem}.add-button__add-btn,.add-button__cancel-btn{padding:5px}.add-button__add-btn svg,.add-button__cancel-btn svg{width:12px;height:12px}}.remove-btn{color:#fff;cursor:pointer;background-color:#ff4757;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:inline-flex}.remove-btn:hover:not(:disabled){background-color:#ff3742;transform:scale(1.05)}.remove-btn:active:not(:disabled){transform:scale(.95)}.remove-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#ddd}.remove-btn svg{strokeWidth:2;width:14px;height:14px}.remove-btn.remove-btn--small{width:20px;height:20px}.remove-btn.remove-btn--small svg{width:12px;height:12px}.remove-btn.remove-btn--large{width:28px;height:28px}.remove-btn.remove-btn--large svg{width:16px;height:16px}.remove-btn.remove-btn--secondary{background-color:#6c757d}.remove-btn.remove-btn--secondary:hover:not(:disabled){background-color:#5a6268}.remove-btn.remove-btn--warning{background-color:#ffc107}.remove-btn.remove-btn--warning:hover:not(:disabled){background-color:#e0a800}.remove-btn.remove-btn--outline{color:#ff4757;background-color:#0000;border:1px solid #ff4757}.remove-btn.remove-btn--outline:hover:not(:disabled){color:#fff;background-color:#ff4757}.file-upload{flex-direction:column;gap:15px;display:flex}.file-upload__preview{background:#ffffff0d;border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;overflow:hidden}.file-upload__image{object-fit:cover;border-radius:50%;width:100%;height:100%}.file-upload__placeholder{text-align:center;color:#888}.file-upload__placeholder svg{opacity:.5;width:40px;height:40px;margin-bottom:10px}.file-upload__placeholder span{font-size:.8rem;display:block}.file-upload__controls{flex-direction:column;align-items:center;gap:10px;display:flex}.file-upload__input{display:none}.file-upload__button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.file-upload__button:hover:not(:disabled){background:linear-gradient(135deg,#44a08d,#3a8a7a);transform:translateY(-2px)}.file-upload__button:disabled{cursor:not-allowed;background:#666;transform:none}.file-upload__button svg{width:16px;height:16px}.file-upload__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.file-upload__remove{color:#f44336;cursor:pointer;background:#f4433633;border:1px solid #f4433666;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.file-upload__remove:hover{background:#f443364d;border-color:#f4433699;transform:scale(1.1)}.file-upload__remove svg{width:14px;height:14px}.file-upload__error{color:#f44336;text-align:center;background:#f443361a;border:1px solid #f443364d;border-radius:4px;padding:5px;font-size:.8rem}@media (max-width:768px){.file-upload__preview{width:120px;height:120px}.file-upload__button{padding:8px 16px;font-size:.85rem}}@media (max-width:480px){.file-upload__preview{width:100px;height:100px}.file-upload__button{padding:6px 12px;font-size:.8rem}}.resume-edit{color:#fff;background:#0a0a0a;min-height:100vh}.resume-edit__nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000f2;border-bottom:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0}.resume-edit__nav .nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:80px;margin:0 auto;padding:0 20px;display:flex}.resume-edit__nav .nav__back{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s;display:flex}.resume-edit__nav .nav__back:hover{background:#fff3}.resume-edit__nav .nav__back svg{width:16px;height:16px}.resume-edit__nav .nav__title{color:#fff;text-align:center;flex:1;margin:0;font-size:1.3rem;font-weight:600}.resume-edit__nav .nav__actions{align-items:center;gap:12px;display:flex}.resume-edit__nav .nav__delete{color:#f44336;cursor:pointer;background:#f443361a;border:1px solid #f44336;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;transition:all .3s;display:flex}.resume-edit__nav .nav__delete:hover:not(:disabled){background:#f4433633;transform:translateY(-1px)}.resume-edit__nav .nav__delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.resume-edit__nav .nav__delete svg{width:16px;height:16px}.resume-edit__nav .nav__save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.resume-edit__nav .nav__save:hover:not(:disabled){background:linear-gradient(135deg,#44a08d,#3a8a7a);transform:translateY(-2px)}.resume-edit__nav .nav__save:disabled{cursor:not-allowed;background:#666;transform:none}.resume-edit__content{padding-top:100px;padding-bottom:60px}.resume-edit .container{max-width:1200px;margin:0 auto;padding:0 20px}.resume-edit .section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:60px;padding:30px}.resume-edit .section h2{color:#fff;border-bottom:2px solid #ffffff1a;margin-bottom:25px;padding-bottom:10px;font-size:1.5rem;font-weight:600}.resume-edit .section-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.resume-edit .section-header h2{border-bottom:2px solid #ffffff1a;flex:1;margin-bottom:0;padding-bottom:10px}.resume-edit .section-header .section-toggle{cursor:pointer;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;transition:all .3s;display:flex}.resume-edit .section-header .section-toggle:hover{background:#4ecdc433;border-color:#4ecdc480}.resume-edit .section-header .section-toggle__icon{color:#4ecdc4;width:20px;height:20px;transition:transform .3s}.resume-edit .section-header .section-toggle__icon--expanded{transform:rotate(180deg)}.resume-edit .form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px;display:grid}.resume-edit .form-grid .form-group{flex-direction:column;gap:8px;display:flex}.resume-edit .form-grid .form-group label{color:#ccc;font-size:.9rem;font-weight:500}.resume-edit .skills-list{flex-direction:column;gap:12px;display:flex}.resume-edit .skills-list .skills-sortable{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.resume-edit .skills-list .skill-tag{color:#4ecdc4;background:#4ecdc433;border:1px solid #4ecdc466;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500}.resume-edit .skills-list .skills-add-btn{align-self:flex-start}.resume-edit .experience-list{flex-direction:column;gap:25px;display:flex}.resume-edit .experience-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.resume-edit .experience-item .experience-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.resume-edit .experience-item .experience-header .experience-company{color:#4ecdc4;flex:1;font-size:1.1rem;font-weight:600}.resume-edit .experience-item .experience-header .experience-period{color:#888;white-space:nowrap;background:#ffffff1a;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.9rem}.resume-edit .experience-item .experience-position{color:#fff;margin-bottom:10px;font-size:1rem;font-weight:500}.resume-edit .experience-item .experience-description{color:#ccc;margin-bottom:15px;font-size:.95rem;line-height:1.6}.resume-edit .experience-item .experience-technologies{flex-wrap:wrap;gap:8px;display:flex}.resume-edit .experience-item .experience-technologies .experience-tech{color:#4ecdc4;background:#4ecdc426;border:1px solid #4ecdc44d;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:500}.resume-edit .experience-item .experience-technologies .experience-add-tech{margin-left:8px}.resume-edit .experience-add-btn{align-self:flex-start}.resume-edit .education-list{flex-direction:column;gap:25px;display:flex}.resume-edit .education-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.resume-edit .education-item .education-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.resume-edit .education-item .education-header .education-institution{color:#4ecdc4;flex:1;font-size:1.1rem;font-weight:600}.resume-edit .education-item .education-header .education-period{color:#888;white-space:nowrap;background:#ffffff1a;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.9rem}.resume-edit .education-item .education-degree{color:#fff;margin-bottom:10px;font-size:1rem;font-weight:500}.resume-edit .education-item .education-description{color:#ccc;font-size:.95rem;line-height:1.6}.resume-edit .education-add-btn{align-self:flex-start}.resume-edit .recommendations-list{flex-direction:column;gap:25px;display:flex}.resume-edit .recommendation-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.resume-edit .recommendation-item .recommendation-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.resume-edit .recommendation-item .recommendation-header .recommendation-name{color:#4ecdc4;flex:1;font-size:1.1rem;font-weight:600}.resume-edit .recommendation-item .recommendation-header .recommendation-position{color:#fff;margin-bottom:10px;font-size:1rem;font-weight:500}.resume-edit .recommendation-item .recommendation-message{color:#ccc;margin-bottom:15px;font-size:.95rem;line-height:1.6}.resume-edit .recommendations-add-btn{align-self:flex-start}.resume-edit .certifications-list{flex-direction:column;gap:25px;display:flex}.resume-edit .certification-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.resume-edit .certifications-add-btn{align-self:flex-start}.resume-edit .tests-list{flex-direction:column;gap:25px;display:flex}.resume-edit .test-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.resume-edit .tests-add-btn{align-self:flex-start}.resume-edit .languages-list{flex-direction:column;gap:25px;display:flex}.resume-edit .language-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.resume-edit .languages-add-btn{align-self:flex-start}.resume-edit .regions-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.resume-edit .region-item{align-items:center;gap:8px;display:flex}.resume-edit .region-tag{color:#4ecdc4;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500}.resume-edit .region-remove-btn{cursor:pointer;background:#ff63631a;border:1px solid #ff63634d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.resume-edit .region-remove-btn:hover{background:#ff636333;border-color:#ff636380}.resume-edit .region-remove-btn svg{color:#ff6363;width:12px;height:12px}.resume-edit .regions-add-btn{align-self:flex-start}.resume-edit .projects-section{margin-bottom:50px}.resume-edit .projects-section h3{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:8px;font-size:1.3rem;font-weight:600}.resume-edit .project-subsection-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.resume-edit .project-subsection-header h3{border-bottom:1px solid #ffffff1a;flex:1;margin-bottom:0;padding-bottom:8px}.resume-edit .project-subsection-header .project-subsection-toggle{cursor:pointer;background:#4ecdc414;border:1px solid #4ecdc433;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:all .3s;display:flex}.resume-edit .project-subsection-header .project-subsection-toggle:hover{background:#4ecdc426;border-color:#4ecdc466}.resume-edit .project-subsection-header .project-subsection-toggle__icon{color:#4ecdc4;width:16px;height:16px;transition:transform .3s}.resume-edit .project-subsection-header .project-subsection-toggle__icon--expanded{transform:rotate(180deg)}.resume-edit .projects-list{flex-direction:column;gap:25px;display:flex}.resume-edit .project-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.resume-edit .project-item .project-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.resume-edit .project-item .project-header .project-item-header{flex:1}.resume-edit .project-item .project-header .project-item-header:hover{opacity:.8}.resume-edit .project-item .project-header .project-item-toggle__icon{stroke-width:2px;flex-shrink:0;transition:transform .3s}.resume-edit .project-item .project-header .project-item-toggle__icon.project-item-toggle__icon--expanded{transform:rotate(0)}.resume-edit .project-item .project-header .project-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.resume-edit .project-item .project-header .project-actions .project-delete{color:#f44336;cursor:pointer;background:#f443361a;border:1px solid #f44336;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.resume-edit .project-item .project-header .project-actions .project-delete:hover{background:#f4433633;transform:translateY(-1px)}.resume-edit .project-item .project-header .project-actions .project-delete svg{width:16px;height:16px}.resume-edit .project-item .project-category{margin-bottom:15px}.resume-edit .project-item .project-category .category-badge{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:500;display:inline-block}.resume-edit .project-item .project-category .category-badge.category-pet{color:#ffc107;background:#ffc10733;border:1px solid #ffc1074d}.resume-edit .project-item .project-category .category-badge.category-personal{color:#2196f3;background:#2196f333;border:1px solid #2196f34d}.resume-edit .project-item .project-category .category-badge.category-commercial{color:#4caf50;background:#4caf5033;border:1px solid #4caf504d}.resume-edit .project-item .technologies-list{flex-direction:column;gap:8px;display:flex}.resume-edit .project-item .technologies-list .technologies-sortable{flex-wrap:wrap;gap:8px;display:flex}.resume-edit .project-item .technologies-list .technology-tag{color:#4ecdc4;background:#4ecdc426;border:1px solid #4ecdc44d;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:500}.resume-edit .project-item .technologies-list .technology-add-btn{align-self:flex-start}.resume-edit .project-item .images-upload{flex-direction:column;gap:15px;display:flex}.resume-edit .project-item .images-upload .images-sortable{flex-wrap:wrap;align-items:flex-start;gap:15px;display:flex}.resume-edit .project-item .images-upload .image-item{justify-content:center;align-items:center;display:flex;position:relative}.resume-edit .project-item .images-upload .image-item .project-image{object-fit:cover;border:1px solid #ffffff1a;border-radius:8px;width:100px;height:100px}.resume-edit .project-item .images-upload .image-item .image-delete{color:#fff;cursor:pointer;background:#f44336e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex;position:absolute;top:-8px;right:-8px}.resume-edit .project-item .images-upload .image-item .image-delete:hover{background:#f44336;transform:scale(1.1)}.resume-edit .project-item .images-upload .image-item .image-delete svg{width:12px;height:12px}.resume-edit .project-item .images-upload .image-upload-btn{color:#ccc;cursor:pointer;background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:100px;height:100px;transition:all .3s;display:flex}.resume-edit .project-item .images-upload .image-upload-btn:hover{background:#ffffff1a;border-color:#4ecdc480}.resume-edit .projects-add-btn{align-self:flex-start}.resume-edit .loading,.resume-edit .error{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:50vh;display:flex}.resume-edit .loading .spinner,.resume-edit .error .spinner{border:3px solid #ffffff1a;border-top-color:#4ecdc4;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.resume-edit .loading p,.resume-edit .error p{color:#ccc;font-size:1.1rem}.resume-edit .loading button,.resume-edit .error button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:1rem;transition:all .3s}.resume-edit .loading button:hover,.resume-edit .error button:hover{background:#fff3}@media (max-width:1024px){.resume-edit .container,.resume-edit .nav-container{padding:0 15px}.resume-edit .form-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.resume-edit__content{padding-top:90px}.resume-edit .section{margin-bottom:40px;padding:20px}.resume-edit .section h2{margin-bottom:20px;font-size:1.3rem}.resume-edit .form-grid{gap:15px}.resume-edit .experience-item,.resume-edit .education-item{padding:15px}.resume-edit .nav__title{font-size:1.1rem}.resume-edit .nav__save{padding:10px 16px;font-size:.9rem}}@media (max-width:480px){.resume-edit .section{margin-bottom:30px;padding:15px}.resume-edit .section h2{font-size:1.2rem}.resume-edit .experience-header,.resume-edit .education-header{flex-direction:column;gap:8px}.resume-edit .experience-header .experience-period,.resume-edit .experience-header .education-period,.resume-edit .education-header .experience-period,.resume-edit .education-header .education-period{align-self:flex-start}.resume-edit .nav__back{padding:8px 12px;font-size:.9rem}.resume-edit .nav__title{font-size:1rem}}.form-group--required .form-group__label:after{content:" *";color:#ff9800;font-weight:700}.form-group--required .input--empty{border-color:#ff9800}.form-group--required .input--empty:after{content:" *";color:#ff9800;pointer-events:none;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.skill-item,.tech-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.skill-item .skill-tag,.skill-item .technology-tag,.skill-item .experience-tech,.tech-item .skill-tag,.tech-item .technology-tag,.tech-item .experience-tech{flex:1}.skill-item .skill-remove-btn,.skill-item .tech-remove-btn,.tech-item .skill-remove-btn,.tech-item .tech-remove-btn{flex-shrink:0}.item-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.item-header h4{color:#fff;margin:0;font-size:1rem;font-weight:500}.item-header .item-remove-btn,.project-delete{flex-shrink:0}.main__nav,.projects-nav,.project-nav{background:#000000f2;border-bottom:1px solid #ffffff1a;transition:all .3s}.main__nav .nav-container,.projects-nav .nav-container,.project-nav .nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:80px;margin:0 auto;padding:0 20px;display:flex}.main__nav .nav__brand,.projects-nav .nav__brand,.project-nav .nav__brand{align-items:center;gap:15px;display:flex}.main__nav .nav__brand .nav__back,.projects-nav .nav__brand .nav__back,.project-nav .nav__brand .nav__back{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.main__nav .nav__brand .nav__back:hover,.projects-nav .nav__brand .nav__back:hover,.project-nav .nav__brand .nav__back:hover{background:#fff3}.main__nav .nav__brand .nav__back svg,.projects-nav .nav__brand .nav__back svg,.project-nav .nav__brand .nav__back svg{width:16px;height:16px}.main__nav .nav__brand .nav__avatar,.projects-nav .nav__brand .nav__avatar,.project-nav .nav__brand .nav__avatar{border:2px solid #ffffff4d;border-radius:50%;width:50px;height:50px}.main__nav .nav__brand .nav__info .nav__name,.projects-nav .nav__brand .nav__info .nav__name,.project-nav .nav__brand .nav__info .nav__name{color:#fff;margin:0;font-size:1.2rem;font-weight:600}.main__nav .nav__brand .nav__info .nav__profession,.projects-nav .nav__brand .nav__info .nav__profession,.project-nav .nav__brand .nav__info .nav__profession{color:#888;margin:0;font-size:.9rem}.main__nav .nav__menu,.projects-nav .nav__menu,.project-nav .nav__menu{gap:10px;display:flex}.main__nav .nav__menu .nav__item,.projects-nav .nav__menu .nav__item,.project-nav .nav__menu .nav__item{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:25px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .3s}.main__nav .nav__menu .nav__item:hover,.main__nav .nav__menu .nav__item.active,.projects-nav .nav__menu .nav__item:hover,.projects-nav .nav__menu .nav__item.active,.project-nav .nav__menu .nav__item:hover,.project-nav .nav__menu .nav__item.active{background:#ffffff1a;border-color:#fff6}.main__nav .nav__category-select-mobile,.projects-nav .nav__category-select-mobile,.project-nav .nav__category-select-mobile{max-width:250px;margin-left:10px;display:none}.main__nav .nav__category-select-mobile .select,.projects-nav .nav__category-select-mobile .select,.project-nav .nav__category-select-mobile .select{width:100%}.main__nav .nav__category-select-mobile .select__trigger,.projects-nav .nav__category-select-mobile .select__trigger,.project-nav .nav__category-select-mobile .select__trigger{background:#ffffff0d;border:1px solid #fff3;border-radius:25px;min-width:200px;max-width:100%;padding:12px 20px}.main__nav .nav__category-select-mobile .select__trigger:hover,.projects-nav .nav__category-select-mobile .select__trigger:hover,.project-nav .nav__category-select-mobile .select__trigger:hover{background:#4ecdc41a;border-color:#4ecdc4}.main__nav .nav__category-select-mobile .select__trigger--open,.projects-nav .nav__category-select-mobile .select__trigger--open,.project-nav .nav__category-select-mobile .select__trigger--open{background:#4ecdc426;border-color:#4ecdc4}.main__nav .nav__category-select-mobile .select__value,.projects-nav .nav__category-select-mobile .select__value,.project-nav .nav__category-select-mobile .select__value{color:#fff;font-size:.9rem;font-weight:500}.main__nav .nav__category-select-mobile .select__value--placeholder,.projects-nav .nav__category-select-mobile .select__value--placeholder,.project-nav .nav__category-select-mobile .select__value--placeholder{color:#fff9}.main__nav .nav__category-select-mobile .select__arrow,.projects-nav .nav__category-select-mobile .select__arrow,.project-nav .nav__category-select-mobile .select__arrow{stroke:#fff}.main__nav .nav__category-select-mobile .select__dropdown,.projects-nav .nav__category-select-mobile .select__dropdown,.project-nav .nav__category-select-mobile .select__dropdown{background:#0a0a0af2;border:1px solid #fff3;border-radius:0 0 8px 8px}.main__nav .nav__category-select-mobile .select__dropdown::-webkit-scrollbar-thumb{background:#4ecdc4}.projects-nav .nav__category-select-mobile .select__dropdown::-webkit-scrollbar-thumb{background:#4ecdc4}.project-nav .nav__category-select-mobile .select__dropdown::-webkit-scrollbar-thumb{background:#4ecdc4}.main__nav .nav__category-select-mobile .select__option,.projects-nav .nav__category-select-mobile .select__option,.project-nav .nav__category-select-mobile .select__option{color:#fff}.main__nav .nav__category-select-mobile .select__option:hover,.projects-nav .nav__category-select-mobile .select__option:hover,.project-nav .nav__category-select-mobile .select__option:hover{background:#4ecdc41a}.main__nav .nav__category-select-mobile .select__option--selected,.projects-nav .nav__category-select-mobile .select__option--selected,.project-nav .nav__category-select-mobile .select__option--selected{color:#4ecdc4;background:#4ecdc433}.main__nav .nav__category-select-mobile .select__check,.projects-nav .nav__category-select-mobile .select__check,.project-nav .nav__category-select-mobile .select__check{stroke:#4ecdc4}.main__nav .nav__mobile-menu,.projects-nav .nav__mobile-menu,.project-nav .nav__mobile-menu{z-index:9999;width:300px;display:none;position:fixed;top:0;bottom:0;right:0}.main__nav .nav__mobile-menu.active,.projects-nav .nav__mobile-menu.active,.project-nav .nav__mobile-menu.active{flex-direction:column;display:flex}.main__nav .nav__mobile-menu .nav__mobile-close,.projects-nav .nav__mobile-menu .nav__mobile-close,.project-nav .nav__mobile-menu .nav__mobile-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.main__nav .nav__mobile-menu .nav__mobile-close:hover,.projects-nav .nav__mobile-menu .nav__mobile-close:hover,.project-nav .nav__mobile-menu .nav__mobile-close:hover{background:#fff3;border-color:#ffffff80}.main__nav .nav__mobile-menu .nav__mobile-close svg,.projects-nav .nav__mobile-menu .nav__mobile-close svg,.project-nav .nav__mobile-menu .nav__mobile-close svg{width:20px;height:20px}.main__nav .nav__mobile-menu .nav__mobile-overlay,.projects-nav .nav__mobile-menu .nav__mobile-overlay,.project-nav .nav__mobile-menu .nav__mobile-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;position:absolute;inset:0 0 0 -100vw}.main__nav .nav__mobile-menu .nav__mobile-content,.projects-nav .nav__mobile-menu .nav__mobile-content,.project-nav .nav__mobile-menu .nav__mobile-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-left:1px solid #ffffff1a;flex-direction:column;gap:10px;width:300px;display:flex;position:absolute;top:70px;bottom:0;right:0}.main__nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item,.projects-nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item,.project-nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:1px solid #fff3;border-radius:12px;padding:15px 20px;font-size:1rem;font-weight:500;transition:all .3s}.main__nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item:hover,.main__nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item.active,.projects-nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item:hover,.projects-nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item.active,.project-nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item:hover,.project-nav .nav__mobile-menu .nav__mobile-content .nav__mobile-item.active{background:#ffffff1a;border-color:#fff6}.main__nav .nav__project .nav__project-title,.projects-nav .nav__project .nav__project-title,.project-nav .nav__project .nav__project-title{color:#fff;margin:0;font-size:1.3rem;font-weight:600}.main__nav .nav__title,.projects-nav .nav__title,.project-nav .nav__title{color:#fff;text-align:center;flex:1;margin:0;font-size:1.3rem;font-weight:600}.main__nav .nav__actions,.projects-nav .nav__actions,.project-nav .nav__actions{align-items:center;gap:12px;display:flex}.main__nav .nav__delete,.projects-nav .nav__delete,.project-nav .nav__delete{color:#f44336;cursor:pointer;background:#f443361a;border:1px solid #f44336;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;transition:all .3s;display:flex}.main__nav .nav__delete:hover:not(:disabled),.projects-nav .nav__delete:hover:not(:disabled),.project-nav .nav__delete:hover:not(:disabled){background:#f4433633;transform:translateY(-1px)}.main__nav .nav__delete:disabled,.projects-nav .nav__delete:disabled,.project-nav .nav__delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.main__nav .nav__delete svg,.projects-nav .nav__delete svg,.project-nav .nav__delete svg{width:16px;height:16px}.main__nav .nav__save,.projects-nav .nav__save,.project-nav .nav__save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.main__nav .nav__save:hover:not(:disabled),.projects-nav .nav__save:hover:not(:disabled),.project-nav .nav__save:hover:not(:disabled){background:linear-gradient(135deg,#44a08d,#3a8a7a);transform:translateY(-2px)}.main__nav .nav__save:disabled,.projects-nav .nav__save:disabled,.project-nav .nav__save:disabled{cursor:not-allowed;background:#666;transform:none}.main__nav .nav__admin,.projects-nav .nav__admin,.project-nav .nav__admin{align-items:center;gap:10px;display:flex}.main__nav .nav__admin .admin-badge,.projects-nav .nav__admin .admin-badge,.project-nav .nav__admin .admin-badge{text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;padding:8px 16px;font-size:.8rem;font-weight:600}.main__nav .nav__admin .logout-btn,.projects-nav .nav__admin .logout-btn,.project-nav .nav__admin .logout-btn{color:#ff6b6b;cursor:pointer;background:#ff6b6b33;border:1px solid #ff6b6b66;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.main__nav .nav__admin .logout-btn:hover,.projects-nav .nav__admin .logout-btn:hover,.project-nav .nav__admin .logout-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b99;transform:scale(1.1)}.main__nav .nav__admin .logout-btn svg,.projects-nav .nav__admin .logout-btn svg,.project-nav .nav__admin .logout-btn svg{width:16px;height:16px}@media (max-width:1024px){.main__nav .nav-container,.projects-nav .nav-container,.project-nav .nav-container{padding:0 15px}.main__nav .nav-container .nav__menu,.projects-nav .nav-container .nav__menu,.project-nav .nav-container .nav__menu{display:none}.main__nav .nav-container .nav__category-select-mobile,.projects-nav .nav-container .nav__category-select-mobile,.project-nav .nav-container .nav__category-select-mobile{display:block}.main__nav .nav__menu,.projects-nav .nav__menu,.project-nav .nav__menu{gap:8px}.main__nav .nav__menu .nav__item,.projects-nav .nav__menu .nav__item,.project-nav .nav__menu .nav__item{padding:10px 16px;font-size:.8rem}}@media (max-width:768px){.main__nav,.projects-nav,.project-nav{height:70px}.main__nav .nav-container,.projects-nav .nav-container,.project-nav .nav-container{height:70px;padding:0 15px}.main__nav .nav__brand .nav__avatar,.projects-nav .nav__brand .nav__avatar,.project-nav .nav__brand .nav__avatar{width:40px;height:40px}.main__nav .nav__brand .nav__info .nav__name,.projects-nav .nav__brand .nav__info .nav__name,.project-nav .nav__brand .nav__info .nav__name{font-size:1rem}.main__nav .nav__brand .nav__info .nav__profession,.projects-nav .nav__brand .nav__info .nav__profession,.project-nav .nav__brand .nav__info .nav__profession{font-size:.8rem}.main__nav .nav__category-select-mobile,.projects-nav .nav__category-select-mobile,.project-nav .nav__category-select-mobile{max-width:220px}.main__nav .nav__category-select-mobile .select__trigger,.projects-nav .nav__category-select-mobile .select__trigger,.project-nav .nav__category-select-mobile .select__trigger{min-width:180px;padding:10px 16px}.main__nav .nav__category-select-mobile .select__value,.projects-nav .nav__category-select-mobile .select__value,.project-nav .nav__category-select-mobile .select__value{font-size:.8rem}.main__nav .nav__title,.projects-nav .nav__title,.project-nav .nav__title{font-size:1.1rem}.main__nav .nav__actions,.projects-nav .nav__actions,.project-nav .nav__actions{gap:8px}.main__nav .nav__actions .nav__delete,.main__nav .nav__actions .nav__save,.projects-nav .nav__actions .nav__delete,.projects-nav .nav__actions .nav__save,.project-nav .nav__actions .nav__delete,.project-nav .nav__actions .nav__save{padding:8px 12px;font-size:.8rem}}@media (max-width:480px){.main__nav .nav-container,.projects-nav .nav-container,.project-nav .nav-container{padding:0 10px}.main__nav .nav__brand,.projects-nav .nav__brand,.project-nav .nav__brand{gap:10px}.main__nav .nav__brand .nav__back,.projects-nav .nav__brand .nav__back,.project-nav .nav__brand .nav__back{width:35px;height:35px}.main__nav .nav__brand .nav__avatar,.projects-nav .nav__brand .nav__avatar,.project-nav .nav__brand .nav__avatar,.main__nav .nav__brand .nav__info,.projects-nav .nav__brand .nav__info,.project-nav .nav__brand .nav__info{display:none}.main__nav .nav__category-select-mobile,.projects-nav .nav__category-select-mobile,.project-nav .nav__category-select-mobile{max-width:200px}.main__nav .nav__category-select-mobile .select__trigger,.projects-nav .nav__category-select-mobile .select__trigger,.project-nav .nav__category-select-mobile .select__trigger{min-width:160px;padding:8px 12px}.main__nav .nav__category-select-mobile .select__value,.projects-nav .nav__category-select-mobile .select__value,.project-nav .nav__category-select-mobile .select__value{font-size:.7rem}.main__nav .nav__title,.projects-nav .nav__title,.project-nav .nav__title{font-size:1rem}.main__nav .nav__actions .nav__delete,.main__nav .nav__actions .nav__save,.projects-nav .nav__actions .nav__delete,.projects-nav .nav__actions .nav__save,.project-nav .nav__actions .nav__delete,.project-nav .nav__actions .nav__save{padding:6px 10px;font-size:.7rem}}.main__stats{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:80px 0;position:relative;overflow:hidden}.main__stats:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.main__stats .container{z-index:1;position:relative}.main__stats .section__title{text-align:center;color:#fff;margin-bottom:60px;font-size:2.5rem;font-weight:700;position:relative}.main__stats .section__title:after{content:"";background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.stats__content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (max-width:768px){.stats__content{grid-template-columns:1fr;gap:40px}}.stats__chart{justify-content:center;align-items:center;display:flex}.stats__chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:400px;height:400px;padding:30px;position:relative;box-shadow:0 20px 40px #0000004d}@media (max-width:768px){.stats__chart-container{width:300px;height:300px;padding:20px}}.stats__info{flex-direction:column;gap:40px;display:flex}.stats__metrics{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:480px){.stats__metrics{grid-template-columns:1fr}}.stats__metric{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;padding:25px 20px;transition:all .3s;position:relative;overflow:hidden}.stats__metric:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.stats__metric:hover{border-color:#3b82f64d;transform:translateY(-5px);box-shadow:0 10px 30px #3b82f633}.stats__metric:hover:before{left:100%}.stats__metric-value{color:#3b82f6;margin-bottom:8px;font-size:2.5rem;font-weight:700;line-height:1}.stats__metric-label{color:#fffc;font-size:.9rem;font-weight:500;line-height:1.3}.stats__categories{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:30px}.stats__categories-title{color:#fff;text-align:center;margin-bottom:25px;font-size:1.3rem;font-weight:600}.stats__categories-list{flex-direction:column;gap:15px;display:flex}.stats__category{flex-direction:column;gap:8px;display:flex}.stats__category-header{justify-content:space-between;align-items:center;display:flex}.stats__category-name{color:#ffffffe6;font-size:.95rem;font-weight:500}.stats__category-count{color:#3b82f6;background:#3b82f61a;border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:600}.stats__category-bar{background:#ffffff1a;border-radius:3px;height:6px;position:relative;overflow:hidden}.stats__category-progress{transform-origin:0;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.stats__category-progress:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:3s ease-in-out .5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}.stats__content{animation:1s cubic-bezier(.4,0,.2,1) fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.stats__chart-container:before{content:"";z-index:-1;opacity:.3;background:linear-gradient(45deg,#3b82f6,#06b6d4,#8b5cf6,#3b82f6) 0 0/150% 150%;border-radius:22px;animation:12s ease-in-out infinite gradientShift;position:absolute;inset:-2px}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:768px){.editable-field__input,.editable-field__textarea{font-size:.9rem}.editable-field__actions{flex-direction:column;gap:3px}.editable-field__save-btn,.editable-field__cancel-btn{padding:5px}.editable-field__save-btn svg,.editable-field__cancel-btn svg{width:12px;height:12px}}@media (max-width:768px){.add-button__input-container{min-width:200px}.add-button__trigger{width:28px;height:28px}.add-button__trigger svg{width:14px;height:14px}.add-button__input,.add-button__textarea{font-size:.85rem}.add-button__add-btn,.add-button__cancel-btn{padding:5px}.add-button__add-btn svg,.add-button__cancel-btn svg{width:12px;height:12px}}.contact-popup{z-index:1000;pointer-events:auto;transition:opacity .3s ease-out,transform .3s ease-out;position:fixed;bottom:30px;right:30px}.contact-popup--visible{opacity:1;animation:.6s ease-out popupAppear;transform:translateY(0)scale(1)}.contact-popup--hidden{opacity:0;pointer-events:none;transform:translateY(20px)scale(.8)}.contact-popup__button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:12px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 20px #4ecdc44d}.contact-popup__button:hover{background:linear-gradient(135deg,#3bb3a8 0%,#3a8f7a 100%);transform:translateY(-2px);box-shadow:0 8px 30px #4ecdc466}.contact-popup__button:active{transform:translateY(0);box-shadow:0 2px 10px #4ecdc44d}.contact-popup__button svg{flex-shrink:0;width:20px;height:20px}.contact-popup__text{white-space:nowrap;font-size:14px}@media (max-width:480px){.contact-popup__text{display:none}}@media (max-width:768px){.contact-popup{bottom:20px;right:20px}.contact-popup__button{padding:14px 20px;font-size:14px}.contact-popup__button svg{width:18px;height:18px}}@media (max-width:480px){.contact-popup__button{padding:12px 16px}.contact-popup__button svg{width:16px;height:16px}}@keyframes popupAppear{0%{opacity:0;transform:translateY(20px)scale(.8)}50%{opacity:.8;transform:translateY(-5px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.main{color:#fff;background:#0a0a0a;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main .container{max-width:1400px;margin:0 auto;padding:0 20px}.main .section__title{text-align:center;-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff4d;background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:50px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.main__about{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);padding:100px 0}.main__about .about__content{grid-template-columns:300px 1fr;align-items:start;gap:60px;display:grid}.main__about .about__content .about__avatar{border:4px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:relative;overflow:hidden}.main__about .about__content .about__avatar:after{content:"";background:linear-gradient(135deg,#fff3 0%,#ffffff08 100%);border-radius:50%;position:absolute;inset:0}.main__about .about__content .about__avatar .about__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.main__about .about__content .about__info .about__title{margin-bottom:-10px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2}.main__about .about__content .about__info .about__title .about__name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff6b6b,#4ecdc4) 0 0/350% 350%;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;display:inline-block}.main__about .about__content .about__info .about__title .resume__name-subtitle{color:#4ecdc4;text-shadow:0 0 20px #4ecdc44d;letter-spacing:.5px;opacity:.9;margin-bottom:10px;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;transition:all .3s;display:block}.main__about .about__content .about__info .about__profession{-webkit-text-fill-color:transparent;vertical-align:top;background:linear-gradient(135deg,#f14949,#0f0) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:1.5rem;font-weight:400;display:inline-block}.main__about .about__content .about__info .about__bio-container{margin-bottom:40px;position:relative}.main__about .about__content .about__info .about__bio-container:after{content:"";filter:blur(.5px);background:linear-gradient(90deg,#0000 0%,#ffffff0f 20%,#ffffff1f 50%,#ffffff0f 80%,#0000 100%);height:1px;position:absolute;bottom:-8px;left:0;right:0}.main__about .about__content .about__info .about__bio-container .about__bio{color:#ccc;margin-bottom:0;font-size:1.1rem;line-height:1.2}.main__about .about__content .about__info .inline-editable{min-width:150px;display:inline-block}.main__about .about__content .about__info .about__details{gap:15px;margin-bottom:50px;display:grid}.main__about .about__content .about__info .about__details .about__detail{color:#aaa;font-size:1rem}.main__about .about__content .about__info .about__details .about__detail strong{color:#fff}.main__about .about__content .about__info .about__experience{margin-bottom:50px}.main__about .about__content .about__info .about__experience h3{color:#fff;margin-bottom:20px;font-size:1.3rem}.main__about .about__content .about__info .about__experience .experience__list{flex-direction:column;gap:25px;display:flex}.main__about .about__content .about__info .about__experience .experience__item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s}.main__about .about__content .about__info .about__experience .experience__item:hover{background:#ffffff0d;border-color:#fff3}.main__about .about__content .about__info .about__experience .experience__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.main__about .about__content .about__info .about__experience .experience__header .experience__company{flex:1}.main__about .about__content .about__info .about__experience .experience__header .experience__company .experience__company-text{color:#4ecdc4;font-size:1.1rem;font-weight:600;display:block}.main__about .about__content .about__info .about__experience .experience__header .experience__period{flex-shrink:0}.main__about .about__content .about__info .about__experience .experience__header .experience__period .experience__period-text{color:#888;white-space:nowrap;background:#ffffff1a;border-radius:6px;padding:4px 8px;font-size:.9rem}.main__about .about__content .about__info .about__experience .experience__position{margin-bottom:10px}.main__about .about__content .about__info .about__experience .experience__position .experience__position-text{color:#fff;font-size:1rem;font-weight:500;display:block}.main__about .about__content .about__info .about__experience .experience__description{color:#ccc;margin-bottom:15px;font-size:.95rem;line-height:1.6}.main__about .about__content .about__info .about__experience .experience__technologies{flex-wrap:wrap;gap:8px;display:flex}.main__about .about__content .about__info .about__experience .experience__technologies .experience__tech{color:#4ecdc4;background:#4ecdc426;border:1px solid #4ecdc44d;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:500;transition:all .3s}.main__about .about__content .about__info .about__experience .experience__technologies .experience__tech:hover{background:#4ecdc440;transform:translateY(-1px)}.main__about .about__content .about__info .about__skills h3{color:#fff;margin-bottom:20px;font-size:1.3rem}.main__about .about__content .about__info .about__skills .skills__list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.main__about .about__content .about__info .about__skills .skills__list .skill__tag{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s}.main__about .about__content .about__info .about__skills .skills__list .skill__tag:hover{background:#fff3;transform:translateY(-2px)}.main__about .about__content .about__info .about__skills .skills__list .skills__add-btn{margin-left:10px}.main__about .about__content .about__info .admin-controls{margin-top:30px}.main__about .about__content .about__info .admin-controls .admin-edit-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex}.main__about .about__content .about__info .admin-controls .admin-edit-btn:hover{background:#fff3;transform:scale(1.1)}.main__about .about__content .about__info .admin-controls .admin-edit-btn svg{width:20px;height:20px}.main__experience{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);padding:80px 0}.main__experience .experience__list{flex-direction:column;gap:25px;display:flex}.main__experience .experience__item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s}.main__experience .experience__item:hover{background:#ffffff0d;border-color:#fff3}.main__experience .experience__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.main__experience .experience__header .experience__company{flex:1}.main__experience .experience__header .experience__company .experience__company-text{color:#4ecdc4;font-size:1.1rem;font-weight:600;display:block}.main__experience .experience__header .experience__period{flex-shrink:0}.main__experience .experience__header .experience__period .experience__period-text{color:#888;white-space:nowrap;background:#ffffff1a;border-radius:6px;padding:4px 8px;font-size:.9rem}.main__experience .experience__position{margin-bottom:10px}.main__experience .experience__position .experience__position-text{color:#fff;font-size:1rem;font-weight:500;display:block}.main__experience .experience__description{color:#ccc;margin-bottom:15px;font-size:.95rem;line-height:1.6}.main__experience .experience__technologies{flex-wrap:wrap;gap:8px;display:flex}.main__experience .experience__technologies .experience__tech{color:#4ecdc4;background:#4ecdc426;border:1px solid #4ecdc44d;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:500;transition:all .3s}.main__experience .experience__technologies .experience__tech:hover{background:#4ecdc440;transform:translateY(-1px)}.main__skills{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 50%,#1a1a1a 100%);padding:80px 0}.main__skills .skills__list{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.main__skills .skills__list .skill__tag{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s}.main__skills .skills__list .skill__tag:hover{background:#fff3;transform:translateY(-2px)}.main__skills .skills__list .skills__add-btn{margin-left:10px}.main__languages{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);padding:80px 0}.main__languages .languages__list{flex-direction:column;gap:12px;max-width:600px;margin:0 auto;display:flex}.main__languages .language__item{background:#4ecdc41a;border-left:3px solid #4ecdc4;border-radius:8px;padding:12px 16px}.main__languages .language__name-text{color:#fff;margin-bottom:4px;font-weight:500}.main__languages .language__details{align-items:center;gap:12px;font-size:.9rem;display:flex}.main__languages .language__level{color:#ccc}.main__languages .language__native{color:#4ecdc4;font-size:.85rem}.main__featured,.main__latest{padding:80px 0}.main__featured .featured__swiper .swiper-button-next,.main__featured .featured__swiper .swiper-button-prev,.main__featured .latest__swiper .swiper-button-next,.main__featured .latest__swiper .swiper-button-prev,.main__latest .featured__swiper .swiper-button-next,.main__latest .featured__swiper .swiper-button-prev,.main__latest .latest__swiper .swiper-button-next,.main__latest .latest__swiper .swiper-button-prev{background:#ffffff1a;border-radius:50%;width:50px;height:50px;margin-top:-25px}.main__featured .featured__swiper .swiper-button-next:after,.main__featured .featured__swiper .swiper-button-prev:after,.main__featured .latest__swiper .swiper-button-next:after,.main__featured .latest__swiper .swiper-button-prev:after,.main__latest .featured__swiper .swiper-button-next:after,.main__latest .featured__swiper .swiper-button-prev:after,.main__latest .latest__swiper .swiper-button-next:after,.main__latest .latest__swiper .swiper-button-prev:after{color:#fff;font-size:18px}.main__featured .featured__swiper .swiper-button-next:hover,.main__featured .featured__swiper .swiper-button-prev:hover,.main__featured .latest__swiper .swiper-button-next:hover,.main__featured .latest__swiper .swiper-button-prev:hover,.main__latest .featured__swiper .swiper-button-next:hover,.main__latest .featured__swiper .swiper-button-prev:hover,.main__latest .latest__swiper .swiper-button-next:hover,.main__latest .latest__swiper .swiper-button-prev:hover{background:#fff3}.main__featured .featured__swiper .swiper-pagination .swiper-pagination-bullet,.main__featured .latest__swiper .swiper-pagination .swiper-pagination-bullet,.main__latest .featured__swiper .swiper-pagination .swiper-pagination-bullet,.main__latest .latest__swiper .swiper-pagination .swiper-pagination-bullet{opacity:1;background:#fff6}.main__featured .featured__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.main__featured .latest__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.main__latest .featured__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.main__latest .latest__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}.main .project-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;transition:all .3s;overflow:hidden}.main .project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.main .project-card__image{height:200px;position:relative;overflow:hidden}.main .project-card__image .project-card__img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card:hover .main .project-card__image .project-card__img{transform:scale(1.1)}.main .project-card__image .project-card__status{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:15px;padding:6px 12px;font-size:.8rem;font-weight:600;position:absolute;top:15px;left:15px}.main .project-card__content{padding:25px 20px}.main .project-card__content .project-card__title{color:#fff;margin-bottom:15px;font-size:1.3rem;font-weight:600}.main .project-card__content .project-card__description{color:#ccc;margin-bottom:20px;font-size:.95rem;line-height:1.6}.main .project-card__content .project-card__technologies{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.main .project-card__content .project-card__technologies .project-card__tech{color:#4ecdc4;background:#4ecdc433;border:1px solid #4ecdc466;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:500}.main .project-card__content .project-card__technologies .project-card__tech-more{color:#888;background:#ffffff1a;border-radius:12px;padding:4px 10px;font-size:.8rem}.main .project-card__content .project-card__technologies .project-card__add-tech{margin-left:8px}.main .project-card__content .project-card__links{gap:15px;display:flex}.main .project-card__content .project-card__links .project-card__link{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.main .project-card__content .project-card__links .project-card__link:hover{background:#fff3;transform:translateY(-2px)}.main .project-card--compact .project-card__image{height:150px}.main .project-card--compact .project-card__content{padding:20px 15px}.main .project-card--compact .project-card__content .project-card__title{margin-bottom:10px;font-size:1.1rem}.main .project-card--compact .project-card__content .project-card__description{display:none}.main .project-card--compact .project-card__content .project-card__technologies{margin-bottom:15px}.main .project-card--compact .project-card__content .project-card__links{gap:10px}.main .project-card--compact .project-card__content .project-card__links .project-card__link{padding:6px 12px;font-size:.8rem}.main__recommendations{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);padding:80px 0}.main__recommendations .recommendations__grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;display:grid}.main .recommendation-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:30px;transition:all .3s}.main .recommendation-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.main .recommendation-card__avatar{border:3px solid #fff3;border-radius:50%;width:80px;height:80px;margin-bottom:20px;overflow:hidden}.main .recommendation-card__avatar .recommendation-card__avatar-img{object-fit:cover;width:100%;height:100%}.main .recommendation-card__content .recommendation-card__name{color:#fff;margin-bottom:8px;font-size:1.3rem;font-weight:600}.main .recommendation-card__content .recommendation-card__position{color:#4ecdc4;margin-bottom:8px;font-size:1rem;font-weight:500}.main .recommendation-card__content .recommendation-card__organization{color:#888;margin-bottom:15px;font-size:.9rem;font-weight:400}.main .recommendation-card__content .recommendation-card__message{color:#ccc;margin-bottom:20px;font-size:.95rem;font-style:italic;line-height:1.6}.main .recommendation-card__content .recommendation-card__telegram{color:#fff;background:linear-gradient(135deg,#08c,#06a);border-radius:25px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.main .recommendation-card__content .recommendation-card__telegram:hover{transform:translateY(-2px);box-shadow:0 5px 15px #08c6}.main__courses,.main__certifications,.main__tests{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);padding:60px 0}.main__courses .courses__swiper,.main__courses .certifications__swiper,.main__courses .tests__swiper,.main__certifications .courses__swiper,.main__certifications .certifications__swiper,.main__certifications .tests__swiper,.main__tests .courses__swiper,.main__tests .certifications__swiper,.main__tests .tests__swiper{padding:20px 0}.main .course-item,.main .certification-item,.main .test-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:15px;height:100%;padding:20px;transition:all .3s;display:flex}.main .course-item:hover,.main .certification-item:hover,.main .test-item:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.main .course-item__icon,.main .certification-item__icon,.main .test-item__icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.main .course-item__content,.main .certification-item__content,.main .test-item__content{flex:1;min-width:0}.main .course-item__title,.main .certification-item__title,.main .test-item__title{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:600;line-height:1.3}.main .course-item__title-text,.main .certification-item__title-text,.main .test-item__title-text{display:block}.main .course-item__meta,.main .certification-item__meta,.main .test-item__meta{color:#aaa;flex-direction:column;gap:4px;font-size:.85rem;display:flex}.main .course-item__org,.main .course-item__spec,.main .certification-item__org,.main .certification-item__spec,.main .test-item__org,.main .test-item__spec{color:#888}.main .course-item__year,.main .certification-item__year,.main .test-item__year{color:#4ecdc4;font-weight:500}.main .course-item__verify,.main .certification-item__verify,.main .test-item__verify{color:#4ecdc4;background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:6px;width:fit-content;margin-top:4px;padding:4px 8px;font-size:.8rem;text-decoration:none;transition:all .3s;display:inline-block}.main .course-item__verify:hover,.main .certification-item__verify:hover,.main .test-item__verify:hover{background:#4ecdc433;border-color:#4ecdc480;transform:translateY(-1px)}.main__contact{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);padding:100px 0}.main__contact .contact__content{text-align:center;max-width:800px;margin:0 auto}.main__contact .contact__content .contact__info p{color:#ccc;margin-bottom:40px;font-size:1.2rem;line-height:1.7}.main__contact .contact__content .contact__info .contact__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.main__contact .contact__content .contact__info .contact__links .contact__link{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:15px;justify-content:flex-start;align-items:center;gap:10px;padding:15px 25px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.main__contact .contact__content .contact__info .contact__links .contact__link:hover{background:#ffffff1a;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.main__contact .contact__content .contact__info .contact__links .contact__link svg{flex-shrink:0;width:20px;height:20px}.main__contact .contact__content .contact__info .contact__links .contact__link__primary{color:#4ecdc4;border:1px solid #4ecdc4}.main__contact .contact__content .contact__info .contact__links .contact__link__primary:hover{background:#4ecdc41a;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.main__contact .contact__content .contact__info .contact__links .contact__add-btn{margin:0 5px}.main .loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:50vh;display:flex}.main .loading .spinner{border:3px solid #ffffff1a;border-top-color:#4ecdc4;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.main .loading p{color:#ccc;font-size:1.1rem}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.main .container{padding:0 15px}.main__about .about__content{text-align:left;grid-template-columns:1fr;gap:50px;padding:0 20px}.main__about .about__content .about__avatar{width:250px;height:250px;margin:0 auto;position:relative}.main__about .about__content .about__avatar:before{content:"";opacity:.3;z-index:-1;background:linear-gradient(45deg,#4ecdc4,#44a08d,#4ecdc4);border-radius:50%;animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:-10px}.main__about .about__content .about__title{text-align:center;margin-bottom:30px!important}.main__about .about__content .about__bio-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:linear-gradient(135deg,#4ecdc40d 0%,#44a08d0d 100%);border:1px solid #4ecdc433;border-radius:20px;padding:25px 30px;animation:.8s ease-out .3s forwards slideInLeft;position:relative;transform:translate(-20px)}.main__about .about__content .about__bio-container:before{content:"";z-index:-1;background:linear-gradient(135deg,#4ecdc41a 0%,#0000 50%,#44a08d1a 100%);border-radius:20px;position:absolute;inset:0}.main__about .about__content .about__bio-container:after{content:"";filter:blur(1px);background:linear-gradient(90deg,#0000 0%,#4ecdc44d 20%,#4ecdc499 50%,#4ecdc44d 80%,#0000 100%);height:2px;position:absolute;bottom:-8px;left:30px;right:30px}.main__about .about__content .about__bio-container .about__bio{color:#e0e0e0;margin-bottom:0;font-size:1.1rem;font-style:italic;line-height:1.6}.main__about .about__content .about__details{opacity:0;gap:20px;margin-bottom:50px;animation:.8s ease-out .6s forwards slideInRight;display:grid;transform:translate(20px)}.main__about .about__content .about__details .about__detail{color:#ccc;background:#ffffff05;border-left:4px solid #0000;border-radius:15px;padding:15px 20px;font-size:1rem;transition:all .3s;position:relative;overflow:hidden}.main__about .about__content .about__details .about__detail:before{content:"";background:linear-gradient(90deg,#4ecdc41a,#0000);width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.main__about .about__content .about__details .about__detail:nth-child(odd){border-left-color:#4ecdc4}.main__about .about__content .about__details .about__detail:nth-child(2n){border-left-color:#44a08d}.main__about .about__content .about__details .about__detail strong{color:#fff;font-weight:600}.main__about .about__content .about__details .about__detail .grade-badge{border-radius:20px;margin-left:8px;padding:4px 12px;font-size:.9rem;font-weight:600;display:inline-block}.main__about .about__content .about__details .about__detail .grade-badge.grade-junior{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.main__about .about__content .about__details .about__detail .grade-badge.grade-middle{color:#fff;background:linear-gradient(135deg,#4ecdc4,#44a08d)}.main__about .about__content .about__details .about__detail .grade-badge.grade-senior{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.main__about .about__content .about__details .about__detail .grade-badge.grade-lead{color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c)}.main__about .about__content .about__details .about__detail .age-display{color:#4ecdc4;font-weight:500}.main__about .about__content .about__details .about__detail span{white-space:nowrap}.about__certifications{margin-bottom:30px}.about__certifications h3{color:#4ecdc4;margin-bottom:15px;font-size:1.2rem;font-weight:600}.certifications__list{flex-direction:column;gap:12px;display:flex}.certification__item{background:#4ecdc41a;border-left:3px solid #4ecdc4;border-radius:8px;padding:12px 16px}.certification__name-text{color:#fff;margin-bottom:4px;font-weight:500}.certification__details{align-items:center;gap:12px;font-size:.9rem;display:flex}.certification__year{color:#888}.certification__verify{color:#4ecdc4;font-size:.85rem;text-decoration:none}.certification__verify:hover{text-decoration:underline}.about__tests{margin-bottom:30px}.about__tests h3{color:#4ecdc4;margin-bottom:15px;font-size:1.2rem;font-weight:600}.tests__list{flex-direction:column;gap:12px;display:flex}.test__item{background:#4ecdc41a;border-left:3px solid #4ecdc4;border-radius:8px;padding:12px 16px}.test__name-text{color:#fff;margin-bottom:4px;font-weight:500}.test__details{align-items:center;gap:12px;font-size:.9rem;display:flex}.test__organization{color:#888}.test__specialization{color:#ccc}.test__year{color:#888}.about__languages{margin-bottom:30px}.about__languages h3{color:#4ecdc4;margin-bottom:15px;font-size:1.2rem;font-weight:600}.languages__list{flex-direction:column;gap:12px;display:flex}.language__item{background:#4ecdc41a;border-left:3px solid #4ecdc4;border-radius:8px;padding:12px 16px}.language__name-text{color:#fff;margin-bottom:4px;font-weight:500}.language__details{align-items:center;gap:12px;font-size:.9rem;display:flex}.language__level{color:#ccc}.language__native{color:#4ecdc4;font-size:.85rem}}@media (max-width:768px){.main__about{padding:60px 0}.main__about .about__content .about__avatar{width:200px;height:200px}.main__about .about__content .about__info .about__title{font-size:2.5rem}.main__about .about__content .about__info .about__profession{font-size:1.2rem}.main__about .about__content .about__info .about__experience .experience__header{flex-direction:column;align-items:flex-start;gap:8px}.main__about .about__content .about__info .about__experience .experience__header .experience__period{align-self:flex-start}.main__about .about__content .about__info .about__experience .experience__technologies,.main__about .about__content .about__info .about__skills .skills__list{justify-content:center}.main__experience,.main__skills,.main__languages{padding:60px 0}.main__experience .experience__header,.main__skills .experience__header,.main__languages .experience__header{flex-direction:column;align-items:flex-start;gap:8px}.main__experience .experience__header .experience__period,.main__skills .experience__header .experience__period,.main__languages .experience__header .experience__period{align-self:flex-start}.main__experience .experience__technologies,.main__skills .experience__technologies,.main__languages .experience__technologies,.main__experience .skills__list,.main__skills .skills__list,.main__languages .skills__list{justify-content:center}.main__featured,.main__latest{padding:60px 0}.main__recommendations .recommendations__grid{grid-template-columns:1fr;gap:30px}.main__contact{padding:60px 0}.main__contact .contact__links{flex-direction:column;align-items:center}.main__contact .contact__links .contact__link{justify-content:center;width:100%;max-width:300px}.main .section__title{margin-bottom:40px}}@media (max-width:480px){.main__about .about__content .about__avatar{width:150px;height:150px}.main__about .about__content .about__info .about__title{font-size:2rem}.main__about .about__content .about__info .about__bio{font-size:1rem}.main__about .about__content .about__info .about__experience .experience__item{padding:15px}.main__about .about__content .about__info .about__experience .experience__item .experience__header{gap:5px}.main__about .about__content .about__info .about__experience .experience__item .experience__header .experience__company-text,.main__about .about__content .about__info .about__experience .experience__item .experience__header .experience__position-text{font-size:1rem}.main__about .about__content .about__info .about__experience .experience__item .experience__technologies{gap:6px}.main__about .about__content .about__info .about__experience .experience__item .experience__technologies .experience__tech{padding:3px 8px;font-size:.75rem}.main__about__experience,.main__about__skills,.main__about__languages{padding:40px 0}.main__about__experience .experience__item,.main__about__skills .experience__item,.main__about__languages .experience__item{padding:15px}.main__about__experience .experience__item .experience__header,.main__about__skills .experience__item .experience__header,.main__about__languages .experience__item .experience__header{gap:5px}.main__about__experience .experience__item .experience__header .experience__company-text,.main__about__experience .experience__item .experience__header .experience__position-text,.main__about__skills .experience__item .experience__header .experience__company-text,.main__about__skills .experience__item .experience__header .experience__position-text,.main__about__languages .experience__item .experience__header .experience__company-text,.main__about__languages .experience__item .experience__header .experience__position-text{font-size:1rem}.main__about__experience .experience__item .experience__technologies,.main__about__skills .experience__item .experience__technologies,.main__about__languages .experience__item .experience__technologies{gap:6px}.main__about__experience .experience__item .experience__technologies .experience__tech,.main__about__skills .experience__item .experience__technologies .experience__tech,.main__about__languages .experience__item .experience__technologies .experience__tech{padding:3px 8px;font-size:.75rem}.main__about__experience .skill__tag,.main__about__skills .skill__tag,.main__about__languages .skill__tag{padding:6px 12px;font-size:.8rem}.main__about__experience .language__item,.main__about__skills .language__item,.main__about__languages .language__item{padding:10px 12px}.main .recommendation-card{padding:20px}}.projects-page{color:#fff;background:#0a0a0a;min-height:100vh}.projects-page .container{max-width:1400px;margin:0 auto;padding:0 20px}.projects-page .projects-header{text-align:center;padding:60px 0 80px}.projects-page .projects-header .projects-title{-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff4d;background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.projects-page .projects-header .projects-description{color:#ccc;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.projects-page .category-title{padding:0}.projects-page .projects-content{padding-bottom:100px}.projects-page .projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;display:grid}@media (max-width:768px){.projects-page .projects-grid{grid-template-columns:1fr;gap:30px}}.projects-page .projects-empty{text-align:center;padding:100px 20px}.projects-page .projects-empty p{color:#888;font-size:1.2rem}.projects-page .project-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;transition:all .3s;overflow:hidden}.projects-page .project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.projects-page .project-card__image{height:250px;position:relative;overflow:hidden}.projects-page .project-card__image .project-card__img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card:hover .projects-page .project-card__image .project-card__img{transform:scale(1.1)}.projects-page .project-card__image .project-card__status{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:15px;padding:6px 12px;font-size:.8rem;font-weight:600;position:absolute;top:15px;left:15px}.projects-page .project-card__content{padding:25px 20px}.projects-page .project-card__content .project-card__title{color:#fff;margin-bottom:15px;font-size:1.4rem;font-weight:600}.projects-page .project-card__content .project-card__description{color:#ccc;margin-bottom:20px;font-size:1rem;line-height:1.6}.projects-page .project-card__content .project-card__technologies{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.projects-page .project-card__content .project-card__technologies .project-card__tech{color:#4ecdc4;background:#4ecdc433;border:1px solid #4ecdc466;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:500}.projects-page .project-card__content .project-card__technologies .project-card__tech-more{color:#888;background:#ffffff1a;border-radius:12px;padding:4px 10px;font-size:.8rem}.projects-page .project-card__content .project-card__date{color:#888;margin-bottom:20px;font-size:.9rem}.projects-page .project-card__content .project-card__links{gap:15px;display:flex}.projects-page .project-card__content .project-card__links .project-card__link{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.projects-page .project-card__content .project-card__links .project-card__link:hover{background:#fff3;transform:translateY(-2px)}.projects-page .loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:50vh;display:flex}.projects-page .loading .spinner{border:3px solid #ffffff1a;border-top-color:#4ecdc4;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.projects-page .loading p{color:#ccc;font-size:1.1rem}@media (max-width:1024px){.projects-page .container{padding:0 15px}.projects-page .projects-header{padding:40px 0 60px}.projects-page .category-title{padding:0}.projects-page .projects-content{padding-bottom:80px}.projects-page .projects-grid{gap:30px}}@media (max-width:768px){.projects-page .projects-header{padding:30px 0 40px}.projects-page .projects-header .projects-title{font-size:2.5rem}.projects-page .projects-header .projects-description{font-size:1rem}.projects-page .category-title{padding:0}.projects-page .projects-grid{grid-template-columns:1fr;gap:25px}.projects-page .project-card__image{height:200px}.projects-page .project-card__content{padding:20px 15px}.projects-page .project-card__content .project-card__title{font-size:1.2rem}.projects-page .project-card__content .project-card__description{font-size:.95rem}}@media (max-width:480px){.projects-page .projects-header{padding:20px 0 30px}.projects-page .projects-header .projects-title{font-size:2rem}.projects-page .category-title{padding:0}.projects-page .project-card__image{height:180px}.projects-page .project-card__content{padding:15px 12px}.projects-page .project-card__content .project-card__title{margin-bottom:12px;font-size:1.1rem}.projects-page .project-card__content .project-card__description{margin-bottom:15px;font-size:.9rem}.projects-page .project-card__content .project-card__technologies{margin-bottom:12px}.projects-page .project-card__content .project-card__date{margin-bottom:15px;font-size:.85rem}.projects-page .project-card__content .project-card__links{gap:10px}.projects-page .project-card__content .project-card__links .project-card__link{padding:6px 12px;font-size:.8rem}}.editable-field{position:relative}.editable-field__display{cursor:pointer;align-items:center;gap:10px;padding:8px 0;transition:all .3s;display:flex}.editable-field__display:hover{color:#4ecdc4}.editable-field__value{word-break:break-word;flex:1}.editable-field__value--textarea{white-space:pre-wrap;word-break:break-word}.editable-field__value[href]{color:#4ecdc4;cursor:pointer;text-decoration:none;transition:all .3s}.editable-field__value[href]:hover{color:#3bb3a8;text-decoration:underline}.editable-field__value[href]:active{color:#2a8a84}.editable-field__placeholder{color:#888;font-style:italic}.editable-field__edit-btn{opacity:0;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:flex}.editable-field__edit-btn:hover{background:#fff3;transform:scale(1.1)}.editable-field__edit-btn svg{width:14px;height:14px}.editable-field__edit-container{align-items:flex-start;gap:10px;display:flex}.editable-field__input,.editable-field__textarea{color:#fff;resize:vertical;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:all .3s}.editable-field__input::placeholder,.editable-field__textarea::placeholder{color:#888}.editable-field__input:focus,.editable-field__textarea:focus{background:#ffffff26;border-color:#4ecdc4;outline:none}.editable-field__textarea{min-height:80px;line-height:1.2}.editable-field__actions{flex-shrink:0;gap:5px;display:flex}.editable-field__save-btn,.editable-field__cancel-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.editable-field__save-btn svg,.editable-field__cancel-btn svg{width:14px;height:14px}.editable-field__save-btn{color:#fff;background:#4caf50}.editable-field__save-btn:hover{background:#45a049;transform:scale(1.1)}.editable-field__cancel-btn{color:#fff;background:#f44336}.editable-field__cancel-btn:hover{background:#d32f2f;transform:scale(1.1)}.editable-field:hover .editable-field__edit-btn{opacity:1}.editable-field--editing .editable-field__edit-btn{opacity:0}@media (max-width:768px){.editable-field__input,.editable-field__textarea{font-size:.9rem}.editable-field__actions{flex-direction:column;gap:3px}.editable-field__save-btn,.editable-field__cancel-btn{padding:5px}.editable-field__save-btn svg,.editable-field__cancel-btn svg{width:12px;height:12px}}.add-button{position:relative}.add-button__trigger{color:#4ecdc4;cursor:pointer;background:#4ccdc433;border:1px solid #4ccdc466;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.add-button__trigger:hover{background:#4ccdc44d;border-color:#4ccdc499;transform:scale(1.1)}.add-button__trigger svg{width:16px;height:16px}.add-button__input-container{align-items:flex-start;gap:8px;min-width:250px;display:flex}.add-button__input,.add-button__textarea{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:.9rem;transition:all .3s}.add-button__input::placeholder,.add-button__textarea::placeholder{color:#888}.add-button__input:focus,.add-button__textarea:focus{background:#ffffff26;border-color:#4ecdc4;outline:none}.add-button__textarea{resize:vertical;min-height:60px}.add-button__actions{flex-shrink:0;gap:4px;display:flex}.add-button__add-btn,.add-button__cancel-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.add-button__add-btn svg,.add-button__cancel-btn svg{width:14px;height:14px}.add-button__add-btn{color:#fff;background:#4caf50}.add-button__add-btn:hover:not(:disabled){background:#45a049;transform:scale(1.1)}.add-button__add-btn:disabled{cursor:not-allowed;background:#ccc;transform:none}.add-button__cancel-btn{color:#fff;background:#f44336}.add-button__cancel-btn:hover{background:#d32f2f;transform:scale(1.1)}@media (max-width:768px){.add-button__input-container{min-width:200px}.add-button__trigger{width:28px;height:28px}.add-button__trigger svg{width:14px;height:14px}.add-button__input,.add-button__textarea{font-size:.85rem}.add-button__add-btn,.add-button__cancel-btn{padding:5px}.add-button__add-btn svg,.add-button__cancel-btn svg{width:12px;height:12px}}.project-detail{color:#fff;background:#0a0a0a;min-height:100vh}.project-detail .container{max-width:1400px;margin:0 auto;padding:0 20px}.project-detail .project-content{padding-bottom:100px}.project-detail .project-gallery{margin-bottom:80px}.project-detail .project-gallery .gallery-main{margin-bottom:20px}.project-detail .project-gallery .gallery-main .gallery-image{object-fit:cover;border:2px solid #ffffff1a;border-radius:20px;width:100%;height:500px;transition:transform .3s,box-shadow .3s}.project-detail .project-gallery .gallery-main .gallery-image:hover{transform:scale(1.02);box-shadow:0 10px 30px #0000004d}.project-detail .project-gallery .gallery-main .swiper-button-next,.project-detail .project-gallery .gallery-main .swiper-button-prev{background:#ffffff1a;border-radius:50%;width:50px;height:50px;margin-top:-25px}.project-detail .project-gallery .gallery-main .swiper-button-next:after,.project-detail .project-gallery .gallery-main .swiper-button-prev:after{color:#fff;font-size:18px}.project-detail .project-gallery .gallery-main .swiper-button-next:hover,.project-detail .project-gallery .gallery-main .swiper-button-prev:hover{background:#fff3}.project-detail .project-gallery .gallery-main .swiper-pagination .swiper-pagination-bullet{opacity:1;background:#fff6}.project-detail .project-gallery .gallery-main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}.project-detail .project-gallery .gallery-thumbs .thumb-image{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:10px;width:100%;height:100px;transition:all .3s}.project-detail .project-gallery .gallery-thumbs .thumb-image:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.project-detail .project-gallery .gallery-thumbs .thumb-image.swiper-slide-thumb-active{border-color:#ffffff80}.project-detail .project-info .project-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:60px;display:flex}.project-detail .project-info .project-header .project-title-section{flex:1}.project-detail .project-info .project-header .project-title-section .project-title{-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff4d;background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2}.project-detail .project-info .project-header .project-title-section .project-description-text{color:#ccc;font-size:1.1rem;line-height:1.8}.project-detail .project-info .project-header .project-title-section .project-status{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-block}.project-detail .project-info .project-header .project-meta{flex-direction:column;gap:10px;min-width:200px;display:flex}.project-detail .project-info .project-header .project-meta .project-date{color:#ccc;font-size:1rem}.project-detail .project-info .project-header .project-meta .project-date strong{color:#fff}.project-detail .project-info .project-description,.project-detail .project-info .project-technologies,.project-detail .project-info .project-links{margin-bottom:60px}.project-detail .project-info .project-description h2,.project-detail .project-info .project-technologies h2,.project-detail .project-info .project-links h2{color:#fff;border-bottom:2px solid #ffffff1a;margin-bottom:25px;padding-bottom:10px;font-size:1.8rem;font-weight:600}.project-detail .project-info .project-description p,.project-detail .project-info .project-technologies p,.project-detail .project-info .project-links p{color:#ccc;font-size:1.1rem;line-height:1.8}.project-detail .project-info .technologies-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-detail .project-info .technologies-list .technology-tag{color:#4ecdc4;background:#4ecdc433;border:1px solid #4ecdc466;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s}.project-detail .project-info .technologies-list .technology-tag:hover{background:#4ecdc44d;transform:translateY(-2px)}.project-detail .project-info .technologies-list .technologies-add-btn{margin-left:8px}.project-detail .project-info .links-list{flex-direction:column;gap:20px;display:flex}.project-detail .project-info .links-list .link-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.project-detail .project-info .links-list .link-item:hover{background:#ffffff14;border-color:#fff3}.project-detail .project-info .links-list .link-item svg{color:#4ecdc4;flex-shrink:0;width:24px;height:24px}.project-detail .project-info .links-list .link-item .link-content{flex-direction:column;flex:1;gap:5px;display:flex}.project-detail .project-info .links-list .link-item .link-content .link-url{color:#fff;word-break:break-all;font-size:1rem}.project-detail .project-info .links-list .link-item .link-content .link-label{color:#888;font-size:.9rem;font-weight:500}.project-detail .project-info .links-list .link-item .link-content .link-add-btn{margin-top:8px}.project-detail .loading,.project-detail .error{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:50vh;display:flex}.project-detail .loading .spinner,.project-detail .error .spinner{border:3px solid #ffffff1a;border-top-color:#4ecdc4;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.project-detail .loading p,.project-detail .error p{color:#ccc;font-size:1.1rem}.project-detail .loading button,.project-detail .error button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:1rem;transition:all .3s}.project-detail .loading button:hover,.project-detail .error button:hover{background:#fff3}.image-modal{z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.image-modal__overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;width:100%;height:100%;animation:.3s fadeIn;position:absolute;top:0;left:0}.image-modal__content{justify-content:center;align-items:center;max-width:95vw;max-height:95vh;animation:.3s scaleIn;display:flex;position:relative}.image-modal__close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:-50px;right:0}.image-modal__close:hover{background:#fff3;transform:scale(1.1)}.image-modal__close svg{width:20px;height:20px}.image-modal__nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-modal__nav:hover:not(:disabled){background:#fff3;transform:translateY(-50%)scale(1.1)}.image-modal__nav:disabled{opacity:.3;cursor:not-allowed}.image-modal__nav svg{width:24px;height:24px}.image-modal__nav--prev{left:20px}.image-modal__nav--next{right:-70px}.image-modal__image{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #00000080}.image-modal__counter{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.image-modal__zoom{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff4d;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;position:absolute;top:20px;left:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.project-detail .container,.project-detail .project-nav .nav-container{padding:0 15px}.project-detail .project-nav .nav-container .nav__project{display:none}.project-detail .project-info .project-header{flex-direction:column;gap:20px}.project-detail .project-info .project-header .project-title-section{width:100%}.project-detail .project-info .project-header .project-title{text-align:center}.project-detail .project-info .project-header .project-status{text-align:left}.project-detail .project-info .project-header .project-meta{min-width:auto}.project-detail .project-info .project-description h2{margin-bottom:20px;padding-bottom:5px}.project-detail .project-gallery .gallery-main .gallery-image{height:400px}.project-detail .project-gallery .gallery-thumbs .thumb-image{height:80px}}@media (max-width:768px){.project-detail .project-info .project-description h2,.project-detail .project-info .project-technologies h2,.project-detail .project-info .project-links h2{font-size:1.5rem}.project-detail .project-info .project-description p,.project-detail .project-info .project-technologies p,.project-detail .project-info .project-links p{font-size:1rem}.project-detail .project-info .technologies-list{justify-content:center}.project-detail .project-info .links-list .link-item{text-align:center;flex-direction:column;gap:10px}.project-detail .project-info .links-list .link-item svg{align-self:center}.project-detail .project-info .links-list .link-item .link-content{align-items:center}.project-detail .project-gallery .gallery-main .gallery-image{height:300px}.project-detail .project-gallery .gallery-thumbs .thumb-image{height:60px}.image-modal__close{width:35px;height:35px;top:20px;right:20px}.image-modal__close svg{width:18px;height:18px}.image-modal__nav{width:40px;height:40px}.image-modal__nav svg{width:20px;height:20px}.image-modal__nav--prev{left:20px}.image-modal__nav--next{right:20px}.image-modal__counter{padding:6px 12px;font-size:.8rem;bottom:20px}.image-modal__zoom{padding:6px 12px;font-size:.8rem;top:10px;left:10px}}@media (max-width:480px){.project-detail .project-info .project-header .project-title-section .project-title{font-size:2rem}.project-detail .project-info .technologies-list{gap:8px}.project-detail .project-info .technologies-list .technology-tag{padding:6px 12px;font-size:.8rem}.project-detail .project-gallery .gallery-main .gallery-image{height:250px}.project-detail .project-gallery .gallery-thumbs .thumb-image{height:50px}.image-modal__content{max-width:98vw;max-height:98vh}.image-modal__close{width:30px;height:30px;top:10px;right:10px}.image-modal__close svg{width:16px;height:16px}.image-modal__nav{width:35px;height:35px}.image-modal__nav svg{width:18px;height:18px}.image-modal__nav--prev{left:10px}.image-modal__nav--next{right:10px}.image-modal__counter{padding:4px 8px;font-size:.75rem;bottom:10px}.image-modal__zoom{padding:4px 8px;font-size:.75rem;top:5px;left:5px}}.analytics-page{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);min-height:100vh;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.analytics-page__container{max-width:1400px;margin:0 auto}.analytics-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}@media (max-width:768px){.analytics-page__header{flex-direction:column;align-items:flex-start}}.analytics-page__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:700}.analytics-page__controls{align-items:center;gap:15px;display:flex}.analytics-page__period-select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 15px;font-size:1rem;transition:all .3s}.analytics-page__period-select:hover{background:#ffffff26;border-color:#ffffff4d}.analytics-page__period-select:focus{border-color:#4ccdc480;outline:none}.analytics-page__period-select option{color:#fff;background:#1a1a1a}.analytics-page__back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 20px;font-size:1rem;transition:all .3s}.analytics-page__back-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.analytics-page__stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.analytics-page__charts{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;display:grid}@media (max-width:768px){.analytics-page__charts{grid-template-columns:1fr}}.stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px;transition:all .3s}.stat-card:hover{border-color:#4ccdc44d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.stat-card h3{color:#ccc;text-transform:uppercase;letter-spacing:1px;margin:0 0 15px;font-size:.9rem;font-weight:500}.stat-card .stat-value{color:#4ecdc4;margin:0;font-size:2rem;font-weight:700}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.chart-card--full{grid-column:1/-1}.chart-card h2{color:#fff;margin:0 0 20px;font-size:1.3rem;font-weight:600}.chart-container{height:300px;position:relative}.chart-container--doughnut{max-width:400px;height:250px;margin:0 auto}.resume-stats-list{flex-direction:column;gap:15px;display:flex}.resume-stat-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;transition:all .3s;display:flex}.resume-stat-item:hover{background:#ffffff14;border-color:#4ccdc44d}.resume-stat-name{color:#fff;font-size:1rem;font-weight:500}.resume-stat-count{color:#4ecdc4;font-size:.9rem;font-weight:600}.empty-state{text-align:center;color:#888;padding:40px 20px;font-size:.9rem}.performance-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.performance-metric{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:10px;padding:20px;display:flex}.metric-label{color:#ccc;font-size:.9rem;font-weight:500}.metric-value{color:#4ecdc4;font-size:1.5rem;font-weight:700}.contact-stats-list{flex-direction:column;gap:15px;display:flex}.contact-stat-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;transition:all .3s;display:flex}.contact-stat-item:hover{background:#ffffff14;border-color:#4ccdc44d}.contact-stat-type{color:#fff;font-size:1rem;font-weight:500}.contact-stat-count{color:#4ecdc4;font-size:.9rem;font-weight:600}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.loading .spinner{border:4px solid #ffffff1a;border-top-color:#4ecdc4;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.loading p{color:#ccc;margin:0;font-size:1.1rem}@media (max-width:768px){.analytics-page{padding:20px 10px}.chart-card{padding:15px}.chart-container{height:250px}.stat-card{padding:20px}.stat-card .stat-value{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#0a0a0a;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#4ecdc4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#45b7aa}button:focus,input:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn--primary{color:#fff;background:linear-gradient(135deg,#4ecdc4,#44a08d)}.btn--primary:hover{background:linear-gradient(135deg,#44a08d,#3a8a7a);transform:translateY(-2px)}.btn--secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.btn--secondary:hover{background:#fff3}.btn--ghost{color:#4ecdc4;background:0 0;border:1px solid #4ecdc4}.btn--ghost:hover{background:#4ecdc41a}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.input::placeholder{color:#888}.input:focus{background:#ffffff1a;border-color:#4ecdc4;outline:none}.input--error,.input--error:focus{border-color:#f44336}.text--primary{color:#fff}.text--secondary{color:#ccc}.text--accent{color:#4ecdc4}.text--muted{color:#888}.text--small{font-size:.875rem}.text--large{font-size:1.125rem}.text--center{text-align:center}.text--left{text-align:left}.text--right{text-align:right}.card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.container{max-width:1400px;margin:0 auto;padding:0 20px}.container--narrow{max-width:800px}.container--wide{max-width:1600px}.grid{gap:20px;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex{display:flex}.flex--center{justify-content:center;align-items:center}.flex--between{justify-content:space-between}.flex--around{justify-content:space-around}.flex--column{flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--gap-sm{gap:10px}.flex--gap-md{gap:20px}.flex--gap-lg{gap:30px}.m-0{margin:0}.m-1{margin:10px}.m-2{margin:20px}.m-3{margin:30px}.p-0{padding:0}.p-1{padding:10px}.p-2{padding:20px}.p-3{padding:30px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.fade-in{animation:.5s ease-in fadeIn}.fade-out{animation:.5s ease-out fadeOut}.slide-up{animation:.3s ease-out slideUp}.slide-down{animation:.3s ease-out slideDown}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{padding:0 15px}.grid--2,.grid--3,.grid--4,.grid--auto{grid-template-columns:1fr}.flex--wrap{flex-direction:column}.btn{justify-content:center;width:100%}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:2px solid #4ecdc4}.loading-container{color:#fff;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:4px solid #333;border-top-color:#4ecdc4;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}