@import"https://fonts.googleapis.com/icon?family=Material+Icons";.app{padding:2rem;max-width:1200px;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.app-content{max-width:1200px;display:flex;padding:1rem 0}.main-content{display:flex;gap:2rem}.left-column{flex:4;display:flex;flex-direction:column;gap:2rem}.right-column{flex:6}.app-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #eee;box-shadow:0 2px 4px #0000001a}.header-left{flex:1}.header-right{display:flex;align-items:center}.header-toggles{display:flex;margin-right:10px}.header-toggle-container{display:flex;align-items:center;margin-right:16px}.header-toggle-label{font-size:14px;margin-right:8px;color:#373c43;padding-bottom:1px}.header-toggle-switch{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:all .2s ease}.header-toggle-switch:hover{transform:scale(1.1)}.header-toggle-switch:focus{outline:none}.header-toggle-switch .material-icons{font-size:36px;color:#32bad0}.header-toggle-switch .material-icons[data-active=false]{color:#d3d3d3}@media (max-width: 768px){.main-content{flex-direction:column}.right-column{flex:1 0 100%}.app-header{flex-direction:column;padding:10px}.header-left,.header-right{width:100%;margin-bottom:10px}.header-toggles{margin-right:0;margin-bottom:10px}}@media (max-width: 480px){.header-buttons{flex-direction:column;align-items:stretch}}@media (max-width: 1080px){.user-dropdown-container{margin-right:10px}}.header-buttons{display:flex;align-items:center;justify-content:flex-end;gap:12px}.header-buttons button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.header-buttons button .material-icons:last-child{color:#fff;font-size:18px}.preview-button{background-color:#32bad0;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.preview-button:last-child{margin-right:0}.preview-button:hover:not(:disabled){background-color:#2aa3b8;box-shadow:0 2px 5px #0000001a}.preview-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.preview-button p{margin:0;padding:0}.download-button{background-color:#32bad0;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.download-button:last-child{margin-right:0}.download-button:hover:not(:disabled){background-color:#2aa3b8;box-shadow:0 2px 5px #0000001a}.download-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.download-button p{margin:0;padding:0}.reset-button{background-color:#f44336;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.reset-button:hover:not(:disabled){background-color:#d32f2f;box-shadow:0 2px 5px #0000001a}.reset-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.reset-button p{margin:0;padding:0}@media (max-width: 768px){.header-buttons{flex-wrap:wrap;width:100%;justify-content:center;margin-top:8px;gap:8px}.header-buttons button{font-size:12px;padding:6px 12px}.preview-buttons,.download-buttons{gap:4px}}@media (max-width: 480px){.preview-buttons,.download-buttons{display:flex;width:100%}.preview-buttons button,.download-buttons button,.reset-button{flex:1;text-align:center;white-space:nowrap}}@media (max-width: 1080px){.header-buttons button,.preview-buttons button,.download-buttons button,.reset-button button{font-size:13px;padding:7px 12px}}.competence-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.competence-section h3{margin-top:0;margin-bottom:.75rem;color:#333;font-size:1.1rem}.competence-section ul{list-style-type:none;padding-left:0;margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.competence-section li{background-color:#f0f0f0;padding:.4rem .8rem;border-radius:4px;font-size:.9rem;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;min-height:22px;box-sizing:border-box}.competence-section li:hover{background-color:#e8e8e8}.competence-item-content{flex-grow:1;cursor:text;display:flex;align-items:center;padding:0;margin:0}.competence-item-content .editable-text{display:flex;align-items:center;width:auto;padding:0;margin:0;box-sizing:border-box}.competence-item-content .editable-text .editable-text-display,.competence-item-content .editable-text .editable-text-input{display:flex;align-items:center;height:100%;padding:0;margin:0;box-sizing:border-box}.competence-item-content .editable-content,.competence-item-content .editable-input{padding:4px 0;line-height:1.2;display:flex;align-items:center;margin:0;box-sizing:border-box}.competence-item-content .editable-input{height:24px;border:none;background:transparent;font-family:inherit;font-size:inherit;align-self:center;field-sizing:content;margin-top:-1px}.competence-item-text{display:flex;align-items:center;min-height:24px;box-sizing:border-box}.competence-item-controls{display:flex;gap:8px;margin-left:8px;align-items:center}.competence-icon-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;border-radius:50%;transition:all .2s ease}.competence-icon-button:hover{background-color:#0000000d;color:#32bad0}.competence-icon-button:hover{color:#32bad0}.competence-section li.deselected{opacity:.5;background-color:#f5f5f5}.competence-item-controls .material-icons{font-size:18px;display:flex;align-items:center;justify-content:center}.competence-section .competence-header h3{margin:0;flex-grow:1}.competence-section .competence-header .competence-count{font-size:.7rem;color:#aaa;margin-right:12px;min-width:28px;text-align:right}.competence-section .competence-header .competence-count.exceeded{color:#f44336;font-weight:700}.competence-section .competence-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid #f0f0f0}.toggle-all-switch{background:none;border:none;padding:2px 0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-all-switch:hover{transform:scale(1.1)}.toggle-all-switch:focus{outline:none}.toggle-all-switch .material-icons{font-size:30px;border-radius:14px}.toggle-all-switch[data-active=true] .material-icons,.material-icons:first-child:not(:last-child){color:#32bad0}.toggle-all-switch[data-active=false] .material-icons,.material-icons:last-child:not(:first-child){color:#d3d3d3}.user-dropdown-container{position:relative;display:inline-block}.user-dropdown-button{background-color:#32bad0;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.user-dropdown-button.disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.dropdown-arrow{font-size:10px}.user-dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;min-width:200px;box-shadow:0 2px 10px #0000001a;border-radius:4px;margin-top:5px;z-index:10;max-height:300px;overflow-y:auto}.user-dropdown-item{padding:10px 16px;cursor:pointer}.user-dropdown-item:hover{background-color:#f5f5f5}.user-dropdown-item.selected{background-color:#e6f7fa}.user-info{display:flex;align-items:center}.user-name{font-weight:500}.editable-text{cursor:text;transition:background-color .2s;position:relative;width:100%}.editable-text:hover .editable-content{color:#a9a9a9}.editable-text-display{min-height:22px;cursor:pointer}.editable-content{margin:0;font-size:inherit;line-height:inherit}.editable-text-input{min-height:22px}.editable-input{width:100%;border:none;outline:1px solid #32BAD0;outline-offset:2px;font-size:inherit;font-family:inherit;font-weight:inherit}.editable-textarea{min-height:120px;font-size:1rem;line-height:1.5;width:100%;font-family:inherit;border:none;outline:1px solid #32BAD0;outline-offset:2px;field-sizing:content;height:auto;margin-bottom:-6px}.placeholder{color:#999;font-style:italic}.experience-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.experience-resume-content{padding:1.5rem}.experience-resume-content h3{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.2rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.experience-resume-content ul{list-style-type:none;padding-left:0;margin:0 0 2rem}.experience-resume-content li{margin-bottom:1.5rem;padding-left:1.5rem;border-left:3px solid #ddd;cursor:pointer;user-select:none;position:relative;transition:all .2s ease}.experience-resume-content li:hover{border-left-color:#32bad0;background-color:#f9f9f9}.experience-resume-content p:first-child{margin-top:0;color:#555}.experience-resume-content p:nth-child(2){margin-top:.25rem;margin-bottom:.5rem;font-weight:700}.experience-resume-content li.deselected{border-left-color:#ccc;opacity:.2;text-decoration:line-through;background-color:#f5f5f5}.experience-list{list-style:none;padding:0;margin:0 0 2rem}.experience-item{padding:.8rem;border-left:3px solid #32BAD0;margin-bottom:.8rem;background-color:#fff;transition:all .2s ease}.experience-item.deselected{opacity:.5;border-left-color:#ccc;background-color:#f5f5f5}.experience-item-wrapper{display:flex;flex-direction:column}.experience-item-header{display:flex;justify-content:space-between;align-items:center}.experience-period-container{display:flex;align-items:center;font-weight:500;color:#666;min-height:24px}.experience-period-separator{margin-right:.45rem;padding-bottom:.3rem}.experience-period-from,.experience-period-to{min-width:45px;width:auto;display:inline-block}.experience-period-from .editable-input,.experience-period-to .editable-input{min-width:45px;width:100%;box-sizing:border-box;padding:2px 4px}.experience-period-container .editable-text{width:auto;display:inline-flex;align-items:center}.experience-period-container .editable-content{min-width:30px;text-align:center}.experience-item-controls{display:flex;gap:8px;margin-left:8px;align-items:center}.experience-icon-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:all .2s ease;width:28px;height:28px;padding:0}.experience-icon-button:hover{background-color:#0000000d;color:#32bad0}.experience-details-container{display:flex;flex-direction:column;gap:.15rem}.experience-details-container{font-weight:700;font-size:1.05rem;color:#222}.experience-details-container .editable-text .editable-content,.experience-description-container .editable-input{font-weight:700;color:#222}.experience-role .editable-content,.experience-program .editable-content,.experience-role .editable-input,.experience-program .editable-input{font-weight:700;color:#222;font-size:1.05rem}.experience-secondary-detail{font-style:italic;color:#555}.experience-description-container{margin-top:.4rem;line-height:1.5;color:#444}.experience-description{width:100%}.experience-description .editable-content{font-size:1rem;line-height:1.5;color:#444;white-space:pre-wrap;width:100%}.experience-description .editable-textarea{font-family:inherit;font-size:1rem;line-height:1.5;width:100%;min-height:1px;padding:8px;box-sizing:border-box;resize:vertical;color:#444}.experience-item .editable-text{cursor:text;transition:background-color .2s;margin:0;width:100%}.experience-item .editable-content,.experience-item .editable-input,.experience-item .editable-textarea{margin:0;padding:0;field-sizing:content;width:100%;box-sizing:border-box}.experience-item .editable-text:hover .editable-content{color:#a9a9a9}.experience-item .material-icons{font-size:20px;display:flex;align-items:center;justify-content:center}.experience-item *{transition:color .2s ease}.toggle-mode .experience-item{cursor:pointer}.toggle-mode .experience-item:hover:not(.deselected){background-color:#32bad00d}.edit-mode .experience-item{background-color:#f9f9f9}.experience-header{display:grid;grid-template-columns:minmax(150px,auto) 1fr 1fr;gap:10px;margin-bottom:12px}.experience-list.edit-mode li:hover{background-color:transparent;cursor:default;box-shadow:none;border-color:inherit}.experience-resume-content .experience-list.edit-mode li:hover,.experience-resume-content .experience-list.edit-mode li:active{background-color:transparent;cursor:default;box-shadow:none;transform:none}.experience-list.edit-mode li.deselected{opacity:.5;text-decoration:line-through;border-left-color:#ccc;background-color:#f5f5f5}.experience-list.edit-mode li{border-left:3px solid #32BAD0}.experience-list.edit-mode li:not(.deselected){background-color:#f8f8f899}.experience-list.edit-mode .editable-text-display{cursor:text}.experience-resume-content .experience-list.edit-mode li:before{content:none!important;display:none!important}.experience-resume-content .experience-list.edit-mode li:active{opacity:1!important;background-color:#f8f8f899!important;text-decoration:none!important;border-left-color:#32bad0!important}.experience-resume-content .experience-list.edit-mode li.deselected:active{opacity:.5!important;border-left-color:#ccc!important;background-color:#f5f5f5!important}.experience-resume-content .experience-list.edit-mode li *{pointer-events:auto;user-select:text}.experience-resume-content .experience-list.edit-mode li{transition:none!important}.experience-description-container .editable-textarea{margin-bottom:-6px}.loader-container{display:flex;justify-content:center;align-items:center;height:75vh;width:100vw}.loader{width:fit-content;font-size:17px;font-family:monospace;line-height:1.4;font-weight:700;color:#2c2c2c;--c: no-repeat linear-gradient(#F0A12A 0 0);background:var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c);background-size:calc(1ch + 1px) 100%;border-bottom:10px solid #0000;position:relative;animation:l8-0 3s infinite linear;clip-path:inset(-20px 0)}.loader:before{content:"Tromb"}.loader:after{content:"";position:absolute;width:10px;height:10px;background:#32bad0;left:-10px;bottom:100%;animation:l8-1 3s infinite linear}.loader-pink-block{content:"";position:absolute;width:10px;height:10px;background:#ff70ac;left:-30px;bottom:calc(100% - 34px);animation:l8-1 3.5s infinite linear;animation-delay:.5s}@keyframes l8-0{0%,12.5%{color:#2c2c2c;background-position:0% 0,calc(1*100%/6) 0,calc(2*100%/6) 0,50% 0,calc(4*100%/6) 0,calc(5*100%/6) 0,100% 0}25%{background-position:0% 40px,calc(1*100%/6) 0,calc(2*100%/6) 0,50% 0,calc(4*100%/6) 0,calc(5*100%/6) 0,100% 0}37.5%{background-position:0% 40px,calc(1*100%/6) 40px,calc(2*100%/6) 0,50% 0,calc(4*100%/6) 0,calc(5*100%/6) 0,100% 0}50%{background-position:0% 40px,calc(1*100%/6) 40px,calc(2*100%/6) 40px,50% 0,calc(4*100%/6) 0,calc(5*100%/6) 0,100% 0}62.5%{background-position:0% 40px,calc(1*100%/6) 40px,calc(2*100%/6) 40px,50% 40px,calc(4*100%/6) 0,calc(5*100%/6) 0,100% 0}75%{background-position:0% 40px,calc(1*100%/6) 40px,calc(2*100%/6) 40px,50% 40px,calc(4*100%/6) 40px,calc(5*100%/6) 0,100% 0}87.4%{background-position:0% 40px,calc(1*100%/6) 40px,calc(2*100%/6) 40px,50% 40px,calc(4*100%/6) 40px,calc(5*100%/6) 40px,100% 0}to{background-position:0% 40px,calc(1*100%/6) 40px,calc(2*100%/6) 40px,50% 40px,calc(4*100%/6) 40px,calc(5*100%/6) 40px,100% 40px}}@keyframes l8-1{to{left:115%}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;cursor:pointer}.modal-container{width:80%;height:90%;overflow:hidden;background-color:#000;cursor:default;border-radius:8px}.modal-content{width:100%;height:100%}.modal-content iframe{border:none}.profile-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.profile-section{padding:1.5rem}.profile-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-contact{flex:1;padding-right:1.5rem}.profile-contact h1{margin:0 0 .5rem;font-size:1.8rem;color:#333}.profile-contact h2{margin:0 0 1rem;font-size:1.2rem;font-weight:500;color:#666}.profile-contact h3{margin:.5rem 0;font-size:1rem;font-weight:400;color:#555}.profile-image{width:150px;height:auto;max-height:180px;object-fit:contain;box-shadow:0 2px 4px #0000001a}.profile-description{margin-top:1rem;line-height:1.5;color:#444}.profile-name{font-size:1.5rem;font-weight:700;margin-bottom:8px}.profile-role{font-size:1.2rem;margin-bottom:4px}.profile-phone,.profile-email{font-size:1rem;margin-bottom:8px}.profile-description-text{width:100%;margin-bottom:1rem}.profile-description-text .editable-content{font-size:1rem;line-height:1.5;color:#444;white-space:pre-wrap}.profile-description-text .editable-content:hover{color:#d3d3d3}@media (max-width: 576px){.profile-header{flex-direction:column}.profile-contact{padding-right:0;margin-bottom:1rem}.profile-image{width:100%;height:auto;margin:1rem 0}}*{margin:0;padding:0}
