.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-gold:#d97706;--success:#059669;--warning:#d97706;--danger:#dc2626;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-hover:0 4px 16px #0000001a;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font)}input,textarea,select{font-family:var(--font)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#fff}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-input{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);background:#fff;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-error{color:var(--danger);font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;transition:all .15s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.badge{color:var(--accent);background:#2563eb14;border:1px solid #2563eb33;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.25}}@media (width<=900px){.sidebar{display:none}}@media (width<=640px){.desktop-nav{display:none!important}.hamburger{display:block!important}}.grid-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.grid-3>*{flex-direction:column;display:flex}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-3{grid-template-columns:1fr}.container{padding:0 16px}}.banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;font-size:14px;display:flex}.banner-warning{color:#92400e;background:#fefce8;border-bottom:1px solid #fde68a}.banner-danger{color:#991b1b;background:#fef2f2;border-bottom:1px solid #fecaca}.locked-overlay{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8fafcd9;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title{color:var(--text-primary);font-size:18px;font-weight:600}.section-count{color:var(--text-muted);font-size:13px}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state p{font-size:15px}.dashboard-layout{align-items:flex-start;gap:24px;display:flex}.dashboard-sidebar{flex-shrink:0;width:210px;max-height:calc(100vh - 100px);padding-bottom:24px;position:sticky;top:80px;overflow-y:auto}.dashboard-main{flex:1;min-width:0}.cat-nav{flex-direction:column;gap:2px;margin-bottom:20px;display:flex}.cat-btn{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .12s;display:flex}.cat-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.cat-btn.active{color:var(--accent);background:#2563eb14}.cat-btn .cat-count{color:var(--text-muted);background:var(--bg-primary);border:1px solid var(--border);text-align:center;border-radius:10px;min-width:24px;padding:1px 7px;font-size:11px;font-weight:400}.cat-btn.active .cat-count{color:var(--accent);background:#2563eb1f;border-color:#2563eb33}.view-toggle{border:1px solid var(--border);border-radius:var(--radius);width:fit-content;display:flex;overflow:hidden}.view-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:7px 14px;font-size:15px;transition:all .12s;display:flex}.view-btn.active{background:var(--accent);color:#fff}.view-btn:not(.active):hover{background:var(--bg-card-hover);color:var(--text-primary)}.list-view{border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.list-item{background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:64px;padding:13px 16px;transition:background .12s;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-card-hover)}.list-item.locked{opacity:.6}.list-item-meta{flex-direction:column;flex-shrink:0;gap:3px;min-width:120px;max-width:140px;display:flex}.list-item-body{flex:1;min-width:0}.list-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.list-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.list-item-action{flex-shrink:0;margin-left:auto}.sidebar-search{background:var(--bg-primary);z-index:2;margin-bottom:4px;padding-bottom:16px;position:sticky;top:0}.sidebar-search input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--text-primary);font-size:13.5px;font-family:var(--font);padding:9px 12px;transition:border-color .15s}.sidebar-search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-divider{background:var(--border);height:1px;margin:16px 0}.sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;padding:0 12px;font-size:11px;font-weight:600}@media (width<=860px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;max-height:none;position:static}.cat-nav{flex-flow:wrap;gap:6px}.cat-btn{width:auto;padding:6px 12px}.cat-btn .cat-count{display:none}}.dash-sticky-header{z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 0;display:flex;position:sticky;top:0}.dash-header-left{flex:1;min-width:220px}.dash-welcome{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.dash-stats{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.dash-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.for-me-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#2563eb0f;border:1px solid #2563eb2e;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;transition:all .15s;display:inline-flex}.for-me-toggle:hover{background:#2563eb1a}.for-me-toggle input{opacity:0;pointer-events:none;position:absolute}.for-me-track{background:var(--border);border-radius:20px;width:32px;height:18px;transition:background .2s;position:relative}.for-me-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s,background .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.for-me-toggle input:checked+.for-me-track{background:var(--accent)}.for-me-toggle input:checked+.for-me-track .for-me-thumb{left:16px}.for-me-label{color:var(--accent);font-size:13px;font-weight:600}.for-me-toggle:has(input:disabled){opacity:.45;cursor:default}.for-me-toggle:has(input:disabled):hover{background:#2563eb0f}.for-me-hint{border-radius:var(--radius);color:var(--text-secondary);background:#2563eb0d;border:1px solid #2563eb26;margin-bottom:20px;padding:8px 14px;font-size:12.5px}.help-btn{background:var(--bg-card);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.help-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-section{margin-bottom:4px}.sidebar-section-header{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:var(--radius);font-size:12px;font-weight:700;font-family:var(--font);justify-content:space-between;align-items:center;padding:11px 12px;transition:background .12s,border-color .12s;display:flex}.sidebar-section-header:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--text-primary)}.sidebar-section-header svg{color:var(--text-secondary);opacity:.8}.sidebar-section-header:hover svg{color:var(--text-primary);opacity:1}.sidebar-section .cat-nav{margin-top:2px;margin-bottom:10px}.sidebar-filters-header{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:6px;margin-bottom:4px;padding:0 4px 10px;font-size:13px;font-weight:700;display:flex}.sidebar-filters-header svg{color:var(--text-secondary)}.sidebar-active-badge{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;font-size:10px;font-weight:700;display:inline-flex}.pref-chip{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font);border-radius:20px;align-items:center;padding:6px 14px;transition:all .12s;display:inline-flex}.pref-chip:hover{border-color:var(--accent);color:var(--accent);background:#2563eb0d}.pref-chip.selected{border-color:var(--accent);color:var(--accent);background:#2563eb1a;font-weight:600}.difficulty-legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px 10px;font-size:11px;display:flex}.difficulty-legend-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:2px;font-size:10px;font-weight:700}.difficulty-legend span[title]{cursor:help}.onboarding-overlay{z-index:9999;background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out onb-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes onb-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onb-progress-track{background:var(--border);z-index:10000;height:3px;position:fixed;top:0;left:0;right:0}.onb-progress-fill{background:var(--accent);height:100%;transition:width .3s}.onb-skip{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);font-size:13px;font-family:var(--font);background:0 0;border:none;padding:6px 10px;position:fixed;top:16px;right:20px}.onb-skip:hover{color:var(--text-secondary);background:var(--bg-card-hover)}.onb-step-counter{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600;position:fixed;top:18px;left:20px}.onb-content{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:620px;animation:.35s ease-out onb-step;display:flex}@keyframes onb-step{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.onb-title{color:var(--text-primary);margin:0;font-size:30px;font-weight:800;line-height:1.15}.onb-subtitle{color:var(--text-secondary);margin:0 0 8px;font-size:16px;line-height:1.45}.onb-options{flex-direction:column;gap:10px;margin-top:8px;display:flex}.onb-option{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;text-align:left;font-family:var(--font);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .12s;display:flex}.onb-option:hover:not(:disabled){border-color:var(--accent);background:#2563eb08;transform:translateY(-1px)}.onb-option.selected{border-color:var(--accent);background:#2563eb12;box-shadow:0 0 0 3px #2563eb1a}.onb-emoji{flex-shrink:0;font-size:24px}.onb-option-body{flex-direction:column;flex:1;gap:2px;display:flex}.onb-option-label{color:var(--text-primary);font-size:15px;font-weight:600}.onb-option-note{color:var(--text-muted);font-size:13px}.onb-check{color:var(--accent);font-size:16px;font-weight:700}.onb-hint{color:var(--text-muted);text-align:center;margin-top:4px;font-size:12px}.onb-nav{justify-content:space-between;gap:12px;width:100%;max-width:620px;margin-top:24px;display:flex}.onb-back,.onb-next{border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border:none;padding:12px 22px;transition:all .12s}.onb-back{color:var(--text-muted);background:0 0}.onb-back:hover{color:var(--text-primary);background:var(--bg-card-hover)}.onb-next{background:var(--accent);color:#fff;margin-left:auto}.onb-next:hover:not(.disabled){background:var(--accent-hover)}.onb-next.disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.onb-title{font-size:24px}.onb-subtitle{font-size:14px}.onb-option{padding:12px 14px}.onb-option-label{font-size:14px}.onb-option-note{font-size:12px}.dash-sticky-header{flex-direction:column;align-items:flex-start}.dash-header-right{justify-content:space-between;width:100%}}