@charset "UTF-8";.general-info{margin-bottom:3rem;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d}.general-info h2{margin-bottom:2rem;color:#2c3e50;font-weight:500}.general-info form{display:flex;flex-direction:column;gap:1rem}.general-info form div{display:flex;flex-direction:column}.general-info form div label{margin-bottom:5px;font-weight:500;color:#2c3e50}.general-info form div input{padding:1rem;font-size:16px;border-radius:5px;transition:border-color .3s}.general-info form div input:focus{border-color:#3498db;outline:none}.general-info form div .error{color:#e74c3c;font-size:12px;margin-top:5px}.general-info form button{align-self:flex-start;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s}.general-info form button:hover{background-color:#2980b9}@media (max-width: 600px){.general-info{padding:15px}.general-info form{gap:10px}.general-info form div input{font-size:14px;padding:8px}.general-info form button{padding:8px 16px;font-size:14px}}.education{margin-bottom:3rem;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d}.education h2{margin-bottom:2rem;color:#2c3e50;font-weight:500}.education .add-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s}.education .add-button:hover{background-color:#27ae60}.education form{display:flex;flex-direction:column;gap:1.5rem}.education form div{display:flex;flex-direction:column}.education form div label{margin-bottom:.5rem;font-weight:500;color:#2c3e50}.education form div input{padding:1rem;font-size:16px;border:1px solid #ddd;border-radius:5px;transition:border-color .3s}.education form div input:focus{border-color:#3498db;outline:none}.education form div .error{color:#e74c3c;font-size:12px;margin-top:5px}.education form .button-group{display:flex;gap:10px}.education form .button-group button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s}.education form .button-group button:hover{background-color:#2980b9}.education form .button-group .cancel-button{background-color:#95a5a6}.education form .button-group .cancel-button:hover{background-color:#7f8c8d}@media (max-width: 600px){.education{padding:15px}.education .add-button{padding:8px 16px;font-size:14px}.education form{gap:1rem}.education form div input{font-size:14px;padding:8px}.education form .button-group{gap:8px}.education form .button-group button{padding:8px 16px;font-size:14px}}.experience{margin-bottom:3rem;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d}.experience h2{margin-bottom:2rem;color:#2c3e50;font-weight:500}.experience .add-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s}.experience .add-button:hover{background-color:#218838}.experience form{display:flex;flex-direction:column;gap:1.5rem}.experience form div{display:flex;flex-direction:column}.experience form div label{margin-bottom:.5rem;font-weight:500;color:#2c3e50}.experience form div input,.experience form div textarea{padding:1rem;font-size:16px;border:1px solid #ddd;border-radius:5px;transition:border-color .3s}.experience form div input:focus,.experience form div textarea:focus{border-color:#3498db;outline:none}.experience form div textarea{resize:vertical;min-height:10rem}.experience form .error{color:red;font-size:12px;margin-top:5px}.experience form .button-group{display:flex;gap:10px}.experience form .button-group button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s}.experience form .button-group button:hover{background-color:#2980b9}.experience form .button-group .cancel-button{background-color:#95a5a6}.experience form .button-group .cancel-button:hover{background-color:#7f8c8d}@media (max-width: 600px){.experience{padding:15px}.experience .add-button{padding:8px 16px;font-size:14px}.experience form{gap:10px}.experience form div input,.experience form div textarea{font-size:14px;padding:8px}.experience form .button-group{gap:8px}.experience form .button-group button{padding:8px 16px;font-size:14px}}.cv-display{position:relative;padding:0}.cv-display .cv-header{background-color:#1a3c5e;padding:2rem;text-align:center;border-top-left-radius:12px;border-top-right-radius:12px}.cv-display .cv-header h2{margin-bottom:0;color:#fff;font-weight:700;font-size:2rem;letter-spacing:1px}.cv-display .cv-content{padding:3rem;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.cv-display .cv-content .download-button{display:block;margin:0 auto 30px;padding:12px 24px;background-color:#1a3c5e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s,transform .1s}.cv-display .cv-content .download-button:hover{background-color:#138496;transform:scale(1.05)}.cv-display .cv-content .cv-section{margin-bottom:3rem}.cv-display .cv-content .cv-section h3{margin-bottom:15px;color:#1a3c5e;font-weight:600;font-size:1.5rem;border-bottom:2px solid #1a3c5e;padding-bottom:5px}.cv-display .cv-content .cv-section p{margin:8px 0;font-size:16px;line-height:1.6;color:#333}.cv-display .cv-content .cv-section .cv-entry{margin-bottom:2rem;padding:15px;background-color:#f7f9fc;border-left:4px solid #1a3c5e;border-radius:8px;transition:transform .2s}.cv-display .cv-content .cv-section .cv-entry:hover{transform:translateY(-2px)}.cv-display .cv-content .cv-section .cv-entry p{margin:5px 0;font-size:15px;line-height:1.5}.cv-display .cv-content .cv-section .cv-entry .button-group{display:flex;gap:10px;margin-top:10px}.cv-display .cv-content .cv-section .cv-entry .button-group button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s,transform .1s;color:#2c3e50;background-color:#f1c40f}.cv-display .cv-content .cv-section .cv-entry .button-group button.edit-button{background-color:#f1c40f;color:#2c3e50}.cv-display .cv-content .cv-section .cv-entry .button-group button.edit-button:hover{background-color:#e1b307;transform:scale(1.05)}.cv-display .cv-content .cv-section .cv-entry .button-group button.edit-button:before{content:"✏️";margin-right:5px}.cv-display .cv-content .cv-section .cv-entry .button-group button.delete-button{background-color:#ff4d4f;color:#fff}.cv-display .cv-content .cv-section .cv-entry .button-group button.delete-button:hover{background-color:#e63946;transform:scale(1.05)}.cv-display .cv-content .no-data{text-align:center;color:#666;font-style:italic;font-size:16px}@media (max-width: 600px){.cv-display .cv-header{padding:15px}.cv-display .cv-header h2{font-size:1.5rem}.cv-display .cv-content{padding:20px}.cv-display .cv-content .download-button{padding:10px 20px;font-size:14px}.cv-display .cv-content .cv-section{margin-bottom:20px}.cv-display .cv-content .cv-section h3{font-size:1.25rem}.cv-display .cv-content .cv-section p{font-size:14px}.cv-display .cv-content .cv-section .cv-entry{padding:10px}.cv-display .cv-content .cv-section .cv-entry p{font-size:13px}.cv-display .cv-content .cv-section .cv-entry .button-group{gap:8px}.cv-display .cv-content .cv-section .cv-entry .button-group button{padding:6px 12px;font-size:12px}.cv-display .cv-content .no-data{font-size:14px}}.body{margin:0;font-family:Poppins,sans-serif;background-color:#f5f6fa;color:#333}.app-container{max-width:1400px;margin:30px auto;padding:3rem;background-color:#fff;box-shadow:0 8px 20px #0000001a;border-radius:12px}.app-container h1{text-align:center;color:#2c3e50;font-weight:700;margin-bottom:3rem;font-size:2.5rem;letter-spacing:1px}.app-container .button-group{display:flex;justify-content:center;gap:15px;margin-bottom:3rem}.app-container .button-group .clear-button{padding:12px 24px;background-color:#e74c3c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s transform .1}.app-container .button-group .clear-button:hover{background-color:#c0392b;transform:scale(1.05)}.app-container .button-group .load-example-button{padding:12px 24px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s,transform .1s}.app-container .button-group .load-example-button:hover{background-color:#218838;transform:scale(1.05)}.app-container .columns{display:flex;gap:2rem;width:100%}.app-container .columns .left-column,.app-container .columns .right-column{flex:1;min-width:300px}.app-container .columns .left-column{background-color:#f9f9f9;padding:25px;border-radius:12px;box-shadow:0 4px 10px #00000080}.app-container .columns .left-column .accordion-section{margin-bottom:20px}.app-container .columns .left-column .accordion-section h2{margin:0;padding:12px 20px;background-color:#1a3c5e;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s transform .1s}.app-container .columns .left-column .accordion-section h2:hover{background-color:#2980b9;transform:scale(1.02)}.app-container .columns .right-column{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 10px #0000000d;min-height:400px}@media (max-width: 768px){.app-container{padding:20px;margin:20px}.app-container h1{font-size:2rem}.app-container .columns{flex-direction:column}.app-container .columns .left-column,.app-container .columns .right-column{min-width:90%;padding:15px}.app-container .columns .left-column .accordion-section h2{font-size:1.1rem;padding:10px 15px}.app-container .button-group{flex-direction:column;gap:15px}.app-container .button-group .clear-button,.app-container .button-group .load-example-button{padding:10px 20px;font-size:14px}}