:root{--color-bg-primary:#f8f9fa;--color-bg-secondary:#f1f3f5;--color-card-bg:#fff;--color-input-bg:#fff;--color-text-primary:#212529;--color-text-secondary:#6c757d;--color-accent:#4361ee;--color-accent-light:#4361ee20;--color-accent-dark:#3a56d4;--color-success:#2ecc71;--color-warning:#f39c12;--color-danger:#e74c3c;--color-border:#dee2e6;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#121212;--color-bg-secondary:#1e1e1e;--color-card-bg:#2d2d2d;--color-input-bg:#2d2d2d;--color-text-primary:#e9ecef;--color-text-secondary:#adb5bd;--color-border:#444}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:#212529;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{transition:all .2s}.btn-primary{background-color:#4361ee;background-color:var(--color-accent)}.btn-primary:hover{background-color:#3a56d4;background-color:var(--color-accent-dark)}.btn-secondary{background-color:#f1f3f5;background-color:var(--color-bg-secondary);border:1px solid #dee2e6;border:1px solid var(--color-border);color:#212529;color:var(--color-text-primary)}.btn-secondary:hover{background-color:#dee2e6;background-color:var(--color-border)}.form-label{font-size:.9rem}.form-control,.form-label{color:#212529;color:var(--color-text-primary)}.form-control{background-color:#fff;background-color:var(--color-input-bg);border:1px solid #dee2e6;border:1px solid var(--color-border);border-radius:4px}.form-control:focus{border-color:#4361ee;border-color:var(--color-accent);box-shadow:0 0 0 2px #4361ee20;box-shadow:0 0 0 2px var(--color-accent-light)}:root{--primary-color:#4a6fa5;--secondary-color:#166088;--accent-color:#4cb5ae;--background-color:#f8f9fa;--text-color:#333;--sidebar-width:250px;--header-height:70px;--border-radius:8px;--box-shadow:0 2px 10px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Roboto,Segoe UI,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:linear-gradient(135deg,#4a6fa5,#166088);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);color:#fff;display:flex;height:70px;height:var(--header-height);justify-content:space-between;left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:100}.app-title{font-size:1.5rem;font-weight:700;letter-spacing:.5px}.main-container{display:flex;flex:1 1;margin-top:70px;margin-top:var(--header-height)}.content{flex:1 1;margin-left:0;padding:20px}.dashboard h2{color:#4a6fa5;color:var(--primary-color);margin-bottom:20px}.dashboard-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.dashboard-card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);padding:20px}.dashboard-card h3{border-bottom:1px solid #eee;color:#166088;color:var(--secondary-color);margin-bottom:15px;padding-bottom:10px}.habits-list{gap:12px}.habit-item{align-items:center;background-color:#f9f9f9;border-radius:8px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:10px}.habit-info{align-items:center;gap:10px}.habit-name{font-weight:500}.habit-streak{flex-direction:column}.streak-count{color:#4cb5ae;color:var(--accent-color);font-size:1.2rem;font-weight:700}.streak-label{color:#777}.skills-list{gap:15px}.skill-item,.skills-list{display:flex;flex-direction:column}.skill-item{gap:5px}.skill-header{align-items:center}.skill-name{font-weight:500}.skill-category{background-color:#f0f0f0;border-radius:10px;color:#777;padding:2px 8px}.skill-progress-container{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.skill-progress-bar{background-color:#4cb5ae;background-color:var(--accent-color);height:100%}.skill-percentage{color:#4cb5ae;color:var(--accent-color);font-size:.9rem;font-weight:500;text-align:right}.btn{border-radius:var(--border-radius);padding:8px 16px}.btn-primary{background-color:#4a6fa5;background-color:var(--primary-color)}.btn-primary:hover{background-color:#3a5a84}.btn-secondary{background-color:#166088;background-color:var(--secondary-color);color:#fff}.btn-accent{background-color:#4cb5ae;background-color:var(--accent-color);color:#fff}.btn-accent:hover{background-color:#3a9e98}.btn-sm{font-size:.85rem;padding:5px 10px}.btn-complete{background-color:#4caf50;color:#fff}.btn-complete:hover{background-color:#3e8e41}.btn-secondary:hover{background-color:#0e4f6e}.card{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);margin-bottom:20px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-title{color:#4a6fa5;color:var(--primary-color);font-size:1.2rem}.form-group{margin-bottom:15px}.form-label{display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;padding:8px 12px}@media (max-width:768px){.main-container{flex-direction:column}.content{margin-left:0;margin-top:60px}}.navbar{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 2px 4px #0000001a;color:#fff;height:var(--header-height);justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-menu{align-items:center;display:flex;gap:20px}.navbar-item{border-radius:var(--border-radius);color:#fff;font-weight:500;padding:8px 12px;text-decoration:none;transition:background-color .2s}.navbar-item:hover{background-color:#ffffff1a}.navbar-dropdown{display:inline-block;position:relative}.navbar-profile{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 12px}.dropdown-icon{font-size:.7rem;margin-left:5px}.dropdown-content{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:none;min-width:160px;position:absolute;right:0;z-index:1}.navbar-dropdown:hover .dropdown-content{display:block}.dropdown-item{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:.9rem;padding:12px 16px;text-align:left;text-decoration:none;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.logout-btn{color:#d32f2f}.layout-container{min-height:100vh;padding-top:var(--header-height)}@media (max-width:768px){.navbar-menu{gap:10px}.navbar-item{font-size:.9rem;padding:6px 8px}}.auth-container{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));padding:20px}.auth-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:450px;padding:30px;width:100%}.auth-card h2{color:var(--primary-color);margin-bottom:24px;text-align:center}.auth-error{background-color:#ffebee;border-radius:4px;color:#c62828;font-size:.9rem;padding:10px}.auth-error,.form-group{margin-bottom:20px}.form-text{color:var(--text-color);display:block;font-size:.8rem;margin-top:5px;opacity:.7}.btn-block{font-size:1rem;margin-top:10px;padding:12px;width:100%}.auth-footer{font-size:.9rem;margin-top:20px;text-align:center}.auth-link{color:var(--primary-color);cursor:pointer;font-weight:500}.auth-link:hover{text-decoration:underline}.dashboard-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.quick-access{margin-bottom:3rem}.section-title{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.quick-access-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quick-access-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;color:inherit;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.quick-access-card:hover{box-shadow:0 8px 30px #0000001f;color:inherit;text-decoration:none;transform:translateY(-4px)}.quick-access-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.quick-access-content h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.quick-access-content p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.page-title{margin:0}.motivation-level{align-items:center;display:flex}.motivation-badge{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.motivation-badge.excellent{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.motivation-badge.great{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.motivation-badge.good{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.motivation-badge.getting-started{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.motivation-badge.beginner{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{border-radius:12px;font-size:2.5rem;height:60px;width:60px}.stat-content{flex:1 1}.stat-value{font-size:2.5rem;line-height:1;margin-bottom:.25rem}.stat-subtitle{font-size:.85rem;margin:0}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #0000001f}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;padding:1.5rem 2rem}.card-title{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.habit-analytics{grid-column:span 1}.habit-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:2rem}.habit-stat{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;padding:1rem}.stat-label{color:#6c757d;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.chart-container{padding:1.5rem 2rem}.learning-analytics,.skill-analytics{grid-column:span 1}.weekly-activity{grid-column:span 2}.project-analytics{grid-column:span 1}.project-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:2rem}.project-stat{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;padding:1rem}.learning-time{grid-column:span 1}.learning-time-stats{gap:2rem;padding:2rem}.learning-time-stats,.time-stat{display:flex;flex-direction:column}.time-stat{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:1.5rem}.time-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.time-label{font-size:.9rem;opacity:.9;text-align:center}.error,.loading{align-items:center;color:#6c757d;display:flex;font-size:1.1rem;height:200px;justify-content:center}.error{background:#fdf2f2;border:1px solid #fecaca;border-radius:12px;color:#e74c3c;margin:2rem}@media (max-width:1200px){.weekly-activity{grid-column:span 1}}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-grid,.dashboard-stats,.habit-stats,.project-stats{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.chart-container{height:250px;padding:1rem}}@media (max-width:480px){.page-title{font-size:2rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:2rem;height:50px;width:50px}}.skill-goals-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.alert-content ul{margin:.5rem 0 0;padding-left:1.5rem}.alert-content li{margin-bottom:.25rem}.skills-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.skill-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.5rem;transition:all .3s ease}.skill-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.skill-card:before{background:#2196f3;background:var(--skill-color,#2196f3);content:"";height:4px;left:0;position:absolute;right:0;top:0}.skill-card.in-progress:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.skill-card.completed:before{background:linear-gradient(90deg,#2ecc71,#27ae60)}.skill-card.not-started:before{background:linear-gradient(90deg,#95a5a6,#7f8c8d)}.skill-info{flex:1 1}.skill-category{font-size:.85rem}.skill-status{flex-shrink:0}.status-badge{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.in-progress{background:#fff3cd;color:#856404}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.not-started{background:#f8d7da;color:#721c24}.skill-description{color:#6c757d;line-height:1.5;margin:0 0 1rem}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.skill-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.metric{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.metric-label{color:#6c757d;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-value{align-items:baseline;display:flex;margin-bottom:.25rem}.level-number{color:#2c3e50;font-size:1.5rem;font-weight:700}.level-target{color:#6c757d;font-size:1rem;margin-left:.25rem}.confidence-description,.level-description{color:#6c757d;font-size:.8rem;text-align:center}.star{font-size:1rem}.hours-section{margin-bottom:1rem}.hours-info{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.hours-current{color:#2c3e50;font-size:1.2rem;font-weight:600}.hours-separator,.hours-target{color:#6c757d;font-size:1rem}.hours-progress{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden;width:100%}.hours-bar{background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:3px;height:100%;transition:width .3s ease}.last-activity{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.5rem}.last-activity i{color:#95a5a6}.skill-actions{gap:.5rem;justify-content:flex-end}.action-btn.log-hours{background:#e3f2fd;color:#1976d2}.action-btn.log-hours:hover{background:#bbdefb}@media (max-width:768px){.skill-goals-container{padding:1rem}.page-header{align-items:stretch;flex-direction:column}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section,.skill-metrics,.skills-grid{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.skill-card,.stat-card{padding:1rem}.chart-container{height:250px}}.habit-tracker-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.controls-section{align-items:center;display:flex;gap:2rem;justify-content:space-between}.view-controls{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;gap:.5rem;padding:.25rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-btn:hover:not(.active){background:#f8f9fa}.filter-select{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:border-color .2s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.calendar-section{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:1.5rem}.calendar-header{justify-content:space-between;margin-bottom:1.5rem}.calendar-header,.nav-btn{align-items:center;display:flex}.nav-btn{background:#f8f9fa;border:none;border-radius:8px;color:#6c757d;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-btn:hover{background:#e9ecef;color:#495057}.calendar-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.calendar-grid{grid-gap:1px;background:#e9ecef;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-weekdays{background:#f8f9fa;display:grid;grid-template-columns:repeat(7,1fr)}.weekday{color:#6c757d;font-size:.9rem;font-weight:600;padding:1rem;text-align:center}.calendar-day{background:#fff;display:flex;flex-direction:column;min-height:100px;padding:.75rem;transition:background-color .2s ease}.calendar-day:hover{background:#f8f9fa}.calendar-day.other-month{background:#f8f9fa;color:#adb5bd}.calendar-day.today{background:#e3f2fd;border:2px solid #2196f3}.day-number{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.day-habits{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto}.habit-dot{border:none;border-radius:50%;cursor:pointer;height:8px;opacity:.3;transition:all .2s ease;width:8px}.habit-dot.completed{opacity:1}.habit-dot:hover{opacity:1;transform:scale(1.2)}.more-habits{color:#6c757d;font-size:.7rem;font-weight:500}.habits-list{display:flex;flex-direction:column;gap:1.5rem}.habit-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.5rem;transition:all .3s ease}.habit-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.habit-card:before{background:#4caf50;background:var(--habit-color,#4caf50);content:"";height:4px;left:0;position:absolute;right:0;top:0}.habit-header{justify-content:space-between;margin-bottom:1rem}.habit-header,.habit-info{align-items:flex-start;display:flex}.habit-info{flex:1 1;gap:1rem}.habit-color-indicator{border-radius:50%;flex-shrink:0;height:12px;margin-top:.5rem;width:12px}.habit-name{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.habit-meta{flex-wrap:wrap;gap:.5rem}.category-badge,.difficulty-badge,.frequency-badge{border-radius:6px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.category-badge.health{background:#e8f5e8;color:#2e7d32}.category-badge.learning{background:#e3f2fd;color:#1565c0}.category-badge.productivity{background:#fff3e0;color:#ef6c00}.category-badge.mindfulness{background:#f3e5f5;color:#7b1fa2}.category-badge.exercise{background:#ffebee;color:#c62828}.category-badge.social{background:#e0f2f1;color:#00695c}.category-badge.creative{background:#fce4ec;color:#c2185b}.category-badge.other{background:#f5f5f5;color:#424242}.difficulty-badge.easy{background:#e8f5e8;color:#2e7d32}.difficulty-badge.medium{background:#fff3e0;color:#ef6c00}.difficulty-badge.hard{background:#ffebee;color:#c62828}.frequency-badge{background:#f3e5f5;color:#7b1fa2}.track-status{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.track-status.on-track{background:#d4edda;color:#155724}.track-status.off-track{background:#f8d7da;color:#721c24}.habit-description{color:#6c757d;line-height:1.5;margin:0 0 1rem}.streak-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.streak-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.streak-label{color:#6c757d;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.streak-value{color:#2c3e50;font-size:1.2rem;font-weight:700}.progress-value{font-size:1rem}.recent-activity{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem}.activity-item{align-items:center;display:flex;justify-content:space-between}.activity-label{color:#6c757d;font-size:.9rem;font-weight:500}.activity-value{color:#2c3e50;font-size:.9rem;font-weight:600}.days-ago{color:#95a5a6;font-weight:400}.habit-actions{gap:.5rem;justify-content:flex-end}.action-btn.complete{background:#e8f5e8;color:#2e7d32}.action-btn.complete:hover{background:#c8e6c9}@media (max-width:768px){.habit-tracker-container{padding:1rem}.page-header{align-items:stretch;flex-direction:column}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.controls-section{align-items:stretch;flex-direction:column;gap:1rem}.view-controls{justify-content:center}.calendar-day{min-height:80px;padding:.5rem}.habit-header{align-items:stretch;flex-direction:column;gap:1rem}.streak-info{grid-template-columns:1fr}.recent-activity{gap:.75rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.habit-card,.stat-card{padding:1rem}.chart-container{height:250px}.calendar-day{min-height:60px;padding:.25rem}.day-number{font-size:.9rem}.habit-dot{height:6px;width:6px}}.learning-planner-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.resources-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.resource-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.resource-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.resource-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.resource-card.in-progress:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.resource-card.completed:before{background:linear-gradient(90deg,#2ecc71,#27ae60)}.resource-card.not-started:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.resource-card.on-hold:before{background:linear-gradient(90deg,#95a5a6,#7f8c8d)}.resource-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.resource-info{flex:1 1}.resource-title{color:#2c3e50;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.resource-meta{align-items:center;display:flex;gap:.5rem}.resource-type{border-radius:6px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.resource-type.book{background:#e8f5e8;color:#2e7d32}.resource-type.course{background:#e3f2fd;color:#1565c0}.resource-type.video{background:#fff3e0;color:#ef6c00}.resource-type.article{background:#f3e5f5;color:#7b1fa2}.resource-type.documentation{background:#e0f2f1;color:#00695c}.resource-type.tutorial{background:#fce4ec;color:#c2185b}.resource-type.podcast{background:#f1f8e9;color:#558b2f}.resource-type.other{background:#f5f5f5;color:#424242}.priority-badge{border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.priority-badge.high{background:#ffebee;color:#c62828}.priority-badge.medium{background:#fff3e0;color:#ef6c00}.priority-badge.low{background:#e8f5e8;color:#2e7d32}.resource-status{flex-shrink:0}.resource-description{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.resource-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem}.detail-item i{color:#95a5a6;width:16px}.resource-link{color:#667eea;font-weight:500;text-decoration:none}.resource-link:hover{text-decoration:underline}.resource-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.resource-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width:768px){.learning-planner-container{padding:1rem}.page-header{align-items:stretch;flex-direction:column}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section,.resources-grid{grid-template-columns:1fr}.filters,.resource-header{align-items:stretch;flex-direction:column}.resource-header{gap:1rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.resource-card,.stat-card{padding:1rem}.chart-container{height:250px}}.mini-projects-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.project-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.project-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.project-card.in-progress:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.project-card.completed:before{background:linear-gradient(90deg,#2ecc71,#27ae60)}.project-card.planning:before{background:linear-gradient(90deg,#3498db,#2980b9)}.project-card.on-hold:before{background:linear-gradient(90deg,#95a5a6,#7f8c8d)}.project-card.abandoned:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.project-header{margin-bottom:1rem}.project-info{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.project-name{color:#2c3e50;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.project-status{flex-shrink:0}.status-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.project-description{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.progress-section{margin-bottom:1rem}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label{color:#6c757d;font-size:.9rem;font-weight:500}.progress-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.goals-section{margin-bottom:1rem}.goals-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.goals-label{color:#6c757d;font-size:.9rem;font-weight:500}.goals-progress{color:#2c3e50;font-size:.9rem;font-weight:600}.goals-list{display:flex;flex-direction:column;gap:.5rem}.goal-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;gap:.5rem;padding:.5rem}.goal-checkbox,.goal-item{align-items:center;display:flex}.goal-checkbox{background:#e9ecef;border-radius:50%;color:#6c757d;font-size:.8rem;font-weight:700;height:16px;justify-content:center;width:16px}.goal-checkbox.completed{background:#2ecc71;color:#fff}.goal-text{color:#2c3e50;flex:1 1;font-size:.9rem}.goal-text.completed{color:#6c757d;text-decoration:line-through}.more-goals{color:#6c757d;font-size:.8rem;font-style:italic;padding:.5rem;text-align:center}.links-section{display:flex;gap:.5rem;margin-bottom:1rem}.project-link{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#667eea;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.project-link:hover{background:#e9ecef;color:#5a6fd8}.related-skills{margin-bottom:1rem}.skills-label{color:#6c757d;font-size:.9rem;font-weight:500;margin-right:.5rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.skill-tag{background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.learning-outcomes{margin-bottom:1rem}.outcomes-label{color:#6c757d;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.outcomes-list{color:#2c3e50;font-size:.9rem;line-height:1.5;margin:0;padding-left:1.5rem}.outcomes-list li{margin-bottom:.25rem}.timeline-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem}.timeline-item{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem}.timeline-item i{color:#95a5a6;width:16px}.project-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn.goals{background:#e8f5e8;color:#2e7d32}.action-btn.goals:hover{background:#c8e6c9}.empty-state{grid-column:1/-1}@media (max-width:768px){.mini-projects-container{padding:1rem}.page-header{align-items:stretch;flex-direction:column}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section,.projects-grid{grid-template-columns:1fr}.filters,.project-info{align-items:stretch;flex-direction:column}.project-info{gap:.5rem}.links-section{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.project-card,.stat-card{padding:1rem}.chart-container{height:250px}}.self-assessment-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:1.5rem}.chart-card h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.chart-container{height:300px;position:relative}.controls-section{margin-bottom:2rem}.filters{align-items:center;display:flex;gap:1rem}.filter-select,.sort-select{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:border-color .2s ease}.filter-select:focus,.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e9ecef;padding:1.5rem}.modal-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600}.close-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#e9ecef;color:#495057}form{padding:1.5rem}.form-group label{color:#2c3e50;font-size:.9rem;font-weight:500}.form-control{border:1px solid #ced4da;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control::placeholder{color:#adb5bd}.assessments-list{display:flex;flex-direction:column;gap:1.5rem}.assessment-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:1.5rem;transition:all .3s ease}.assessment-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.assessment-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1rem}.assessment-info{flex:1 1}.skill-name{font-size:1.3rem;margin:0 0 .25rem}.skill-category{background:#f8f9fa;font-size:.9rem}.assessment-meta{display:flex;flex-direction:column;gap:1rem;min-width:200px}.confidence-level,.self-rating{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.confidence-label,.rating-label{color:#6c757d;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.confidence-stars{display:flex;gap:.25rem;margin-bottom:.25rem}.star{font-size:1.2rem;opacity:.3;transition:opacity .2s ease}.star.filled{opacity:1}.confidence-description,.rating-description{color:#2c3e50;font-size:.9rem;font-weight:600;text-align:center}.rating-value{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.assessment-notes,.assessment-reflections,.assessment-section{margin-bottom:1rem}.assessment-notes h4,.assessment-reflections h4,.assessment-section h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .5rem}.assessment-notes p,.assessment-reflections p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.strength-tag{background:#d4edda;color:#155724}.improvement-tag,.strength-tag{border-radius:6px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.improvement-tag{background:#fff3cd;color:#856404}.blocker-tag{background:#f8d7da;border-radius:6px;color:#721c24;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.assessment-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.assessment-dates{display:flex;flex-direction:column;gap:.25rem}.assessment-date,.review-date{color:#6c757d;font-size:.85rem}.review-date.overdue{color:#e74c3c;font-weight:600}.assessment-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn.history{background:#e3f2fd;color:#1976d2}.action-btn.history:hover{background:#bbdefb}.action-btn.edit{background:#f3e5f5;color:#7b1fa2}.action-btn.edit:hover{background:#e1bee7}.action-btn.delete{background:#ffebee;color:#d32f2f}.action-btn.delete:hover{background:#ffcdd2}.modal-actions{border-top:1px solid #e9ecef;gap:1rem;padding-top:1rem}.empty-state{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6c757d;font-size:1rem;margin:0 0 2rem;max-width:400px}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.btn-secondary:hover{background:#e9ecef;color:#495057}@media (max-width:768px){.self-assessment-container{padding:1rem}.page-header{align-items:stretch;flex-direction:column}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.assessment-header{flex-direction:column;gap:1rem}.assessment-meta{flex-direction:row;min-width:auto}.assessment-footer{align-items:stretch;flex-direction:column;gap:1rem}.assessment-actions{justify-content:center}.filters{align-items:stretch;flex-direction:column}.form-row{grid-template-columns:1fr}.modal-overlay{padding:1rem}.modal-actions{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.assessment-card,.stat-card{padding:1rem}.chart-container{height:250px}.assessment-meta{flex-direction:column}}.activity-tracker-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.page-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.header-content{flex:1 1}.page-title{color:#2c3e50;font-size:2.5rem;font-weight:300;margin:0 0 .5rem}.page-subtitle{color:#6c757d;font-size:1.1rem;margin:0}.period-selector{flex-shrink:0}.period-select{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:border-color .2s ease}.period-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.stat-content h3{color:#6c757d;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.stat-subtitle{color:#95a5a6;font-size:.8rem;margin-top:.25rem}.alert{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-content h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.alert-content p{margin:0 0 .5rem}.neglected-skills-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.neglected-skill-item{align-items:center;background:#ffffff80;border-radius:6px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem}.days-ago{font-weight:500;margin-left:auto}.heatmap-section{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.heatmap-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.heatmap-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.heatmap-legend{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem}.legend-squares{display:flex;gap:2px}.legend-square{border:1px solid;border-radius:2px;height:12px;width:12px}.heatmap-container{margin-bottom:1rem;overflow-x:auto}.heatmap-grid{display:flex;gap:2px;min-width:-webkit-max-content;min-width:max-content}.heatmap-week{display:flex;flex-direction:column;gap:2px}.heatmap-day{border:1px solid;border-radius:2px;cursor:pointer;height:12px;transition:transform .1s ease;width:12px}.heatmap-day:hover{transform:scale(1.2)}.heatmap-info{color:#6c757d;font-size:.9rem;line-height:1.5}.heatmap-info p{margin:.5rem 0}.skills-overview-section{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.skills-overview-section h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skill-activity-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.skill-activity-card.neglected{background:#fff3cd;border-color:#ffeaa7}.skill-activity-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.skill-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.skill-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.skill-category{background:#fffc;border-radius:6px;color:#6c757d;font-size:.8rem;padding:.25rem .5rem}.skill-activity-info{display:flex;flex-direction:column;gap:.75rem}.activity-status{align-items:center;display:flex;gap:.5rem}.status-active{color:#2e7d32;font-size:.9rem;font-weight:600}.status-neglected{color:#d32f2f;font-size:.9rem;font-weight:600}.last-activity{color:#6c757d;font-size:.9rem}.no-activity{color:#95a5a6;font-style:italic}.insights-section{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.insights-section h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.insight-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.insight-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.insight-content h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.insight-content p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.error-message,.loading{align-items:center;color:#6c757d;display:flex;font-size:1.1rem;height:200px;justify-content:center}.error-message{background:#fdf2f2;border:1px solid #fecaca;border-radius:12px;color:#e74c3c;margin:2rem}@media (max-width:768px){.activity-tracker-container{padding:1rem}.page-header{align-items:stretch;flex-direction:column}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.heatmap-header{align-items:stretch;flex-direction:column}.heatmap-legend{justify-content:center}.insights-grid,.skills-grid{grid-template-columns:1fr}.insight-card{flex-direction:column;text-align:center}.neglected-skills-list{gap:.75rem}.neglected-skill-item{align-items:flex-start;flex-direction:column;gap:.25rem}.days-ago{margin-left:0}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.heatmap-section,.insight-card,.insights-section,.skill-activity-card,.skills-overview-section,.stat-card{padding:1rem}.heatmap-day,.legend-square{height:10px;width:10px}}.habit-form-container{margin:0 auto;max-width:700px;padding:30px 20px}.habit-form-container h2{color:var(--primary-color);margin-bottom:24px}.form-error{background-color:#ffebee;border-radius:4px;color:#c62828;font-size:.9rem;margin-bottom:20px;padding:10px}.form-actions{gap:10px;margin-top:30px}.color-picker-container{align-items:center;display:flex;gap:10px}.color-picker{border:none;cursor:pointer;height:40px;padding:0;width:50px}.color-value{font-family:monospace}.habits-container{margin:0 auto;max-width:1000px;padding:30px 20px}.habits-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.habits-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.habit-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.habit-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.habit-color-indicator{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);height:100%;left:0;position:absolute;top:0;width:5px}.habit-name{font-size:1.2rem;margin-bottom:10px;margin-top:0;padding-left:10px}.habit-description{color:var(--text-color);font-size:.9rem;margin-bottom:15px;padding-left:10px}.habit-meta{align-items:center;color:var(--text-color);font-size:.85rem;justify-content:space-between;opacity:.8}.habit-actions,.habit-meta{display:flex;margin-top:15px}.habit-actions{gap:10px}.habit-action-btn{background:none;border:none;color:var(--text-color);cursor:pointer;opacity:.6;padding:5px;transition:opacity .2s}.habit-action-btn:hover{opacity:1}.habit-action-btn.edit{color:var(--primary-color)}.habit-action-btn.delete{color:#d32f2f}.habit-streak{align-items:center;display:flex;font-weight:500;gap:5px}.streak-icon{color:#ff9800}.empty-state{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:40px 20px;text-align:center}.empty-state h3{color:var(--primary-color);margin-bottom:15px}.empty-state p{color:var(--text-color);margin-bottom:25px;opacity:.8}.skill-form-container{margin:0 auto;max-width:700px;padding:30px 20px}.skill-form-container h2{color:var(--primary-color);margin-bottom:24px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group.half{flex:1 1}.skills-container{margin:0 auto;max-width:1000px;padding:30px 20px}.skills-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.skills-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skill-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.skill-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.skill-color-indicator{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);height:100%;left:0;position:absolute;top:0;width:5px}.skill-name{font-size:1.2rem;margin-bottom:10px;margin-top:0;padding-left:10px}.skill-description{color:var(--text-color);font-size:.9rem;margin-bottom:15px;padding-left:10px}.skill-progress-container{margin:15px 0}.skill-progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.skill-progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.skill-progress-text{color:var(--text-color);display:flex;font-size:.85rem;justify-content:space-between;margin-top:5px}.skill-category{background-color:#f5f5f5;border-radius:12px;color:var(--text-color);display:inline-block;font-size:.75rem;font-weight:500;margin-top:10px;padding:3px 8px}.skill-actions{display:flex;gap:10px;margin-top:15px}.skill-action-btn{background:none;border:none;color:var(--text-color);cursor:pointer;opacity:.6;padding:5px;transition:opacity .2s}.skill-action-btn:hover{opacity:1}.skill-action-btn.edit{color:var(--primary-color)}.skill-action-btn.delete{color:#d32f2f}.skill-action-btn.log{color:var(--accent-color)}.log-hours-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:500px;padding:25px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{color:var(--primary-color);margin:0}.close-modal{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;opacity:.6}.close-modal:hover{opacity:1}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.resource-form-container{margin:0 auto;max-width:800px;padding:2rem}.resource-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.btn-primary{background:#4caf50}.btn-primary:hover:not(:disabled){background:#45a049}.project-form-container{margin:0 auto;max-width:900px;padding:2rem}.project-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9c27b0;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.skills-checkbox-group{grid-gap:.5rem;border:1px solid #ddd;border-radius:4px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{width:auto}.no-skills{color:#999;font-style:italic}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:#9c27b0;color:#fff}.btn-primary:hover:not(:disabled){background:#7b1fa2}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn:disabled{cursor:not-allowed;opacity:.6}.profile-container{margin:0 auto;max-width:800px;padding:30px 20px}.profile-container h1{color:var(--primary-color);margin-bottom:24px}.profile-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:30px;padding:25px}.profile-card h2{color:var(--primary-color);font-size:1.3rem;margin-bottom:20px;margin-top:0}.alert{border-radius:var(--border-radius);font-size:.9rem;margin-bottom:20px;padding:12px 15px}.alert-error{background-color:#ffebee;color:#c62828}.alert-success{background-color:#e8f5e9;color:#2e7d32}
/*# sourceMappingURL=main.fc380efa.css.map*/