:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.light-theme{--bg-color: #ffffff;--text-color: #000000;--dashboard-border: 1px solid #333;--dashboard-background-color: #1a1a1a;--section-header-color: #333;--form-container-background-color: #ffffff;--form-header-heading-color: #333;--from-group-label-color: #2d2d2d;--from-group-input-background-color: #c7c7c7;--from-group-input-border: 1px solid #c7c7c7;--from-group-input-focus-border-color: #1e1e1e;--from-group-input-focus-background-color: #c7c7c7;--profile-field-anchor-color: #165c95;--from-group-input-color: #080808;--form-group-input-disabled-background-color: #c7c7c7;--form-group-input-disabled-color: #080808;--modal-overlay-background-color: rgba(255, 255, 255, .7);--modal-content-background-color: rgb(144, 144, 144);--modal-content-color: #494949;--modal-content-input-background-color: #b6b6b6;--modal-content-input-color: #000000;--modal-content-input-border: 1px solid #c6c6c6;--modal-content-text-color: rgba(0, 0, 0, .8);--project-card-background-color: #c7c7c7;--project-card-heading-color: #474747;--project-card-text-color: #2d2d2d}.dark-theme{--bg-color: #121212;--text-color: #f0f0f0;--dashboard-border: 1px solid #c3c2c2;--dashboard-background-color: #efefef;--section-header-color: #f5f5f5;--form-container-background-color: #1e1e1e;--form-header-heading-color: #f4f4f4;--from-group-label-color: #ccc;--from-group-input-background-color: #2a2a2a;--from-group-input-border: 1px solid #444;--from-group-input-focus-border-color: #4dabf7;--from-group-input-focus-background-color: #4dabf7;--profile-field-anchor-color: #4dabf7;--from-group-input-color: #f5f5f5;--form-group-input-disabled-background-color: #222;--form-group-input-disabled-color: #aaa;--modal-overlay-background-color: rgba(0, 0, 0, .7);--modal-content-background-color: #1e1e1e;--modal-content-color: #f5f5f5;--modal-content-input-background-color: #2a2a2a;--modal-content-input-color: #fff;--modal-content-input-border: 1px solid #444;--modal-content-text-color: #f5f5f5;--project-card-background-color: #2a2a2a;--project-card-heading-color: #ccc;--project-card-text-color: #fff}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.dashboard-container,.dashboard-container h1,.dashboard-buttons button,.logout-button{color:var(--text-color)}.dashboard-section{border:var(--dashboard-border);background-color:var(--dashboard-border)}.section-header h2{color:var(--section-header-color)}.form-group label{color:var(--from-group-label-color)}.form-group input{background-color:var(--from-group-input-background-color);border:var(--from-group-input-border);color:var(--from-group-input-color)}.form-group input:focus{border-color:var(--from-group-input-focus-border-color);background-color:var(--from-group-input-focus-background-color)}.form-group input:disabled{background-color:var(--form-group-input-disabled-background-color);color:var(--form-group-input-disabled-color)}.form-group textarea{background-color:var(--from-group-input-background-color);border:var(--from-group-input-border);color:var(--from-group-input-color)}.modal-overlay{background-color:var(--modal-overlay-background-color)}.modal-content{background-color:var(--modal-content-background-color);color:var(--modal-content-color)}.modal-content input{background-color:var(--modal-content-input-background-color);color:var(--modal-content-input-color);border:var(--modal-content-input-border)}.theme-toggle-container{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;display:flex;align-items:center;gap:.75rem;background:transparent}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#4dabf7}input:checked+.slider:before{transform:translate(22px)}.theme-label{font-weight:700;color:var(--text-color)}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh}.dashboard-container{width:100%;max-width:800px;margin:2rem auto;padding:1rem}.dashboard-container h1{font-size:2rem;margin-bottom:1.5rem;text-align:center}.dashboard-container p{text-align:center;color:#4dabf7;margin-bottom:1rem}.logout-button{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;background-color:#ff4d4d;padding:.5rem 1rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:background-color .3s ease}.logout-button:hover{background-color:#e04444}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.dashboard-section{padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0006}.dashboard-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.dashboard-buttons button{background-color:#4dabf7;padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s}.dashboard-buttons button:hover{background-color:#339af0}button.disabled{opacity:.6;pointer-events:none}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.section-content{display:flex;flex-direction:column;gap:1.2rem}.section-header h2{font-size:1.3rem;margin-bottom:.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.4rem;font-size:.95rem;font-weight:500}.form-group input{padding:.6rem .8rem;border-radius:8px;font-size:1rem;transition:border-color .3s,background-color .3s}.form-group input:focus{outline:none}.form-group input:disabled{cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:var(--modal-overlay-background-color);display:flex;justify-content:center;align-items:center;z-index:999;transition:background-color .3s,color .3s}.modal-content{background-color:var(--modal-content-background-color);color:var(--modal-content-color);padding:2rem;border-radius:12px;width:90%;max-width:600px;transition:background-color .3s,color .3s}.modal-content input{background-color:var(--modal-content-input-background-color);color:var(--modal-content-input-color);border:var(--modal-content-input-border);margin-bottom:1rem;padding:.6rem;border-radius:6px;width:100%}.modal-content button{margin-top:1rem;background-color:#4dabf7;padding:.6rem 1rem;border:none;border-radius:6px;color:#fff;cursor:pointer}.modal-content button:hover{background-color:#339af0}.form-container{background-color:var(--form-container-background-color);padding:2rem;border-radius:12px;box-shadow:0 8px 20px #0009;width:100%;max-width:450px;animation:fadeIn .4s ease-in-out}.form-container.register{max-width:600px;min-width:450px}.form-header h1{text-align:center;color:var(--form-header-heading-color);font-size:2rem;margin-bottom:1rem}.form-header p{color:#ff6b6b;text-align:center;margin-bottom:1rem;font-size:.95rem}form{display:flex;flex-direction:column;gap:1.2rem}form label{display:block;margin-bottom:.5rem;color:var(--from-group-label-color);font-weight:500}form input[type=text],form input[type=email],form input[type=password]{width:100%;padding:.6rem .8rem;background-color:var(--from-group-input-background-color);border:1px solid #444;border-radius:8px;color:#f5f5f5;font-size:1rem;transition:border-color .3s,background-color .3s}form input:focus{border-color:#4dabf7;background-color:#333;outline:none}form input[type=submit]{padding:.75rem;background-color:#4dabf7;color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}form input[type=submit]:hover:not(:disabled){background-color:#339af0}form input[type=submit]:disabled{background-color:#555;color:#aaa;cursor:not-allowed}.form-footer{text-align:center;margin-top:1.5rem;font-size:.95rem;color:#aaa}.form-footer a{color:#4dabf7;text-decoration:none;font-weight:700;margin-left:4px}.form-footer a:hover{text-decoration:underline}.social-item{position:relative}.social-item .delete-btn{background-color:#ff6b6b;color:#fff;padding:.4rem .8rem;border:none;border-radius:6px;font-size:.9rem;margin-top:.5rem;cursor:pointer;align-self:flex-start}.social-item .delete-btn:hover{background-color:#ff4d4d}.add-social-form{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem}.add-social-form input{padding:.6rem;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:#f5f5f5;font-size:1rem}.add-social-form input:focus{border-color:#4dabf7;outline:none}.skill-item{position:relative}.skill-item .delete-btn{background-color:#ff6b6b;color:#fff;padding:.4rem .8rem;border:none;border-radius:6px;font-size:.9rem;margin-top:.5rem;cursor:pointer;align-self:flex-start}.skill-item .delete-btn:hover{background-color:#ff4d4d}.add-btn{margin-top:1rem;background-color:#4dabf7;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s}.add-btn:hover{background-color:#339af0}.add-skill-form{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem}.add-skill-form input{padding:.6rem;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:#f5f5f5;font-size:1rem}.add-skill-form input:focus{border-color:#4dabf7;outline:none}.add-actions{display:flex;gap:.8rem}.add-actions button{padding:.5rem 1rem;background-color:#4dabf7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.add-actions button:hover{background-color:#339af0}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.project-card{background-color:var(--project-card-background-color);color:var(--text-color);border:1px solid #444;padding:1rem;border-radius:10px;cursor:pointer;transition:background-color .3s,color .3s}.project-card:hover{transform:scale(1.02);border-color:#4dabf7}.project-card h3{margin-bottom:.5rem;font-size:1.1rem;color:var(--project-card-heading-color)}.project-card p{font-size:.95rem;margin-bottom:.3rem;color:var(--project-card-text-color)}.project-card a{display:inline-block;margin-right:1rem;color:#4dabf7;font-weight:500}.project-card a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .4s ease-in-out}.modal-content{background:var(--modal-content-background-color);color:var(--modal-content-color);padding:2rem;border-radius:12px;text-align:center;width:90%;max-width:400px;box-shadow:0 0 20px #0009}.modal-content p{color:var(--modal-content-text-color)}.modal-actions{margin-top:1.5rem;display:flex;justify-content:space-around}.modal-actions .confirm{background-color:#e63946;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer}.modal-actions .cancel{background-color:#555;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer}.view-only-banner{background-color:#333;color:#fc0;padding:.75rem 1rem;border:1px solid #555;border-radius:8px;margin-bottom:1.5rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.view-only-banner{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:#333;color:#f0f0f0;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-weight:500;animation:fadeSlideUp .3s ease,fadeOut .5s ease 2.5s forwards;z-index:999}.user-profile{max-width:900px;margin:2rem auto;padding:2rem;background-color:var(--form-container-background-color);border-radius:12px;box-shadow:0 0 20px #0009;color:var(--text-color)}.user-profile h1{font-size:2rem;margin-bottom:2rem;text-align:center;color:var(--form-header-heading-color)}.profile-field{margin-bottom:1.5rem}.profile-field label{display:block;font-weight:600;color:var(--from-group-label-color);margin-bottom:.4rem}.profile-field input,.profile-field textarea{width:100%;padding:.6rem .8rem;background-color:var(--from-group-input-background-color);color:var(--from-group-label-color);border:1px solid #444;border-radius:8px;font-size:1rem}.profile-field textarea{resize:none;min-height:80px}.profile-field ul{list-style:disc inside;padding-left:0;margin:0;text-align:left}.profile-field li{margin-bottom:.4rem;margin-left:1rem;color:var(--from-group-label-color)}.profile-field a{color:var(--profile-field-anchor-color);text-decoration:none}.profile-field a:hover{text-decoration:underline}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:#333;color:#f0f0f0;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-weight:500;z-index:999;animation:fadeSlideUp .3s ease,fadeOut .5s ease 2.5s forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%,-10px)}}.app-container{max-width:960px;margin:0 auto;padding:3rem 1.5rem;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--text-color)}.subtitle{font-size:1.25rem;text-align:center;margin-bottom:2.5rem;color:var(--text-color);opacity:.85}section{background-color:#ffffff0d;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-color)}ul,ol{margin-left:1.5rem;line-height:1.8;font-size:1rem;color:var(--text-color)}code{display:inline-block;margin-top:.5rem;padding:.4rem .8rem;background-color:#333;color:#fff;font-size:.95rem;border-radius:6px;font-family:Courier New,Courier,monospace}.cta-button{display:inline-block;margin:2rem auto 0;padding:.85rem 2rem;background-color:#4dabf7;color:#fff;font-size:1rem;font-weight:700;border-radius:10px;text-decoration:none;transition:background-color .3s ease,transform .2s;display:block;text-align:center;width:fit-content}.cta-button:hover{background-color:#339af0;transform:scale(1.03)}