:root{--bg: #eeeeee;--card: #ffffff;--bg-soft: #f5f5f5;--border: #dddddd;--input-border: #cccccc;--input-bg: #ffffff;--hover-bg: #f5f5f5;--text: #222222;--muted: #777777;--bar-bg: #e0e0e0;--badge-bg: #e5e5e5;--badge-text: #333333;--success: #16a34a;--success-bg: #dcfce7;--success-text: #166534;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #991b1b;--callout-bg: #fffbeb;--callout-border: #fde68a;--header-bg: #222222;--header-text: #ffffff;--header-muted: #d1d5db;--radius: 4px}html[data-theme=dark]{--bg: #1a1a1a;--card: #242424;--bg-soft: #2e2e2e;--border: #3a3a3a;--input-border: #444444;--input-bg: #242424;--hover-bg: #2e2e2e;--text: #e5e5e5;--muted: #9ca3af;--bar-bg: #3a3a3a;--badge-bg: #333333;--badge-text: #e5e5e5;--success: #22c55e;--success-bg: #14532d;--success-text: #bbf7d0;--warning-bg: #78350f;--warning-text: #fde68a;--danger: #f87171;--danger-bg: #450a0a;--danger-border: #7f1d1d;--danger-text: #fca5a5;--callout-bg: #292524;--callout-border: #57534e;--header-bg: #111111;--header-text: #ffffff;--header-muted: #d1d5db}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:28px;line-height:1.25;margin:8px 0 4px;letter-spacing:-.01em}h3{font-size:17px;margin:0 0 12px}header{background:var(--header-bg);color:var(--header-text);padding:0 12px;min-height:56px;display:flex;gap:16px;align-items:center;position:sticky;top:0;z-index:10;flex-wrap:wrap}header a{color:var(--header-muted)}header a:hover{color:var(--header-text);text-decoration:none}header a.logo{color:var(--header-text);font-weight:700;font-size:17px;white-space:nowrap}header nav{display:flex;gap:4px}header nav a{padding:7px 12px;border-radius:var(--radius)}header nav a.active{background:var(--primary);color:#fff}.header-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.accent-picker{display:flex;gap:4px;align-items:center}.accent-dot{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid transparent;color:#fff;font-size:12px;line-height:1}.accent-dot.on{border-color:#fff}.theme-btn{background:transparent;color:var(--header-text);border:1px solid #555555;padding:6px 10px}.theme-btn:hover:not(:disabled){background:#333}.header-user{color:var(--header-muted)}.header-btn{background:transparent;color:var(--header-text);border:1px solid #555555;padding:6px 10px}.header-btn:hover:not(:disabled){background:#333}.header-login{color:var(--header-text)}main{padding:20px 12px 40px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}input,textarea,select{width:100%;padding:9px 12px;border:1px solid var(--input-border);border-radius:var(--radius);margin:4px 0 12px;font:inherit;background:var(--input-bg);color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary);cursor:pointer;flex-shrink:0}button{padding:9px 16px;border:0;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;font:inherit;font-weight:600}button:hover:not(:disabled){background:var(--primary-hover)}button.secondary{background:var(--card);color:var(--text);border:1px solid var(--input-border)}button.secondary:hover:not(:disabled){background:var(--hover-bg)}button.danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}button.danger:hover:not(:disabled){background:var(--danger-bg);filter:brightness(1.08)}button.ghost{background:transparent;color:var(--muted);padding:6px 10px}button.ghost:hover:not(:disabled){background:var(--hover-bg);color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}.bar{height:12px;background:var(--bar-bg);border-radius:0;overflow:hidden}.bar>div{height:100%;background:var(--success);border-radius:0}.badge{display:inline-block;padding:3px 9px;border-radius:var(--radius);font-size:12px;font-weight:600;background:var(--badge-bg);color:var(--badge-text);white-space:nowrap}.badge.done{background:var(--success-bg);color:var(--success-text)}.badge.delayed{background:var(--warning-bg);color:var(--warning-text)}.badge.blocked{background:var(--danger-bg);color:var(--danger-text)}.tag{display:inline-block;padding:2px 8px;margin-right:4px;border-radius:var(--radius);font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--primary)}.grid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}@media (max-width: 800px){.grid{grid-template-columns:1fr}main{padding:16px 12px 32px}}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.err{color:var(--danger)}.callout{background:var(--callout-bg);border:1px solid var(--callout-border);border-radius:var(--radius);padding:10px 12px;font-size:14px}.empty{text-align:center;padding:28px 16px;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:16px;margin-bottom:4px}.hero-main[data-v-4c854d4a]{display:flex;gap:16px;align-items:center;margin-bottom:12px}.hero-percent[data-v-4c854d4a]{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em}.stats[data-v-4c854d4a]{gap:16px;margin-top:10px;font-size:14px;color:var(--muted)}.start[data-v-4c854d4a]{border-color:var(--primary);background:var(--accent-soft)}.module-panel[data-v-4c854d4a]{position:sticky;top:72px}.module-item[data-v-4c854d4a]{border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-top:10px;cursor:pointer;background:var(--card)}.module-item[data-v-4c854d4a]:hover{border-color:var(--primary)}.module-item.selected[data-v-4c854d4a]{border-color:var(--primary);background:var(--accent-soft)}.check-item[data-v-4c854d4a]{border-top:1px solid var(--border);padding:14px 0}.check-item[data-v-4c854d4a]:first-of-type{margin-top:12px}.note[data-v-4c854d4a]{background:var(--bg-soft);border:1px solid var(--border);padding:10px 12px;border-radius:var(--radius);margin:6px 0}.modal-overlay[data-v-4c854d4a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;z-index:50;overflow-y:auto}.modal[data-v-4c854d4a]{width:min(720px,100%);max-height:90vh;overflow-y:auto}.modal textarea[data-v-4c854d4a]{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:13px}@media (max-width: 800px){.module-panel[data-v-4c854d4a]{position:static}}