:root{--cdpj-blue:#10BBC7;--cdpj-blue-dark:#0DA3AE;--cdpj-blue-darker:#0B8B95;--cdpj-blue-light:#5DD4DC;--cdpj-blue-tint:#E5F8FA;--cdpj-black:#334455;--cdpj-black-soft:#5A6B7B;--cdpj-white:#FFFFFF;--cdpj-gradient-hero:linear-gradient(135deg,#10BBC7,#5FB484);--cdpj-gradient-hero-soft:linear-gradient(135deg,#5DD4DC,#8BC9A8);--brand:#10BBC7;--brand-graph:#0DA3AE;--brand-text:#0B8B95;--brand-tint:#E5F8FA;--brand-primary:var(--brand-text);--brand-primary-dark:var(--brand-text);--brand-secondary:#5FB484;--brand-tertiary:#0070C0;--step1-color:#5FB484;--step1-bg:#ECF7F0;--step2-color:#0070C0;--step2-bg:#E5F2FB;--step3-color:#6F42C1;--step3-bg:#F0EAFB;--step-none-color:#94A3B8;--step-none-bg:#F1F5F9;--step1-fg:#2F7A52;--step2-fg:#0070C0;--step3-fg:#6F42C1;--step-none-fg:#475569;--status-active:#16A34A;--status-planning:#CA8A04;--status-paused:#D97706;--status-seed:#64748B;--status-completed:#475569;--req-achieved:#16A34A;--req-pending:#94A3B8;--badge-info-bg:#DBEAFE;--badge-info-fg:#1E40AF;--badge-info-border:#93C5FD;--badge-warn-bg:#FEF3C7;--badge-warn-fg:#92400E;--badge-warn-border:#FCD34D;--badge-success-bg:#ECF7F0;--badge-success-fg:#166534;--badge-success-border:#86EFAC;--badge-danger-bg:#FEF2F2;--badge-danger-fg:#991B1B;--badge-danger-border:#FECACA;--badge-neutral-bg:var(--bg-subtle);--badge-neutral-fg:var(--text-secondary);--badge-neutral-border:var(--border);--bg:#FFFFFF;--bg-subtle:#F6F8FA;--bg-soft:#FAFBFC;--surface:#FFFFFF;--surface-elevated:#FFFFFF;--border:#E2E8F0;--border-strong:#CBD5E1;--canvas:#F6F8FA;--inset:#FAFBFC;--text-primary:var(--cdpj-black);--text-secondary:#5A6B7B;--text-tertiary:#5A6B7B;--icon-muted:#8B97A4;--text-on-brand:#FFFFFF;--text-on-dark:#FFFFFF;--shadow-sm:0 1px 2px rgba(15,23,42,0.04);--shadow-md:0 1px 3px rgba(15,23,42,0.08);--shadow-xl:0 8px 24px rgba(15,23,42,0.12);--shadow-hero:0 10px 40px rgba(16,187,199,0.15);--radius-sm:2px;--radius-md:2px;--radius-lg:3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;--font-logo:"Zen Kaku Gothic New","Ofelia Text",sans-serif;--fs-xs:12px;--fs-label:13px;--fs-sm:14px;--fs-panel:15px;--fs-base:16px;--fs-md:18px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:30px;--fs-4xl:44px;--fs-5xl:56px;--fs-6xl:72px;--fs-7xl:88px;--font-size-xs:var(--fs-xs);--font-size-sm:var(--fs-sm);--font-size-base:var(--fs-base);--font-size-md:var(--fs-md);--font-size-lg:var(--fs-lg);--font-size-xl:var(--fs-xl);--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--lh-relaxed:1.75;--fw-regular:400;--fw-medium:500;--fw-bold:700;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-wider:0.08em;--header-height:64px;--max-content-width:100%;--max-narrow-width:880px}[data-theme=dark]{--bg:#0F172A;--bg-subtle:#1E293B;--bg-soft:#1A2334;--surface:#1E293B;--surface-elevated:#334155;--border:#334155;--border-strong:#475569;--text-primary:#F1F5F9;--text-secondary:#CBD5E1;--text-tertiary:#94A3B8;--step1-bg:#1F3A2E;--step2-bg:#1E3A5F;--step3-bg:#2E2548;--step-none-bg:#2D3748;--cdpj-blue-tint:#1A3540;--brand-tint:#1A3540;--brand-text:#5DD4DC;--brand-graph:#10BBC7;--badge-info-bg:#1E3A5F;--badge-info-fg:#BFDBFE;--badge-info-border:#2C4A6E;--badge-warn-bg:#3B2F14;--badge-warn-fg:#FBBF24;--badge-warn-border:#5A4A1E;--badge-success-bg:#163020;--badge-success-fg:#86EFAC;--badge-success-border:#1F4A30;--badge-danger-bg:#3A1A1A;--badge-danger-fg:#FCA5A5;--badge-danger-border:#5A2A2A;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 1px 3px rgba(0,0,0,0.4);--shadow-xl:0 8px 24px rgba(0,0,0,0.5);--shadow-hero:0 10px 40px rgba(0,0,0,0.5)}body{font-size:var(--fs-base);line-height:var(--lh-normal)}.section{display:flex;flex-direction:column;gap:var(--space-5)}.section--narrow{max-width:var(--max-narrow-width)}.h-section{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);margin:0;color:var(--text-primary)}.h-section svg{color:var(--brand-text)}.h-sub{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:0;color:var(--text-primary)}.lead{font-size:var(--fs-md);line-height:var(--lh-relaxed);margin:0}.chip,.lead{color:var(--text-secondary)}.chip{display:inline-flex;align-items:center;padding:4px var(--space-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.chip--brand{background:var(--brand-text);border-color:var(--brand-text)}.chip--brand,.chip--dark{color:var(--text-on-brand)}.chip--dark{background:var(--cdpj-black);border-color:var(--cdpj-black)}*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;background:var(--bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3}p{margin:0}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}ol,ul{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}body,html{min-height:100vh}body{display:flex;flex-direction:column}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-6)}@media (max-width:720px){.container{padding:0 var(--space-4)}}.card{padding:var(--space-6)}.btn,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--text-primary);font-weight:var(--fw-medium);font-size:var(--fs-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease;font-family:inherit}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-primary{color:var(--text-on-brand);font-weight:var(--fw-bold)}.btn-primary,.btn-primary:hover{background:var(--brand-text);border-color:var(--brand-text)}.btn--secondary{background:var(--surface);color:var(--text-secondary)}.btn--danger{background:var(--surface);color:#DC2626;border-color:#FCA5A5}.btn--danger:hover{background:var(--badge-danger-bg);border-color:#DC2626}.input,.select{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-base);font-family:inherit}.input:focus,.select:focus{outline:2px solid var(--cdpj-blue);outline-offset:-2px}.label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.muted{color:var(--text-tertiary)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);height:var(--header-height)}.app-header,.app-header__inner{display:flex;align-items:center}.app-header__inner{width:100%;padding:0 var(--space-6) 0 var(--space-4);justify-content:space-between;gap:var(--space-4);flex-wrap:nowrap}.app-header__left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1 1}.app-header__brand{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:600}.app-header__brand,.app-header__brand:hover{text-decoration:none}.app-header__brand-mark{width:28px;height:28px;display:block}.app-header__brand-name{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-md);white-space:nowrap}.app-header__brand-name-cdpj{font-weight:700;color:var(--brand-text);letter-spacing:.5px}.app-header__brand-name-sub{color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm)}.app-header__tag{padding:2px var(--space-2);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.app-header__tag,.nav-group{display:inline-flex;align-items:center}.nav-group{position:relative}.nav-group__trigger{display:inline-flex;align-items:center;gap:4px;padding:6px var(--space-3);background:transparent;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:background .1s ease,color .1s ease}.nav-group__trigger:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-group__trigger--active{background:var(--cdpj-blue-tint);color:var(--brand-text)}.nav-group__trigger--open{background:var(--bg-subtle);color:var(--text-primary)}.nav-group__caret{opacity:.6;transition:transform .15s ease}.nav-group__trigger[aria-expanded=true] .nav-group__caret{transform:rotate(180deg)}.nav-group__panel{position:absolute;top:100%;left:0;z-index:20;min-width:240px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;margin-top:4px}.nav-group__item{display:flex;flex-direction:column;gap:2px;padding:8px var(--space-3);text-decoration:none;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.nav-group__item:last-child{border-bottom:none}.nav-group__item:hover{background:var(--bg-subtle);text-decoration:none}.nav-group__item--active,.nav-group__item--active:hover{background:var(--cdpj-blue-tint)}.nav-group__item-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.nav-group__item--active .nav-group__item-label{color:var(--brand-text)}.nav-group__item-desc{font-size:var(--font-size-xs);color:var(--text-tertiary)}.app-header__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.app-header__user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.app-header__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.app-header__user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.app-header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background .1s ease}.app-header__icon-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.app-header__menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.app-header__menu-toggle:hover{border-color:var(--text-primary);color:var(--text-primary)}@media (max-width:1023px){.app-header__inner{padding:0 var(--space-3);gap:var(--space-2)}.app-header__brand-name-sub,.app-header__tag{display:none}.app-header__menu-toggle{display:inline-flex}}@media (max-width:600px){.app-header__user{display:none}.app-header__brand-mark{width:24px;height:24px}}.app-header__logout-form{display:inline-flex;margin:0}.sidebar{width:240px;flex:0 0 240px;background:var(--surface);border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto}.sidebar__nav{gap:var(--space-5);padding:var(--space-4) var(--space-3) var(--space-8)}.sidebar__nav,.sidebar__section{display:flex;flex-direction:column}.sidebar__section{gap:1px}.sidebar__section-label{font-size:10px;font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-1);padding:0 var(--space-2)}.sidebar__link{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:2px;font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;line-height:1.3;min-width:0}.sidebar__link:hover{background:var(--bg-subtle);color:var(--text-primary);text-decoration:none}.sidebar__link--active{font-weight:var(--fw-bold)}.sidebar__link--active,.sidebar__link--active:hover{background:var(--brand-tint);color:var(--text-primary)}.sidebar__link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__status-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;margin:0 3.5px;background:var(--step-none-color)}.sidebar__status-dot--active{background:var(--status-active)}.sidebar__status-dot--planning{background:var(--status-planning)}.sidebar__status-dot--paused{background:var(--status-paused)}.sidebar__status-dot--seed{background:var(--status-seed)}.sidebar__status-dot--completed{background:var(--status-completed)}.sidebar__overlay{display:none}@media (max-width:1023px){.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;height:auto;z-index:40;transform:translateX(-100%);transition:transform .2s ease;box-shadow:none}.sidebar--open{transform:translateX(0);box-shadow:var(--shadow-md)}.sidebar__overlay{display:block;position:fixed;inset:var(--header-height) 0 0 0;background:rgba(15,23,42,.35);z-index:39}}.app-footer{margin-top:var(--space-12);background:#14161c;color:rgba(255,255,255,.72);border-top:1px solid var(--border)}.app-footer__inner{max-width:var(--container-max,1200px);margin:0 auto;padding:var(--space-8) var(--space-6)}.app-footer__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.12)}.app-footer__brand{display:flex;flex-direction:column;gap:2px}.app-footer__brand-name{font-size:var(--font-size-md);font-weight:700;color:#ffffff}.app-footer__brand-sub{font-size:var(--font-size-xs);color:rgba(255,255,255,.55)}.app-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-5)}.app-footer__link{font-size:var(--font-size-sm);color:rgba(255,255,255,.8)}.app-footer__link:hover{color:#ffffff}.app-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);font-size:var(--font-size-xs);color:rgba(255,255,255,.5)}.app-footer__tag{border:1px solid rgba(255,255,255,.25);padding:1px var(--space-2)}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-subtle)}.app-shell__body{display:flex;align-items:stretch;flex:1 1;min-width:0}.app-shell__content{flex:1 1;min-width:0;display:flex;flex-direction:column}.app-shell__main{flex:1 1;padding:var(--space-8) 0 var(--space-12);min-width:0}.app-shell__main:has(.page--document){background:var(--surface)}