.sidebar{width:196px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:24px 14px}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 6px;margin-bottom:32px}.sidebar__logo{font-size:.8rem;font-weight:700;background:var(--primary);color:#fff;padding:6px 8px;border-radius:8px;letter-spacing:.02em}.sidebar__name{font-size:1rem;color:var(--text)}.sidebar__name strong{color:var(--primary)}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__item{display:flex;align-items:center;width:100%;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;text-align:left;transition:background .15s,color .15s}.sidebar__item:hover{background:var(--surface-soft);color:var(--text)}.sidebar__item.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar__backup{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.sidebar__backup-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 2px}.sidebar__backup-btn{display:block;width:100%;text-align:center;font-size:.8rem;font-weight:500;padding:7px 0;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s}.sidebar__backup-btn:hover{color:var(--text);border-color:var(--text-muted)}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px}.stat-card__dot{width:36px;height:36px;border-radius:10px;display:block}.stat-card__dot--green{background:#4ade8026;box-shadow:inset 0 0 0 1.5px #4ade8066}.stat-card__dot--orange{background:#fbbf2426;box-shadow:inset 0 0 0 1.5px #fbbf2466}.stat-card__dot--blue{background:#60a5fa26;box-shadow:inset 0 0 0 1.5px #60a5fa66}.stat-card__dot--purple{background:#8466cc33;box-shadow:inset 0 0 0 1.5px #8466cc80}.stat-card__value{font-size:2rem;font-weight:700;color:var(--text);line-height:1}.stat-card__label{font-size:.8rem;color:var(--text-muted)}@media (max-width: 640px){.stat-cards{grid-template-columns:repeat(2,1fr)}}.problem{display:flex;align-items:center;gap:14px;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.problem__main{min-width:0}.problem__row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tag{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:6px}.tag--easy{color:var(--easy);background:#4ade801f}.tag--medium{color:var(--medium);background:#fbbf241f}.tag--hard{color:var(--hard);background:#f871711f}.pattern-pill{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}.problem__title{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.problem__meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:6px;font-size:.8rem;color:var(--text-muted)}.problem__meta a{text-decoration:none;font-weight:500}.problem__list-badge{font-size:.7rem;font-weight:500;padding:2px 7px;border-radius:5px;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.problem__due{color:var(--primary)}.problem__due.is-mastered{color:var(--easy)}.problem__ratings{display:flex;gap:6px;flex-shrink:0}.rate{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);font-size:.8rem;font-weight:600;padding:8px 12px;border-radius:8px;transition:transform .1s ease,border-color .2s ease}.rate:hover{transform:translateY(-1px)}.rate--hard:hover{border-color:var(--hard);color:var(--hard)}.rate--good:hover{border-color:var(--primary);color:var(--primary)}.rate--easy:hover{border-color:var(--easy);color:var(--easy)}.problem--clickable{cursor:pointer;transition:border-color .15s,background .15s}.problem--clickable:hover{border-color:var(--primary);background:var(--surface-soft)}@media (max-width: 480px){.problem{flex-wrap:wrap}}.queue{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 140%);border:1px solid var(--border);border-radius:var(--radius);padding:22px 22px 24px;box-shadow:var(--shadow)}.queue__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.queue__title{font-size:1.25rem;font-weight:700}.queue__count{font-size:.85rem;color:var(--primary);background:var(--primary-soft);padding:4px 12px;border-radius:999px}.queue__empty{color:var(--text-muted);font-size:.95rem;padding:8px 0 4px}.queue__list{display:flex;flex-direction:column;gap:12px}.goal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:16px}.goal__label{font-size:.85rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.goal__count{font-size:.85rem;color:var(--primary);font-weight:600;white-space:nowrap;flex-shrink:0}.goal__input{width:52px;font-size:.85rem;font-weight:700;text-align:center;padding:4px 6px}.goal__bar-wrap{flex:1;height:6px;background:var(--surface-soft);border-radius:999px;overflow:hidden;min-width:60px}.goal__fill{height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}.goal__pct{font-size:.8rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard__title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.list__head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.list__title{font-size:1.1rem;font-weight:700}.list__filters{display:flex;gap:6px}.list__filter{border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.8rem;padding:6px 12px;border-radius:999px;transition:color .2s ease,border-color .2s ease}.list__filter:hover{color:var(--text)}.list__filter.is-active{color:var(--primary);border-color:var(--primary)}.list__items{display:flex;flex-direction:column;gap:10px}.list__empty{color:var(--text-muted);font-size:.9rem;padding:8px 0}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a12cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:50;animation:fade .15s ease}.modal{position:relative;width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px 24px;box-shadow:0 24px 64px #000000a6;animation:pop .16s ease;max-height:90vh;overflow-y:auto}.modal--large{max-width:780px}.modal__close{position:absolute;top:16px;right:16px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text-muted);width:28px;height:28px;border-radius:7px;font-size:.85rem;display:grid;place-items:center}.modal__close:hover{color:var(--text);border-color:var(--text-muted)}.modal__title-input{width:100%;background:transparent;border:none;border-radius:0;font-size:1.35rem;font-weight:700;color:var(--text);padding:0;margin-bottom:8px;outline:none}.modal__title-input:focus{outline:none}.modal__sr-stats{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted);margin-bottom:24px}.modal__sr-sep{opacity:.4}.modal__sr-due{color:var(--primary)}.prop-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.prop-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--border)}.prop-row--stretch{align-items:flex-start}.prop-label{width:110px;flex-shrink:0;font-size:.78rem;color:var(--text-muted);font-weight:500;padding-top:2px}.prop-value{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.prop-value--col{flex-direction:column;align-items:stretch}.prop-value--url{gap:8px}.select-chip{font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.select-chip:hover{color:var(--text);border-color:var(--text-muted)}.select-chip.diff-easy.is-active{background:#4ade801f;color:var(--easy);border-color:var(--easy);font-weight:600}.select-chip.diff-medium.is-active{background:#fbbf241f;color:var(--medium);border-color:var(--medium);font-weight:600}.select-chip.diff-hard.is-active{background:#f871711f;color:var(--hard);border-color:var(--hard);font-weight:600}.select-chip.is-neutral.is-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:600}.level-track{display:flex;align-items:center;gap:7px}.level-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border);background:transparent;flex-shrink:0}.level-dot.is-filled{background:var(--primary);border-color:var(--primary)}.level-dot.is-current{border-color:var(--primary);background:var(--primary-soft)}.level-label{font-size:.78rem;color:var(--text-muted);margin-left:2px}.prop-url-input{flex:1;background:transparent;border:none;border-radius:0;padding:0;font-size:.82rem;color:var(--text);min-width:0}.prop-url-input:focus{outline:none;border-bottom:1px solid var(--primary)}.prop-url-input::placeholder{color:var(--text-muted)}.prop-url-link{font-size:.82rem;color:var(--primary);text-decoration:none;flex-shrink:0}.prop-url-link:hover{text-decoration:underline}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:text}.tag-input__field{border:none!important;background:transparent!important;padding:0!important;border-radius:0!important;min-width:80px;flex:1;font-size:.85rem;color:var(--text);outline:none!important}.pattern-pill{display:inline-flex;align-items:center;gap:4px;font-size:.73rem;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}.pattern-pill__remove{background:none;border:none;color:inherit;font-size:1rem;line-height:1;padding:0;opacity:.65;cursor:pointer}.pattern-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.pattern-chip{font-size:.72rem;font-weight:500;padding:3px 9px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:border-color .12s,color .12s,background .12s}.modal__notes-section{display:flex;flex-direction:column;gap:8px;margin-top:20px;margin-bottom:20px}.modal__notes-label{font-size:.78rem;color:var(--text-muted);font-weight:500}.modal__notes{resize:vertical;font-size:.88rem;min-height:130px}.modal__actions{display:flex;justify-content:space-between}.modal__remove{border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.83rem;padding:9px 16px;border-radius:8px}.modal__remove:hover{color:var(--hard);border-color:var(--hard)}.modal__save{border:none;background:var(--primary);color:#fff;font-weight:700;font-size:.88rem;padding:9px 22px;border-radius:8px}.modal__save:hover{filter:brightness(1.1)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 540px){.prop-row{flex-direction:column;align-items:flex-start;gap:6px}.prop-label{width:auto}}.addform{display:flex;flex-direction:column;gap:14px}.addform__title{font-size:1.05rem;font-weight:700;margin-bottom:2px}.addform__field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--text-muted)}.addform__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.addform__submit{margin-top:4px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:.92rem;padding:11px;border-radius:8px;transition:filter .15s}.addform__submit:hover{filter:brightness(1.1)}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:text}.tag-input:focus-within{border-color:var(--primary)}.tag-input__field{border:none!important;background:transparent!important;padding:0!important;border-radius:0!important;min-width:80px;flex:1;font-size:.88rem;color:var(--text);outline:none!important}.pattern-pill{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}.pattern-pill__remove{background:none;border:none;color:inherit;font-size:1rem;line-height:1;padding:0;opacity:.7;cursor:pointer}.pattern-pill__remove:hover{opacity:1}.pattern-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pattern-chip{font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:border-color .15s,color .15s,background .15s}.pattern-chip:hover{color:var(--text);border-color:var(--text-muted)}.pattern-chip.is-active{font-weight:600}.addform__list-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.list-chip{font-size:.8rem;font-weight:500;padding:5px 12px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:border-color .12s,color .12s,background .12s}.list-chip:hover{color:var(--text);border-color:var(--text-muted)}.list-chip.is-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:600}.log{display:flex;flex-direction:column;gap:24px}.log__head{display:flex;align-items:center;justify-content:space-between}.log__title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.log__add-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:filter .15s}.log__add-btn:hover{filter:brightness(1.1)}.companies{display:flex;flex-direction:column;gap:0}.companies__header{margin-bottom:20px}.companies__header h1{margin:0 0 6px}.companies__stats{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-muted)}.co-sep{opacity:.4}.co-stat--applied{color:#60a5fa}.co-stat--process{color:var(--medium)}.co-stat--offer{color:var(--easy)}.companies__backup{display:flex;gap:8px;margin-bottom:12px}.backup-btn{font-size:.78rem;font-weight:500;padding:5px 12px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s}.backup-btn:hover{color:var(--text);border-color:var(--text-muted)}.companies__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.companies__filters{display:flex;gap:6px}.filter-btn{font-size:.8rem;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:all .12s}.filter-btn:hover{color:var(--text);border-color:var(--text-muted)}.filter-btn.is-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:600}.companies__search{flex:1;max-width:240px;font-size:.85rem}.companies__groups{display:flex;flex-direction:column;gap:4px}.company-group{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.company-group__header{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:none;text-align:left;cursor:pointer;color:var(--text);transition:background .12s}.company-group__header:hover{background:var(--surface-soft)}.company-group__chevron{font-size:.65rem;color:var(--text-muted);flex-shrink:0;width:10px}.company-group__label{font-size:.88rem;font-weight:600;flex:1}.company-group__count{font-size:.75rem;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:20px;padding:1px 8px}.company-group__active{font-size:.72rem;font-weight:600;color:var(--primary);background:var(--primary-soft);border-radius:20px;padding:1px 8px}.company-group__rows{border-top:1px solid var(--border)}.company-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;color:var(--text);transition:background .1s}.company-row:last-child{border-bottom:none}.company-row:hover{background:var(--surface-soft)}.company-row__name{flex:1;font-size:.88rem;font-weight:500;color:var(--text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-row__tc{font-size:.78rem;color:var(--text-muted);white-space:nowrap;min-width:80px;text-align:right}.priority-badge{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0}.priority--p1{background:var(--primary-soft);color:var(--primary)}.priority--p2{background:#60a5fa1f;color:#60a5fa}.priority--p3{background:var(--surface-soft);color:var(--text-muted)}.priority--p4{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.status-chip{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:6px;white-space:nowrap;flex-shrink:0}.status--not_started{color:var(--text-muted);background:var(--surface-soft)}.status--applied{color:#60a5fa;background:#60a5fa1f}.status--oa{color:var(--medium);background:#fbbf241f}.status--phone{color:#fb923c;background:#fb923c1f}.status--onsite{color:var(--primary);background:var(--primary-soft)}.status--offer{color:var(--easy);background:#4ade801f}.status--rejected,.status--ghosted{color:var(--hard);background:#f871711a}.status--on_hold{color:var(--text-muted);border:1px solid var(--border);background:transparent}.status--withdrawn{color:var(--text-muted);background:transparent}.status--accepted{color:#4ade80;background:#4ade8033}.co-modal__title{font-size:1.3rem;font-weight:700;margin:0 0 4px}.co-modal__hint{font-size:.82rem;color:var(--text-muted);margin:0 0 20px;line-height:1.5}.co-meta-chip{font-size:.78rem;color:var(--text-muted)}.co-tc{font-size:.85rem;font-weight:600;font-family:var(--font-mono)}.status-opt{font-size:.75rem}.status-opt--not_started.is-active{background:var(--surface-soft);color:var(--text);border-color:var(--text-muted)}.status-opt--applied.is-active{background:#60a5fa26;color:#60a5fa;border-color:#60a5fa}.status-opt--oa.is-active{background:#fbbf2426;color:var(--medium);border-color:var(--medium)}.status-opt--phone.is-active{background:#fb923c26;color:#fb923c;border-color:#fb923c}.status-opt--onsite.is-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.status-opt--offer.is-active{background:#4ade8026;color:var(--easy);border-color:var(--easy)}.status-opt--rejected.is-active,.status-opt--ghosted.is-active{background:#f871711f;color:var(--hard);border-color:var(--hard)}.status-opt--on_hold.is-active,.status-opt--withdrawn.is-active{background:var(--surface-soft);color:var(--text);border-color:var(--text-muted)}.status-opt--accepted.is-active{background:#4ade8033;color:#4ade80;border-color:#4ade80}.prop-value--wrap{flex-wrap:wrap;gap:6px}.about{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);max-width:680px;margin:0 auto}.about__title{font-size:1.6rem;font-weight:700;color:var(--primary);margin-bottom:14px}.about__lead{color:var(--text);margin-bottom:26px}.about__subtitle{font-size:1.05rem;margin-bottom:12px}.about__steps{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.about__steps li{display:flex;align-items:flex-start;gap:12px;color:var(--text-muted)}.about__num{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;font-size:.85rem;font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:7px}.about__ladder{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.about__rung{font-size:.85rem;font-weight:700;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);padding:8px 14px;border-radius:8px}.about__rung--done{color:var(--easy);border-color:#4ade8066}.about__note{font-size:.85rem;color:var(--text-muted);line-height:1.7}.about__note strong{color:var(--text)}.app-loading{display:grid;place-items:center;height:100vh;color:var(--text-muted);font-size:.9rem}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;padding:36px 40px;overflow-y:auto;min-height:100vh}@media (max-width: 640px){.app-main{padding:20px 16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f17;--surface: #151821;--surface-soft: #1c1f2e;--border: #252836;--text: #e2e4f0;--text-muted: #8b8fa8;--primary: #8466cc;--primary-soft: #1e1535;--easy: #4ade80;--medium: #fbbf24;--hard: #f87171;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .4)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:14px}.mono{font-family:JetBrains Mono,ui-monospace,monospace}button{font-family:inherit;cursor:pointer}a{color:var(--primary)}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;padding:8px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}