body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:var(--sidebar-bg);box-shadow:var(--card-shadow);color:#fff;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:2rem 1.5rem}.sidebar-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-align:center}.sidebar-footer{border-top:1px solid #ffffff1a;font-size:.8rem;font-weight:400;padding:1rem 1.5rem;text-align:center}.sidebar-footer p{color:#fff}.sidebar-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-main-content{flex:1 1}.sidebar-nav{padding:1rem 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#fffc;display:flex;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;border-left-color:#ffffff80;color:#fff}.nav-item.active{background:#ffffff26;border-left-color:#fff;color:#fff}.nav-icon{font-size:1.2rem;margin-right:.75rem;text-align:center;width:20px}.nav-label{font-size:.95rem;font-weight:500}.mobile-menu-toggle{background:var(--sidebar-bg);border-radius:8px;box-shadow:var(--card-shadow);cursor:pointer;display:none;left:1rem;padding:.5rem;position:fixed;top:1rem;z-index:1001}.hamburger{display:flex;flex-direction:column;height:16px;justify-content:space-between;width:20px}.hamburger span{background:#fff;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:1024px){.sidebar{width:200px}.sidebar-header h2{font-size:1.3rem}.nav-item{padding:.75rem 1rem}.nav-label{font-size:.9rem}}@media (max-width:768px){.sidebar{width:60px}.nav-label,.sidebar-header h2{display:none}.nav-icon{font-size:1.4rem;margin-right:0}.nav-item{justify-content:center;padding:1rem .5rem}}@media (max-width:480px){.mobile-menu-toggle,.mobile-overlay{display:block}.sidebar{transform:translateX(-100%);width:280px}.sidebar.mobile-open{transform:translateX(0)}.sidebar-header h2{display:block;font-size:1.3rem}.nav-label{display:block;font-size:.9rem}.nav-icon{font-size:1.2rem;margin-right:.75rem}.nav-item{justify-content:flex-start;padding:1rem 1.5rem}}.layout{display:flex;min-height:100vh}.main-content{background:var(--bg-primary);flex:1 1;margin-left:250px;min-height:100vh;padding:2rem;transition:margin-left .3s ease,background-color .3s ease}@media (max-width:1024px){.main-content{margin-left:200px;padding:1.5rem}}@media (max-width:768px){.main-content{margin-left:60px;padding:1rem}}@media (max-width:480px){.main-content{margin-left:0;padding:.75rem}.layout{flex-direction:column;position:relative}.main-content{margin-left:0;margin-top:60px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;min-height:44px;min-width:44px;padding:0;transition:all .3s ease;width:30px}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.5rem}.date-selection{margin-bottom:2rem}.date-selection label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.date-selection input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .3s ease;width:100%}.date-selection input:focus{border-color:var(--accent-primary);outline:none}.time-selection{margin-bottom:2rem}.time-selection h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.loading{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.time-slots{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.time-slot{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-height:50px;padding:.75rem;position:relative;transition:all .3s ease}.time-slot:hover:not(.unavailable){background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.time-slot.selected{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-color:var(--accent-primary);color:#fff}.time-slot.unavailable{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.unavailable-text{color:var(--error-text)}.available-text,.unavailable-text{bottom:2px;font-size:.7rem;left:50%;position:absolute;transform:translateX(-50%)}.available-text{color:var(--success-text)}.booking-summary{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);border-radius:8px;padding:1.5rem}.booking-summary h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.booking-summary p{color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.book-button{font-size:1rem;margin-top:1rem;min-height:44px;padding:1rem;width:100%}.user-details-section{margin-bottom:2rem}.user-details-section h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.user-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1.5rem}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.user-header h4{color:var(--text-primary);font-size:1rem;margin:0}.remove-user-btn{background:var(--error-text);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;min-height:44px;min-width:44px;padding:.5rem 1rem;transition:background-color .3s ease}.remove-user-btn:hover{background:#c82333}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:var(--accent-primary);outline:none}.add-user-btn{background:var(--text-secondary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;min-height:44px;padding:.75rem;transition:background-color .3s ease;width:100%}.add-user-btn:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.modal-content{max-width:600px}.time-slots{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{margin:0;max-height:90vh;width:95%}.modal-header{padding:1rem}.modal-header h2{font-size:1.3rem}.modal-body{padding:1rem}.time-slots{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.time-slot{font-size:.8rem;min-height:44px;padding:.5rem}.form-row{gap:.5rem;grid-template-columns:1fr}.booking-summary,.user-form{padding:1rem}.book-button{font-size:.95rem;padding:.875rem}}@media (max-width:480px){.modal-overlay{padding:.25rem}.modal-content{max-height:95vh;width:98%}.modal-header{padding:.75rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:.75rem}.time-slots{gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.time-slot{font-size:.75rem;min-height:44px;padding:.4rem}.time-slot .available-text,.time-slot .unavailable-text{font-size:.6rem}.user-header{align-items:flex-start;flex-direction:column;gap:.5rem}.remove-user-btn{font-size:.75rem;padding:.4rem .8rem}.date-selection input,.form-group input{font-size:16px}.add-user-btn,.book-button{font-size:.9rem;padding:.75rem}}.page{background:var(--bg-primary);margin:0 auto;max-width:1200px;padding:0;transition:background-color .3s ease}.page-header{border-bottom:2px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.page-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.page-content{padding:0}.status-message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.status-message.success{background-color:var(--success-bg);border:1px solid var(--success-text);color:var(--success-text)}.status-message.error{background-color:var(--error-bg);border:1px solid var(--error-text);color:var(--error-text)}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;margin:.25rem;min-height:44px;min-width:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:#fff}.btn-primary:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed}.btn-primary:disabled,.btn-primary:disabled:hover{box-shadow:none;transform:none}.btn-secondary{background:#0000;border:2px solid var(--text-secondary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--text-secondary);color:#fff;transform:translateY(-2px)}.hero-section{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.hero-text h2{font-size:2rem}.hero-text h2,.hero-text h3{color:var(--text-primary);margin-bottom:1rem}.hero-text h3{font-size:1.5rem}.hero-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-image,[data-theme=dark] .hero-image{align-items:center;display:flex;justify-content:center}[data-theme=dark] .hero-image{opacity:.8}.placeholder-image{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);box-shadow:var(--hover-shadow);display:flex;font-size:8rem;justify-content:center}.placeholder-image,.profile-image{border-radius:50%;height:300px;width:300px}.profile-image{border:4px solid var(--bg-secondary);object-fit:cover}.quick-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10rem}.stat-card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:2rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:var(--accent-primary);font-size:2.5rem;margin-bottom:.5rem}.stat-card p{color:var(--text-secondary);font-weight:500}.about-section{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.about-text h2{color:var(--text-primary);margin-bottom:1rem}.about-text h3{color:var(--text-secondary);margin:2rem 0 1rem}.about-text p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.about-details{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.detail-card h4{color:var(--text-secondary);margin-bottom:.5rem}.detail-card p{color:var(--text-secondary);margin:.25rem 0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.flowchart-section{margin-bottom:3rem}.sub-header h2{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.flowchart-container{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden}.flowchart-placeholder{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%);border:2px dashed var(--border-color);border-radius:8px;margin:1rem;padding:3rem;text-align:center}.flowchart-placeholder p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:.5rem}.flowchart-note{color:var(--text-muted)!important;font-size:.9rem!important;font-style:italic}.flowchart-image-wrapper{margin:2rem 0;padding:2rem;text-align:center}.flowchart-image-wrapper h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.flowchart-image{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--hover-shadow);height:auto;margin:1rem 0;max-width:100%}.flowchart-caption{color:var(--text-secondary);font-size:.95rem;font-style:italic;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:600px}.explanation-section{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.explanation-section h2{color:var(--text-primary);margin-bottom:1.5rem}.explanation-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.explanation-section p:last-child{margin-bottom:0}.projects-section{margin-bottom:2rem}.projects-section h2{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.project-card-done{background:var(--bg-secondary)}.project-card-done,.project-card-todo{border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;transition:transform .3s ease}.project-card-todo{background:var(--error-bg)}.project-card-done:hover,.project-card-todo:hover{transform:translateY(-5px)}.project-image-container{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);height:200px;overflow:hidden;position:relative}.project-icon,.project-image-container{align-items:center;display:flex;justify-content:center}.project-icon{height:100%;width:100%}.project-image{border-radius:8px;box-shadow:var(--card-shadow);max-height:80%;max-width:80%;object-fit:contain;transition:transform .3s ease}.project-image:hover{transform:scale(1.05)}.project-content{padding:1.5rem}.project-content h3{color:var(--text-primary);margin-bottom:.5rem}.project-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.project-explanation{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.project-explanation p{font-size:.9rem;line-height:1.5;margin:0}.project-explanation strong{color:var(--text-primary)}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:var(--bg-tertiary);border-radius:20px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:.25rem .75rem}.project-actions{display:flex;flex-wrap:wrap;gap:.5rem}.skills-overview{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:2rem}.skills-overview p{color:var(--text-secondary);line-height:1.6;margin:0}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.skill-category{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:2rem}.skill-category h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem}.skills-list{grid-gap:1rem;display:grid;gap:1rem}.skill-item{grid-gap:.5rem;display:grid;gap:.5rem}.skill-header{align-items:center;display:flex;justify-content:space-between}.skill-name{color:var(--text-primary);font-weight:600}.skill-level{color:var(--text-secondary);font-weight:600}.skill-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:4px;height:100%;transition:width 1s ease}.additional-skills{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:2rem}.additional-skills h3{color:var(--text-primary);margin-bottom:1rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.experience-timeline{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:2rem}.experience-item{background:var(--bg-secondary);border-left:4px solid var(--text-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:2rem}.experience-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.experience-title h3{color:var(--text-primary);margin-bottom:.25rem}.experience-title h4{color:var(--text-secondary);margin-bottom:.25rem}.experience-period{color:var(--text-secondary);font-size:.9rem}.experience-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.experience-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.experience-achievements h5{color:var(--text-primary);margin-bottom:.5rem}.experience-achievements ul{color:var(--text-secondary);padding-left:1.5rem}.experience-achievements li{margin-bottom:.25rem}.experience-summary{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:2rem}.experience-summary h3{color:var(--text-primary);margin-bottom:1rem}.experience-summary p{color:var(--text-secondary);line-height:1.6;margin:0}.contact-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-info{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:2rem}.contact-info h3{color:var(--text-primary);margin-bottom:1.5rem}.contact-item{align-items:center;display:flex;margin-bottom:1.5rem}.contact-icon{font-size:1.5rem;margin-right:1rem;text-align:center;width:40px}.contact-item h4{color:var(--text-primary);margin-bottom:.25rem}.contact-item p{color:var(--text-secondary);margin:0}.contact-form{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:2rem}.contact-form h3{color:var(--text-primary)}.contact-form small{color:var(--text-secondary);font-size:.8rem;margin-bottom:5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;min-height:44px;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none}@media (max-width:1200px){.page{max-width:100%;padding:0 1rem}.hero-section{gap:2rem}.quick-stats{margin-top:5rem}}@media (max-width:1024px){.page-header h1{font-size:2.2rem}.hero-section{gap:1.5rem}.placeholder-image,.profile-image{height:250px;width:250px}.placeholder-image{font-size:6rem}.skills-container{grid-template-columns:1fr 1fr}.contact-container{gap:2rem;grid-template-columns:1fr}}@media (max-width:768px){.page-header{margin-bottom:2rem;padding-bottom:1.5rem}.page-header h1{font-size:2rem}.subtitle{font-size:1rem}.hero-section{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-text h2{font-size:1.8rem}.hero-text h3{font-size:1.3rem}.hero-text p{font-size:1rem}.placeholder-image{font-size:5rem}.placeholder-image,.profile-image{height:200px;width:200px}.about-section,.contact-container{gap:2rem;grid-template-columns:1fr}.experience-header{align-items:flex-start;flex-direction:column}.projects-grid{grid-template-columns:1fr}.quick-stats{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:3rem}.skills-container{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-card h3{font-size:2rem}.cta-buttons{justify-content:center}.btn{font-size:.9rem;padding:.875rem 1.25rem}}@media (max-width:480px){.page{padding:0 .5rem}.page-header{margin-bottom:1.5rem;padding-bottom:1rem}.page-header h1{font-size:1.8rem}.subtitle{font-size:.9rem}.hero-section{gap:1.5rem;margin-bottom:2rem}.hero-text h2{font-size:1.6rem}.hero-text h3{font-size:1.2rem}.hero-text p{font-size:.95rem;line-height:1.5}.placeholder-image{font-size:4rem}.placeholder-image,.profile-image{height:150px;width:150px}.quick-stats{gap:1rem;grid-template-columns:1fr;margin-top:2rem}.stat-card{padding:1rem}.stat-card h3{font-size:1.8rem}.btn{font-size:.85rem;padding:.75rem 1rem;text-align:center;width:100%}.cta-buttons{flex-direction:column;width:100%}.form-group input,.form-group textarea{font-size:16px}.project-content{padding:1rem}.contact-form,.contact-info,.experience-item,.skill-category{padding:1.5rem}}.notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:var(--card-shadow);max-width:400px;min-width:300px;position:fixed;right:100px;top:20px;z-index:10000}.notification-content{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:16px 20px}.notification-message{flex:1 1;font-size:14px;line-height:1.4;margin-right:12px}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;min-height:44px;min-width:44px;padding:0;transition:background-color .2s;width:20px}.notification-close:hover{background-color:var(--bg-tertiary)}.notification-success{background-color:var(--success-bg);border:1px solid var(--success-text);color:var(--success-text)}.notification-error{background-color:var(--error-bg);border:1px solid var(--error-text);color:var(--error-text)}.notification-info{background-color:var(--bg-secondary);border:1px solid var(--accent-primary);color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.notification{max-width:350px}}@media (max-width:768px){.notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.notification-content{padding:14px 16px}.notification-message{font-size:13px;margin-right:10px}.notification-close{font-size:16px;height:24px;width:24px}}@media (max-width:480px){.notification{border-radius:6px;left:5px;right:5px;top:5px}.notification-content{padding:12px 14px}.notification-message{font-size:12px;margin-right:8px}.notification-close{font-size:14px;height:28px;width:28px}}:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#e9ecef;--text-primary:#333;--text-secondary:#6c757d;--text-muted:#adb5bd;--border-color:#e9ecef;--shadow-color:#0000001a;--accent-primary:#5e88d7;--accent-secondary:#585ad3;--success-bg:#d4edda;--success-text:#155724;--error-bg:#f8d7da;--error-text:#721c24;--sidebar-bg:linear-gradient(135deg,#5e88d7,#585ad3);--card-shadow:0 4px 6px #0000001a;--hover-shadow:0 8px 32px #667eea4d}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:grey;--border-color:#404040;--shadow-color:#0000004d;--accent-primary:#7ba4ff;--accent-secondary:#6b8cff;--success-bg:#1e4d2b;--success-text:#4ade80;--error-bg:#4d1e1e;--error-text:#f87171;--sidebar-bg:linear-gradient(135deg,#2d3748,#1a202c);--card-shadow:0 4px 6px #0000004d;--hover-shadow:0 8px 32px #7ba4ff4d}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:grey;--border-color:#404040;--shadow-color:#0000004d;--accent-primary:#7ba4ff;--accent-secondary:#6b8cff;--success-bg:#1e4d2b;--success-text:#4ade80;--error-bg:#4d1e1e;--error-text:#f87171;--sidebar-bg:linear-gradient(135deg,#2d3748,#1a202c);--card-shadow:0 4px 6px #0000004d;--hover-shadow:0 8px 32px #7ba4ff4d}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--bg-primary);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;transition:background-color .3s ease,color .3s ease}.App{min-height:100vh}h1,h2,h3,h4,h5,h6{color:#333;color:var(--text-primary);font-weight:600;line-height:1.2}p{color:#6c757d;color:var(--text-secondary);margin-bottom:1rem}a{color:inherit;text-decoration:none}button{cursor:pointer;min-height:44px;min-width:44px}.theme-toggle{align-items:center;background:#fff;background:var(--bg-secondary);border:2px solid #e9ecef;border:2px solid var(--border-color);border-radius:50%;box-shadow:0 4px 6px #0000001a;box-shadow:var(--card-shadow);cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:1rem;top:1rem;transition:all .3s ease;width:50px;z-index:1002}.theme-toggle:hover{box-shadow:0 8px 32px #667eea4d;box-shadow:var(--hover-shadow);transform:scale(1.1)}.theme-toggle svg{color:#333;color:var(--text-primary);height:20px;width:20px}@media (max-width:768px){body{font-size:14px}h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.3rem!important}.grecaptcha-badge{visibility:hidden}}@media (max-width:480px){body{font-size:13px}h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e9ecef;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#adb5bd;background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-secondary)}@media (max-width:768px){a,button,input,textarea{min-height:44px}.container,.page{padding-left:1rem;padding-right:1rem}body{overflow-x:hidden}}@media (max-width:768px) and (orientation:landscape){.page-header{margin-bottom:1rem;padding-bottom:.5rem}.hero-section{gap:1rem;margin-bottom:1.5rem}.quick-stats{margin-top:1.5rem}.modal-content{max-height:85vh}}@media (max-width:360px){body{font-size:12px}.page{padding:0 .25rem}.hero-text h2{font-size:1.4rem!important}.hero-text h3{font-size:1.1rem!important}.hero-text p{font-size:.9rem!important}.placeholder-image,.profile-image{height:120px;width:120px}.placeholder-image{font-size:3rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.profile-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.grecaptcha-badge{bottom:14px!important;filter:none;z-index:1000}[data-theme=dark] .grecaptcha-badge{bottom:14px!important;filter:invert(1) grayscale(1);z-index:1000}