:root{--font-family:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-primary:#10b981;--color-primary-hover:#059669;--color-danger:#ef4444;--color-danger-hover:#dc2626;--status-applied:#64748b;--status-interview:#f59e0b;--status-offer:#10b981;--status-rejected:#ef4444;--success:#10b981;--border-radius:12px;--shadow:0 1px 3px #00000014, 0 4px 12px #0000000f}[data-theme=light]{--bg:#f5f5f0;--surface:#fff;--surface-alt:#fef7ed;--sidebar-bg:#1f2937;--sidebar-text:#d1d5db;--sidebar-active:#10b981;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--hover:#f3f4f6;--accent-warm:#fde68a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#111312;--surface:#1b1e1c;--surface-alt:#232725;--sidebar-bg:#0b0d0c;--sidebar-text:#9ca3af;--sidebar-active:#34d399;--text-primary:#f5f7f6;--text-secondary:#9ca3af;--border-color:#2d3732;--hover:#2a2e2c;--accent-warm:#fcd34d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg);color:var(--text-primary);line-height:1.5;transition:background-color .2s,color .2s}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}.layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.layout__main{flex-direction:column;min-width:0;display:flex}.layout__content{flex:1;padding:32px}.sidebar{background:var(--sidebar-bg);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar__brand{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:20px;padding:4px 12px 24px;font-size:1.3rem;font-weight:700;display:flex}.sidebar__logo{font-size:1.6rem}.sidebar__logo-img{flex-shrink:0;width:32px;height:32px}.sidebar__nav{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar__link{color:var(--sidebar-text);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff14}.sidebar__link--active{background:var(--sidebar-active);color:#fff;box-shadow:0 2px 8px #10b9814d}.sidebar__link--active:hover{background:var(--color-primary-hover);color:#fff}.sidebar__icon{width:20px;height:20px}.sidebar__footer{color:#ffffff80;text-align:center;padding:12px;font-size:.8rem}.header{border-bottom:1px solid var(--border-color);background:var(--bg);justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.header__title{color:var(--text-primary);margin:0;font-size:1.8rem;font-weight:700}.header__subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:.95rem}.theme-toggle{border:1px solid var(--border-color);background:var(--surface);width:46px;height:46px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000f}.theme-toggle:hover{background:var(--hover);transform:scale(1.05)}.theme-toggle__icon{width:22px;height:22px}.btn{border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .15s}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn--ghost{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn--ghost:hover{background:var(--hover);border-color:var(--text-secondary)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:var(--color-danger-hover)}.btn--danger-ghost{border:1px solid var(--border-color);color:var(--color-danger);background:0 0}.btn--danger-ghost:hover{border-color:var(--color-danger);background:#ef444414}.dashboard{flex-direction:column;gap:36px;display:flex}.dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.stats-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);align-items:center;gap:16px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stats-card__icon{background:color-mix(in srgb, var(--stat-color) 15%, transparent);width:48px;height:48px;color:var(--stat-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stats-card__icon-svg{width:24px;height:24px}.stats-card__content{flex-direction:column;display:flex}.stats-card__count{color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.1}.stats-card__label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.section-title{color:var(--text-primary);margin:0 0 20px;font-size:1.3rem;font-weight:700}.dashboard__recent{flex-direction:column;display:flex}.dashboard__view-all{color:var(--color-primary);align-self:flex-start;margin-top:20px;font-weight:600}.dashboard__view-all:hover{text-decoration:underline}.insights{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.insight{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:16px;display:flex}.insight__icon{font-size:1.6rem}.insight__text{flex-direction:column;display:flex}.insight__value{color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1.1}.insight__label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.onboarding{text-align:center;max-width:440px;padding:32px}.onboarding__dots{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.onboarding__dot{background:var(--border-color);border-radius:999px;width:10px;height:10px;transition:background-color .2s,transform .2s}.onboarding__dot--active{background:var(--color-primary);transform:scale(1.2)}.onboarding__icon{background:var(--accent-warm);width:68px;height:68px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.onboarding__icon-svg{width:30px;height:30px}.onboarding__title{color:var(--text-primary);margin:0 0 10px;font-size:1.4rem}.onboarding__description{color:var(--text-secondary);margin:0 0 24px}.onboarding__actions{justify-content:center;gap:12px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.app-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);border-left-width:4px;flex-direction:column;gap:14px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex}.app-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.app-card--applied{border-left-color:var(--status-applied)}.app-card--interview{border-left-color:var(--status-interview)}.app-card--offer{border-left-color:var(--status-offer)}.app-card--rejected{border-left-color:var(--status-rejected)}.app-card__from{align-items:flex-start;gap:12px;min-width:0;display:flex}.app-card__avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.95rem;font-weight:700;display:flex}.app-card__avatar--applied{background:color-mix(in srgb, var(--status-applied) 15%, transparent);color:var(--status-applied)}.app-card__avatar--interview{background:color-mix(in srgb, var(--status-interview) 15%, transparent);color:var(--status-interview)}.app-card__avatar--offer{background:color-mix(in srgb, var(--status-offer) 15%, transparent);color:var(--status-offer)}.app-card__avatar--rejected{background:color-mix(in srgb, var(--status-rejected) 15%, transparent);color:var(--status-rejected)}.app-card__headings{min-width:0}.app-card__company{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.app-card__title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.9rem;overflow:hidden}.app-card__header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.app-card__status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.75rem;font-weight:600}.app-card__status--applied{color:var(--status-applied);background:color-mix(in srgb, var(--status-applied) 12%, transparent)}.app-card__status--interview{color:var(--status-interview);background:color-mix(in srgb, var(--status-interview) 12%, transparent)}.app-card__status--offer{color:var(--status-offer);background:color-mix(in srgb, var(--status-offer) 12%, transparent)}.app-card__status--rejected{color:var(--status-rejected);background:color-mix(in srgb, var(--status-rejected) 12%, transparent)}.app-card__meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px 16px;font-size:.85rem;display:flex}.app-card__meta-item{align-items:center;gap:6px;min-width:0;display:inline-flex}.app-card__meta-icon{opacity:.7;flex-shrink:0;width:15px;height:15px}.app-card__notes{background:var(--surface-alt);color:var(--text-secondary);-webkit-line-clamp:2;border-radius:8px;-webkit-box-orient:vertical;margin:0;padding:10px 12px;font-size:.8rem;display:-webkit-box;overflow:hidden}.app-card__actions{border-top:1px solid var(--border-color);gap:10px;margin-top:auto;padding-top:14px;display:flex}.app-card__actions .btn{padding:8px 14px;font-size:.85rem}.search-filter{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.search-filter__input{border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:10px;flex:280px;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.search-filter__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #10b98126}.search-filter__select{border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:10px;min-width:160px;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.search-filter__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #10b98126}.page{max-width:680px}.app-form{flex-direction:column;gap:22px;display:flex}.app-form__group{flex-direction:column;gap:8px;display:flex}.app-form__row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.app-form__label{color:var(--text-primary);font-size:.9rem;font-weight:600}.app-form__input,.app-form__select,.app-form__textarea{border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:10px;width:100%;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.app-form__input:focus,.app-form__select:focus,.app-form__textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #10b98126}.app-form__textarea{resize:vertical}.app-form__input--error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444426}.app-form__error{color:var(--color-danger);font-size:.8rem;font-weight:500}.app-form__actions{gap:14px;margin-top:10px;display:flex}.empty-state{text-align:center;background:var(--surface);border:2px dashed var(--border-color);border-radius:var(--border-radius);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:56px 28px;display:flex}.empty-state__icon{background:var(--accent-warm);width:64px;height:64px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state__icon-svg{width:28px;height:28px}.empty-state__title{color:var(--text-primary);margin:0;font-size:1.2rem}.empty-state__message{color:var(--text-secondary);max-width:380px;margin:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;max-width:440px;padding:28px;animation:.2s modal-in;box-shadow:0 20px 60px #00000040}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__title{color:var(--text-primary);margin:0 0 10px;font-size:1.25rem}.modal__message{color:var(--text-secondary);margin:0 0 24px}.modal__actions{justify-content:flex-end;gap:12px;display:flex}.analytics{grid-template-columns:1fr 1fr;gap:28px;display:grid}.analytics__section{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:24px}.chart-container{width:100%}.pie-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.pie-legend__item{align-items:center;gap:6px;display:flex}.pie-legend__swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.pie-legend__label{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media (width<=768px){.layout{grid-template-columns:1fr}.sidebar{z-index:50;border-bottom:1px solid #ffffff1a;border-right:none;flex-direction:row;order:-1;align-items:center;gap:14px;height:auto;padding:12px 16px;position:sticky;top:0;overflow-x:auto}.sidebar__brand{white-space:nowrap;border-bottom:none;margin:0;padding:0}.sidebar__name{display:none}.sidebar__nav{flex-direction:row}.sidebar__link{white-space:nowrap;padding:10px 12px}.sidebar__footer{display:none}.layout__content,.header{padding:20px}.header__title{font-size:1.4rem}.analytics,.app-form__row,.card-grid{grid-template-columns:1fr}.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dashboard__stats{grid-template-columns:1fr}.stats-card{padding:16px}.stats-card__count{font-size:1.5rem}.header__title{font-size:1.2rem}.search-filter{flex-direction:column}.search-filter__input,.search-filter__select{width:100%}.app-card__actions{flex-direction:column}.app-card__actions .btn{justify-content:center;width:100%}.modal__actions{flex-direction:column-reverse}.modal__actions .btn{width:100%}}