:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f8;--surface:#fff;--surface-soft:#eef5f1;--ink:#17211d;--muted:#5e6b64;--subtle:#88958e;--line:#d9e2dc;--green:#23745a;--teal:#0d807a;--blue:#315f9e;--amber:#b86d17;--red:#b43c3c;--ok:#19734a;--white:#fff;--shadow:0 14px 34px #17211d14}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfdfc;flex-direction:column;gap:22px;height:100svh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 4px 10px;display:flex}.brand-mark{background:var(--green);width:42px;height:42px;color:var(--white);border-radius:8px;place-items:center;display:grid}.brand-name{color:var(--ink);font-size:22px;font-weight:900;line-height:1.15}.brand-sub{color:var(--muted);font-size:12px;font-weight:700;line-height:1.3}.nav-list,.status-list,.todo-list,.notification-list,.ai-list,.source-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.nav-item{min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:800;display:flex}.nav-item.active{background:var(--surface-soft);color:var(--green)}.sidebar-footer{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:auto;padding:12px}.sidebar-footer strong{margin-bottom:4px;font-size:13px;display:block}.page{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:64px;margin-bottom:18px;display:flex}.topbar h1{color:var(--ink);font-size:26px;font-weight:900;line-height:1.22}.topbar-meta,.inline-meta{flex-wrap:wrap;gap:8px;display:flex}.pill,.status-pill{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex}.status-pill.review{color:var(--amber);background:#fff8eb;border-color:#efd19f}.status-pill.ok{color:var(--ok);background:#eef9f2;border-color:#bedcca}.status-pill.alert{color:var(--red);background:#fff2f2;border-color:#efc3c3}.work-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);align-items:start;gap:16px;display:grid}.main-stack,.side-stack{gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:18px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-title{align-items:center;gap:10px;display:flex}.panel-title h2{color:var(--ink);font-size:18px;font-weight:900;line-height:1.35}.panel-title p,.sidebar-footer p,.muted{color:var(--muted);font-size:13px;line-height:1.55}.metric-grid{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.metric{border-right:1px solid var(--line);background:#fcfefd;gap:5px;min-height:92px;padding:14px;display:grid}.metric:last-child{border-right:0}.metric span{color:var(--muted);font-size:12px;font-weight:800}.metric strong{overflow-wrap:anywhere;color:var(--ink);font-size:22px;font-weight:900;line-height:1.25}.metric.review strong{color:var(--amber)}.metric.alert strong{color:var(--red)}.detail-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:10px 0;display:flex}.detail-row span{color:var(--muted);font-size:13px;font-weight:800}.detail-row strong{color:var(--ink);text-align:right;font-size:14px;font-weight:900}.input-block{gap:7px;display:grid}.input-block span{color:var(--muted);font-size:12px;font-weight:900}.input-block input,.input-block select,.input-block textarea{border:1px solid var(--line);background:var(--white);width:100%;min-height:42px;color:var(--ink);border-radius:8px;outline:none;padding:9px 10px}.input-block textarea{resize:vertical;min-height:78px}.input-block input:focus,.input-block select:focus,.input-block textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d807a1f}.switch-row{color:var(--ink);align-items:center;gap:10px;font-size:13px;font-weight:900;display:flex}.todo-item,.notification-item,.ai-item,.source-item{border-bottom:1px solid var(--line);gap:7px;padding:12px 0;display:grid}.todo-item:last-child,.notification-item:last-child,.ai-item:last-child,.source-item:last-child{border-bottom:0}.todo-top,.notification-top,.ai-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.todo-top strong,.notification-top strong,.ai-top strong{color:var(--ink);font-size:14px;line-height:1.4}.todo-meta,.notification-meta,.ai-body{color:var(--muted);font-size:13px;line-height:1.55}.source-item a{color:var(--blue);overflow-wrap:anywhere;font-size:13px;font-weight:900;line-height:1.45}.action-row{flex-wrap:wrap;gap:8px;display:flex}.button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:900;display:inline-flex}.button.primary{border-color:var(--green);background:var(--green);color:var(--white)}.button.warning{color:var(--amber);background:#fff8eb;border-color:#efd19f}.button:disabled{cursor:not-allowed;opacity:.55}.wide{grid-column:1/-1}.state-panel{text-align:center;place-items:center;gap:14px;min-height:100svh;padding:24px;display:grid}.state-panel h1{color:var(--ink);font-size:24px;font-weight:900;line-height:1.25}.state-panel p{max-width:520px;color:var(--muted);font-size:14px;line-height:1.7}.auth-page{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:24px;min-height:100svh;padding:24px;display:grid}.auth-visual,.auth-form{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;align-content:center;gap:18px;padding:28px;display:grid}.auth-visual{background:#eef5f1}.eyebrow{color:var(--green);font-size:12px;font-weight:900}.auth-visual h1{max-width:620px;color:var(--ink);font-size:36px;font-weight:900;line-height:1.18}.auth-visual p,.form-message,.alert{color:var(--muted);font-size:14px;line-height:1.7}.auth-points{flex-wrap:wrap;gap:8px;display:flex}.auth-points span{background:var(--surface);min-height:32px;color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:900;display:inline-flex}.segmented{border:1px solid var(--line);background:#f7faf8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.segmented button.selected{background:var(--surface);color:var(--green);box-shadow:0 6px 16px #17211d14}.alert{color:var(--amber);background:#fff8eb;border:1px solid #efd19f;border-radius:8px;padding:10px 12px;font-weight:800}@media (max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.work-grid{grid-template-columns:1fr}}@media (max-width:720px){.page{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topbar h1{font-size:22px}.nav-list,.metric-grid,.detail-grid,.form-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.auth-page{grid-template-columns:1fr;padding:14px}.auth-visual,.auth-form{padding:18px}.auth-visual h1{font-size:26px}}