:root{--background-color: #ffffff;--text-color: #1a1a1a;--header-bg: #f7f7f7;--button-bg: #e9e9e9;--button-text: #1a1a1a;--primary-glow: rgba(45, 133, 255, .7);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--background-color: #ffffff;--text-color: #1a1a1a;--header-bg: #f7f7f7;--button-bg: #e9e9e9;--button-text: #1a1a1a;--primary-glow: rgba(45, 133, 255, .7);color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body.dark{--background-color: #1a1a1a;--text-color: #f0f0f0;--header-bg: #242424;--button-bg: #3a3a3a;--button-text: #f0f0f0;--primary-glow: rgba(121, 212, 137, .7)}.tab-content{opacity:0;transform:translateY(10px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);min-height:80vh;width:100vw;box-sizing:border-box}.tab-content.fade-in{opacity:1;flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 0;min-height:80vh;width:100vw;box-sizing:border-box}.dashboard-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--background);color:var(--text)}.dashboard-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2.5rem 0 2rem;font-size:2rem;font-weight:800;text-align:center;color:var(--text-color);text-shadow:none}.dashboard-header p{color:var(--text-color);font-size:1.2rem;font-weight:500;margin-bottom:1.5rem;text-shadow:none}.dashboard-nav{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.dashboard-tabs{display:flex;gap:1.5rem;margin-bottom:1.5rem}.dashboard-tab{background:var(--tab-bg);color:var(--tab-text);border-radius:16px;font-size:1.3rem;font-weight:700;padding:1.2rem 2.5rem;box-shadow:0 2px 16px #222;border:none;cursor:pointer;transition:box-shadow .2s,background .2s}.dashboard-tab.active{box-shadow:0 0 16px 4px var(--primary-glow);border:2px solid var(--primary-glow)}.dashboard-nav button{padding:12px 24px;font-size:16px;font-weight:600;background-color:var(--button-bg);color:var(--button-text);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease}.dashboard-nav button.active{border-color:var(--primary-glow);box-shadow:0 0 15px var(--primary-glow);color:var(--text-color);background-color:var(--header-bg)}.dashboard-nav button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.dashboard-mode-toggle{margin-top:1.5rem;background:var(--tab-bg);color:var(--tab-text);border-radius:12px;font-size:1.1rem;font-weight:600;padding:.8rem 2rem;border:none;cursor:pointer;box-shadow:0 1px 8px #222;width:auto;max-width:300px}.dashboard-content{width:100vw;display:flex;justify-content:center;align-items:flex-start;margin-top:0;background:transparent}:root{--background: #181818;--text: #fff;--tab-bg: #111;--tab-text: #fff;--primary-glow: #4caf50;--button-bg: #222;--button-text: #fff}.light-mode{--background: #f7f7f7;--text: #222;--tab-bg: #fff;--tab-text: #222;--primary-glow: #1976d2}.kanban-header-row{display:flex;align-items:center;justify-content:flex-start;gap:2rem;margin-bottom:2rem}.kanban-title{font-size:2.5rem;font-weight:800;color:#e0e0e0;letter-spacing:1px;margin:0;text-shadow:0 2px 16px #111}.kanban-mode-btn{padding:.8rem 2rem;background:#181818;color:#fff;border:2px solid #fff;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #222;transition:background .2s,color .2s,box-shadow .2s;outline:none}.kanban-mode-btn:hover{background:#4caf50;color:#181818;border-color:#4caf50}.learning-roadmap-container{width:100%;max-width:700px;min-height:70vh;margin:auto;background:var(--surface);border-radius:16px;box-shadow:0 2px 16px #e0e0e0;padding:2rem;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.learning-roadmap-main{max-width:1200px;margin:0 auto}.learning-roadmap-title{font-weight:700;letter-spacing:1px;margin-bottom:2rem;font-size:32px}.skill-input-row{margin-bottom:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.skill-input{padding:.7rem;flex:1 1 300px;min-width:220px;margin-right:.5rem;border-radius:10px;border:1.5px solid #bbb;font-size:17px;box-shadow:0 1px 4px #ccc;outline:none;transition:background .2s}.add-skill-btn{padding:.7rem 1.5rem;background:#1976d2;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 1px 4px #ccc;font-size:17px;transition:background .2s}.add-skill-btn:hover{background:#1565c0}.skill-cards-row{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.skill-card{background:var(--surface, #181818);border-radius:16px;box-shadow:0 2px 16px #222;padding:2rem;min-width:320px;flex:1 1 320px;margin-bottom:2rem;transition:box-shadow .2s,transform .3s;display:flex;flex-direction:column;gap:1rem;outline:none;animation:fadeInUp .7s cubic-bezier(.23,1.01,.32,1);color:var(--text, #f9f9f9)}.skill-card:focus{box-shadow:0 4px 24px #1976d2}.skill-card:hover{transform:scale(1.03);box-shadow:0 8px 32px #1976d2}.skill-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.skill-card-title{margin:0;font-weight:600;font-size:22px;color:var(--primary, #4caf50)}.skill-card-btn{margin-left:.5rem;background:var(--primary, #4caf50);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:16px;outline:none;transition:background .2s,box-shadow .2s;box-shadow:0 1px 4px #222}.skill-card-btn:hover{background:#388e3c}.skill-card-btn.delete{background:var(--danger, #e53935)}.skill-card-btn.delete:hover{background:#b71c1c}.progress-bar{height:16px;background:linear-gradient(90deg,#222,#333);border-radius:8px;box-shadow:0 1px 4px #222;position:relative;margin-bottom:4px}.progress-bar-fill{height:100%;border-radius:8px;transition:width .4s cubic-bezier(.23,1.01,.32,1);box-shadow:0 0 4px #4caf50}.progress-bar-fill.complete{background:linear-gradient(90deg,#43e97b,#38f9d7);box-shadow:0 0 8px #43e97b}.progress-bar-fill.incomplete{background:linear-gradient(90deg,#1976d2,#4caf50)}.progress-bar-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 4px #222}.progress-bar-label.complete{color:#43e97b}.milestone-list{list-style:none;padding:0;margin-top:1rem;display:flex;flex-direction:column;gap:.7rem}.milestone-item{display:flex;align-items:center;background:#222;border-radius:10px;padding:.8rem 1.2rem;box-shadow:0 1px 4px #111;font-size:16px;font-weight:500;transition:background .2s;color:#f9f9f9}.milestone-checkbox{margin-right:.5rem;accent-color:#4caf50;width:20px;height:20px}.milestone-title{text-decoration:none;flex:1;color:#f9f9f9}.milestone-title.complete{text-decoration:line-through;color:#43e97b}.milestone-btn{margin-left:.5rem;background:var(--primary, #1976d2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:15px;outline:none;transition:background .2s,box-shadow .2s;box-shadow:0 1px 4px #222}.milestone-btn:hover{background:#1565c0}.milestone-btn.delete{background:var(--danger, #e53935)}.milestone-btn.delete:hover{background:#b71c1c}.add-milestone-row{margin-top:1rem;display:flex;gap:.5rem}.add-milestone-input{padding:.7rem;width:70%;margin-right:.5rem;border-radius:10px;border:1.5px solid #bbb;font-size:16px;box-shadow:0 1px 4px #222;outline:none;transition:background .2s;background:#181818;color:#f9f9f9}.add-milestone-btn{padding:.7rem 1.5rem;background:var(--primary, #4caf50);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 1px 4px #222;font-size:16px;transition:background .2s}.add-milestone-btn:hover{background:#388e3c}.close-milestone-btn{margin-left:.5rem;background:#333;color:#f9f9f9;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:16px}.close-milestone-btn:hover{background:#222}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.job-pipeline-container{width:100%;max-width:1100px;min-height:60vh;margin:auto;background:#fff;border-radius:16px;box-shadow:0 2px 16px #e0e0e0;padding:2rem;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.job-pipeline-container h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.add-job-btn{background:#1976d2;color:#fff;border:none;border-radius:10px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2.5rem}.job-form{display:flex;margin-bottom:2.5rem}.job-form input,.job-form select{border-radius:8px;border:1.5px solid #bbb}.job-list{display:flex;flex-direction:column;gap:2.5rem}.job-card{justify-content:space-between;border-radius:18px;box-shadow:0 4px 24px #2d85ff1a,0 1.5px 8px #eee;font-size:1rem;background:linear-gradient(135deg,#fff 80%,#e3f6ff);margin-bottom:0;padding:2rem 2.5rem;min-height:120px;max-width:900px;width:100%;display:flex;flex-direction:row;align-items:center;gap:2rem;transition:box-shadow .2s,transform .2s;border-left:6px solid #e3f6ff}.job-card:hover{box-shadow:0 8px 32px #2d85ff2e,0 2px 16px #aaa;transform:translateY(-4px) scale(1.02)}.job-info{display:flex;flex-direction:column;gap:.5rem}.job-company{font-weight:700;font-size:1.2rem;color:#2d85ff;letter-spacing:.5px}.job-position{color:#222;font-size:1.1rem;margin-bottom:.5rem}.job-status select{padding:.7rem 1.2rem;border-radius:10px;border:2px solid #2d85ff;font-size:1.05rem;background:#f7faff;color:#222;font-weight:600;box-shadow:0 1px 6px #e3f6ff;transition:border .2s,box-shadow .2s}.job-status select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #b3e5fc}.job-status select option[value=Applied]{color:#1976d2;background:#e3f0ff;font-weight:700}.job-status select option[value=Interview]{color:#ffa726;background:#fff8e1;font-weight:700}.job-status select option[value=Offer]{color:#43a047;background:#e8f5e9;font-weight:700}.job-status select option[value=Rejected]{color:#e53935;background:#ffebee;font-weight:700}.job-applied{border-left:6px solid #1976d2}.job-interview{border-left:6px solid #ffa726}.job-offer{border-left:6px solid #43a047}.job-rejected{border-left:6px solid #e53935}