:root{--bg:#f6f8fc;--panel:#fff;--text:#101828;--muted:#667085;--border:#e4e7ec;--primary:#2563eb;--primary-soft:#eff6ff;--green:#16a34a;--shadow:0 16px 45px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.workspace-nav{height:78px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{font-size:25px;font-weight:800}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-weight:700;font-size:14px}.nav-links a.active,.nav-links a:hover{color:var(--primary)}.nav-actions{display:flex;gap:10px}.theme-button,.logout-button,.small-button{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.logout-button{color:#b42318}.dashboard-shell{max-width:1460px;margin:0 auto;padding:36px 28px 70px}.hero-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px;background:linear-gradient(135deg,#eef5ff 0%,#fff 55%,#effcf5 100%);border:1px solid #dbe4f0;border-radius:24px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.1em}.hero-card h1{margin:0;font-size:clamp(34px,4vw,58px);letter-spacing:-.04em}.hero-copy{max-width:760px;margin:15px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-action,.secondary-action,.focus-button{padding:14px 18px;border-radius:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.primary-action,.focus-button{background:var(--primary);color:#fff}.secondary-action{background:#fff;border:1px solid #cfd8e6;color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.stat-card{display:flex;gap:16px;align-items:flex-start;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 26px rgba(15,23,42,.05)}.stat-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--primary-soft);border-radius:14px;font-size:23px}.stat-card small{color:var(--muted);font-weight:700}.stat-card strong{display:block;margin-top:7px;font-size:32px}.stat-card p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:22px;margin-top:22px}.panel{padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel h2{margin:0;font-size:23px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.quick-grid a{min-height:132px;padding:18px;border:1px solid var(--border);border-radius:16px;background:#fbfcfe;transition:.2s}.quick-grid a:hover{transform:translateY(-3px);border-color:#b8ccf6;box-shadow:0 10px 24px rgba(15,23,42,.08)}.quick-grid span{display:block;font-size:26px;margin-bottom:16px}.quick-grid strong{display:block}.quick-grid small{display:block;margin-top:6px;color:var(--muted);line-height:1.4}.focus-panel{background:linear-gradient(160deg,#172554,#1d4ed8);color:#fff}.focus-panel .eyebrow{color:#bfdbfe}.focus-panel h2{font-size:28px}.focus-panel>p:not(.eyebrow){color:#dbeafe;line-height:1.7}.focus-button{margin-top:12px;background:#fff;color:#1d4ed8}.progress-wrap{margin-top:30px}.progress-row{display:flex;justify-content:space-between;font-size:13px;color:#dbeafe}.progress-track{height:9px;margin-top:10px;background:rgba(255,255,255,.2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0;background:#fff;border-radius:999px;transition:width .5s ease}.lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.activity-list{margin-top:18px}.activity-item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:42px;height:42px;display:grid;place-items:center;background:#f2f4f7;border-radius:12px;flex:0 0 auto}.activity-item strong{display:block}.activity-item p{margin:4px 0 0;color:var(--muted);font-size:13px}.empty-state{padding:26px;border:1px dashed #cfd5df;border-radius:14px;color:var(--muted);text-align:center}.current-resume{margin-top:18px}.resume-mini-card{padding:20px;background:#f8fafc;border:1px solid var(--border);border-radius:16px}.resume-mini-card h3{margin:0 0 6px}.resume-mini-card p{margin:0;color:var(--muted);line-height:1.6}.resume-mini-card .score-pill{display:inline-block;margin-top:14px;padding:7px 10px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:12px;font-weight:800}.resume-mini-actions{display:flex;gap:10px;margin-top:16px}.resume-mini-actions a{flex:1;text-align:center;padding:10px;border-radius:10px;font-size:13px;font-weight:800}.resume-mini-actions a:first-child{background:var(--primary);color:#fff}.resume-mini-actions a:last-child{border:1px solid var(--border);background:#fff}.dark-mode{--bg:#0f172a;--panel:#172033;--text:#f8fafc;--muted:#b7c1d1;--border:#2d3a50;--primary-soft:#1e3a5f}.dark-mode .workspace-nav,.dark-mode .theme-button,.dark-mode .logout-button,.dark-mode .small-button{background:#111827;color:#f8fafc}.dark-mode .hero-card{background:linear-gradient(135deg,#16233d,#172033 55%,#102a23)}.dark-mode .quick-grid a,.dark-mode .resume-mini-card,.dark-mode .activity-icon{background:#111827}.dark-mode .secondary-action,.dark-mode .resume-mini-actions a:last-child{background:#111827}.dark-mode .logout-button{color:#fca5a5}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.workspace-nav{height:auto;padding:16px 18px;flex-wrap:wrap}.nav-links{order:3;width:100%;overflow:auto;gap:18px}.nav-actions{margin-left:auto}.dashboard-shell{padding:22px 16px 50px}.hero-card{padding:25px;align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions a{flex:1}.stats-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.panel{padding:21px}.panel-heading{align-items:flex-start}.small-button{width:auto}}

/* Dashboard v1.1 — Live intelligence */
.insight-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.small-link{font-size:13px;font-weight:800;color:var(--primary)}.funnel-grid{display:grid;gap:18px;margin-top:24px}.funnel-step{display:grid;grid-template-columns:minmax(120px,1fr) 55px minmax(180px,2fr);align-items:center;gap:14px}.funnel-step span{font-weight:700}.funnel-step strong{text-align:right;font-size:20px}.funnel-track{height:10px;background:#eef2f6;border-radius:999px;overflow:hidden}.funnel-track>div{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;transition:width .6s ease}.insight-copy{margin:22px 0 0;color:var(--muted);line-height:1.6}.streak-panel{background:linear-gradient(145deg,#fff7ed,#fff);}.streak-number{display:flex;align-items:baseline;gap:10px;margin-top:18px}.streak-number span{font-size:36px}.streak-number strong{font-size:56px;line-height:1}.streak-number small{color:var(--muted);font-weight:700}.streak-panel>p:not(.eyebrow){color:var(--muted);line-height:1.6}.weekly-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:24px}.week-dot{text-align:center}.week-dot span{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:700}.week-dot i{display:block;width:12px;height:12px;margin:auto;border-radius:50%;background:#e5e7eb}.week-dot.active i{background:#f97316;box-shadow:0 0 0 4px #ffedd5}.live-grid{margin-top:22px}.count-pill{min-width:36px;padding:7px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800;text-align:center}.task-list,.notification-list{display:grid;gap:10px;margin-top:18px}.task-item,.notification-item{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:14px;background:#fbfcfe;transition:.2s}.task-item:hover,.notification-item:hover{transform:translateY(-2px);border-color:#b8ccf6}.task-check{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef2f6;font-size:18px;font-weight:800}.task-item.is-done .task-check{background:#dcfce7;color:#15803d}.task-item strong,.notification-item strong{display:block}.task-item small,.notification-item small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}.task-item b,.notification-item b{color:#98a2b3;font-size:20px}.notification-item>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f2f4f7;font-size:19px}.dark-mode .streak-panel{background:linear-gradient(145deg,#3a2819,#172033)}.dark-mode .funnel-track,.dark-mode .week-dot i{background:#344054}.dark-mode .week-dot.active i{background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.2)}.dark-mode .task-item,.dark-mode .notification-item,.dark-mode .notification-item>span{background:#111827}@media(max-width:1100px){.insight-grid{grid-template-columns:1fr}}@media(max-width:760px){.funnel-step{grid-template-columns:1fr auto}.funnel-track{grid-column:1/-1}.streak-number strong{font-size:46px}}

/* CareerPilot AI Career Intelligence v1.0 */
.intelligence-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}
.ai-intelligence-panel{background:linear-gradient(145deg,#f8fbff,#fff)}.ai-career-insight{margin-top:20px}
.ai-insight-hero{padding:22px;border:1px solid #cfe0ff;border-radius:16px;background:var(--primary-soft)}
.ai-insight-hero h3{margin:0 0 8px;font-size:21px}.ai-insight-hero p{margin:0;color:var(--muted);line-height:1.65}
.ai-insight-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.ai-insight-metric{padding:13px;background:var(--panel);border:1px solid var(--border);border-radius:12px;text-align:center}
.ai-insight-metric strong{display:block;font-size:21px}.ai-insight-metric small{color:var(--muted)}
.ai-recommendation{display:flex;gap:12px;margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:14px}
.ai-recommendation>span{font-size:23px}.ai-recommendation strong{display:block}.ai-recommendation p{margin:5px 0 0;color:var(--muted);line-height:1.55;font-size:13px}
.career-goals{display:grid;gap:15px;margin-top:20px}.career-goal-row{display:grid;gap:7px}.career-goal-top{display:flex;justify-content:space-between;gap:12px;font-size:13px}.career-goal-top span{font-weight:700}.career-goal-top strong{color:var(--primary)}
.goal-track{height:9px;background:#eef2f6;border-radius:999px;overflow:hidden}.goal-track>div{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:inherit;transition:width .5s}
.goal-overall{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}
.goal-editor{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fbfcfe}
.goal-editor label{display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center;font-size:13px;font-weight:700}.goal-editor input{width:100%;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text)}
.goal-editor-actions{display:flex;gap:8px}.goal-editor-actions button{width:auto;margin:0}.dark-mode .ai-intelligence-panel{background:linear-gradient(145deg,#172033,#111827)}.dark-mode .ai-insight-hero,.dark-mode .goal-editor{background:#111827}.dark-mode .goal-track{background:#344054}
@media(max-width:1100px){.intelligence-grid{grid-template-columns:1fr}}@media(max-width:760px){.ai-insight-metrics{grid-template-columns:repeat(2,1fr)}.goal-editor label{grid-template-columns:1fr 75px}}


/* CareerPilot Notification Centre v1.0 */
.notification-panel-actions{display:flex;align-items:center;gap:10px}
.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;display:inline-block;margin-right:7px}
.notification-item.is-read{opacity:.72}
.notification-item.is-unread{border-color:#b8ccf6;background:#f8fbff}
.dark-mode .notification-item.is-unread{background:#111827}


/* =========================================================
   CareerPilot Dashboard — Free Plan AI Usage
   ========================================================= */
.ai-usage-panel{margin-top:22px}
.ai-usage-heading{align-items:flex-start}
.ai-usage-intro{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.ai-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.ai-usage-card{display:block;padding:18px;border:1px solid var(--border);border-radius:16px;background:#fbfcfe;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ai-usage-card:hover{transform:translateY(-2px);border-color:#b8ccf6;box-shadow:0 10px 24px rgba(15,23,42,.07)}
.ai-usage-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ai-usage-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);font-size:20px}
.ai-usage-state{padding:6px 9px;border-radius:999px;background:#eef2f6;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}
.ai-usage-card.is-low .ai-usage-state{background:#fff7ed;color:#c2410c}
.ai-usage-card.is-limit{border-color:#fecaca;background:#fffafa}
.ai-usage-card.is-limit .ai-usage-state{background:#fee2e2;color:#b42318}
.ai-usage-card.is-error .ai-usage-state{background:#f2f4f7;color:#667085}
.ai-usage-title{display:block;margin-top:15px;min-height:40px;font-size:15px;line-height:1.35}
.ai-usage-numbers{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:var(--muted);font-size:12px;font-weight:700}
.ai-usage-numbers b{color:var(--text);font-size:15px}
.ai-usage-track{height:8px;margin-top:11px;overflow:hidden;border-radius:999px;background:#eef2f6}
.ai-usage-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .5s ease}
.ai-usage-card.is-low .ai-usage-track>div{background:linear-gradient(90deg,#f59e0b,#fb923c)}
.ai-usage-card.is-limit .ai-usage-track>div{background:linear-gradient(90deg,#dc2626,#f87171)}
.ai-usage-footer{display:flex;justify-content:space-between;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
.ai-usage-footer strong{color:var(--text);text-align:right}
.ai-usage-loading,.ai-usage-error{grid-column:1/-1;padding:22px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}
.dark-mode .ai-usage-card{background:#111827}
.dark-mode .ai-usage-card.is-limit{border-color:#7f1d1d;background:#24151a}
.dark-mode .ai-usage-state{background:#243047;color:#b7c1d1}
.dark-mode .ai-usage-card.is-low .ai-usage-state{background:#422b16;color:#fdba74}
.dark-mode .ai-usage-card.is-limit .ai-usage-state{background:#451a1a;color:#fca5a5}
.dark-mode .ai-usage-track{background:#344054}
@media(max-width:1100px){.ai-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ai-usage-grid{grid-template-columns:1fr}.ai-usage-footer{flex-direction:column}.ai-usage-footer strong{text-align:left}}


/* CareerPilot Dashboard — Overall Daily AI Allowance Summary */
.ai-usage-overall{
  grid-column:1/-1;
  padding:20px 22px;
  border:1px solid #bfdbfe;
  border-radius:16px;
  background:linear-gradient(135deg,#eff6ff,#f8fbff);
}
.ai-usage-overall-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.ai-usage-overall-label{
  display:block;
  margin-bottom:7px;
  color:var(--primary);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.ai-usage-overall strong{
  display:block;
  font-size:20px;
  line-height:1.3;
}
.ai-usage-overall p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:13px;
}
.ai-usage-overall-percent{
  flex:0 0 auto;
  font-size:28px;
  font-weight:800;
  color:var(--primary);
}
.ai-usage-overall-track{
  height:10px;
  margin-top:16px;
  overflow:hidden;
  border-radius:999px;
  background:#dbeafe;
}
.ai-usage-overall-track>div{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  transition:width .5s ease;
}
.ai-usage-overall.is-low{
  border-color:#fed7aa;
  background:linear-gradient(135deg,#fff7ed,#fffaf5);
}
.ai-usage-overall.is-low .ai-usage-overall-label,
.ai-usage-overall.is-low .ai-usage-overall-percent{color:#c2410c}
.ai-usage-overall.is-low .ai-usage-overall-track{background:#ffedd5}
.ai-usage-overall.is-low .ai-usage-overall-track>div{
  background:linear-gradient(90deg,#f59e0b,#fb923c);
}
.ai-usage-overall.is-limit{
  border-color:#fecaca;
  background:linear-gradient(135deg,#fff1f2,#fffafa);
}
.ai-usage-overall.is-limit .ai-usage-overall-label,
.ai-usage-overall.is-limit .ai-usage-overall-percent{color:#b42318}
.ai-usage-overall.is-limit .ai-usage-overall-track{background:#fee2e2}
.ai-usage-overall.is-limit .ai-usage-overall-track>div{
  background:linear-gradient(90deg,#dc2626,#f87171);
}
.dark-mode .ai-usage-overall{
  background:linear-gradient(135deg,#14213a,#111827);
  border-color:#27466f;
}
.dark-mode .ai-usage-overall.is-low{
  background:linear-gradient(135deg,#352615,#111827);
  border-color:#7c4a18;
}
.dark-mode .ai-usage-overall.is-limit{
  background:linear-gradient(135deg,#32171c,#111827);
  border-color:#7f1d1d;
}
.dark-mode .ai-usage-overall-track{background:#344054}
@media(max-width:760px){
  .ai-usage-overall{padding:18px}
  .ai-usage-overall-top{align-items:flex-start}
  .ai-usage-overall strong{font-size:18px}
  .ai-usage-overall-percent{font-size:24px}
}