:root{--bg:#000;--fg:#eee;--muted:#9a9da2;--line:#26282f;--line-dark:#46494f;--panel:#0c0d10;--ok:#8fd19e;--warn:#f0c36b;--ng:#f08a8a;--font:"Aptos","游ゴシック Medium","Yu Gothic Medium","YuGothic","Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.7}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.wrap{width:min(100% - 32px,1200px);margin-inline:auto}.top{border-bottom:1px solid var(--line)}.top__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;min-height:64px;padding-block:10px}.top__brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}.top__brand b{font-size:18px;letter-spacing:.04em;white-space:nowrap}.top__brand span{color:var(--muted);font-size:12px;letter-spacing:.14em}.top__nav{display:flex;align-items:center;gap:20px;font-size:13px;letter-spacing:.1em;white-space:nowrap}.top__nav a{text-decoration:none;color:var(--muted)}.top__nav a:hover,.top__nav a[aria-current=page]{color:var(--fg)}.top__user{color:var(--muted);font-size:12px}main{padding-block:32px 80px}.page-title{font-size:26px;letter-spacing:.06em;margin-bottom:4px}.page-sub{color:var(--muted);font-size:13px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 22px;border:1px solid var(--fg);border-radius:999px;background:transparent;cursor:pointer;text-decoration:none;letter-spacing:.08em;font-size:13px}.btn--solid,.btn:hover{background:var(--fg);color:var(--bg)}.btn--small{min-height:32px;padding:0 14px;font-size:12px}.btn:disabled{opacity:.4;cursor:default}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:16px}.field label{font-size:12px;color:var(--muted);letter-spacing:.08em}.input{width:100%;min-height:42px;padding:8px 12px;background:var(--panel);border:1px solid var(--line-dark);border-radius:6px}textarea.input{min-height:120px;resize:vertical}.input:focus{outline:2px solid var(--fg);outline-offset:1px}.msg{font-size:13px;margin-top:8px}.msg--ng{color:var(--ng)}.msg--ok{color:var(--ok)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login__box{width:min(100%,380px)}.login__brand{font-size:22px;letter-spacing:.06em;margin-bottom:4px}.login__sub{color:var(--muted);font-size:12px;letter-spacing:.14em;margin-bottom:32px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.toolbar .input{max-width:320px}.company{border-top:1px solid var(--line);padding-block:20px}.company__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:10px}.company__name{font-size:22px;letter-spacing:.04em}.company__agency{color:var(--muted);font-size:12px}.memo{margin:-2px 0 12px}.memo:empty{display:none}.memo__preview{color:var(--muted);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memo__editor{margin-top:4px}.memo__editor textarea{min-height:140px}.memo__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.cases{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.cases th:first-child{width:28%}.cases th:nth-child(2){width:15%}.cases th:nth-child(3){width:20%}.cases th:nth-child(4),.cases th:nth-child(5){width:13%}.cases th:nth-child(6){width:11%}.cases td{overflow-wrap:anywhere}.cases th{text-align:left;font-weight:400;color:var(--muted);font-size:11px;letter-spacing:.1em;padding:6px 10px;white-space:nowrap}.cases td,.cases th{border-bottom:1px solid var(--line)}.cases td{padding:10px;vertical-align:top}.cases tr:hover td{background:var(--panel)}.cases a{text-decoration:none}.cases a:hover{text-decoration:underline}.phase,.tag{white-space:nowrap}.tag{display:inline-block;padding:1px 10px;border:1px solid var(--line-dark);border-radius:999px;font-size:12px}.tag--ok{border-color:var(--ok);color:var(--ok)}.tag--warn{border-color:var(--warn);color:var(--warn)}.tag--ng{border-color:var(--ng)}.due--late,.tag--ng{color:var(--ng)}.due--soon{color:var(--warn)}.empty{color:var(--muted);padding:40px 0}@media (max-width:760px){.cases thead{display:none}.cases tr{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 12px;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.cases td{border:0;padding:0}.cases td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}.cases td.c-product{grid-column:1/-1;font-size:16px}.top__nav{gap:14px}.top__brand span,.top__user{display:none}.top__brand b{font-size:16px}}.back{display:inline-block;color:var(--muted);font-size:13px;text-decoration:none;margin-bottom:16px}.detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:32px;gap:32px;align-items:start}@media (max-width:900px){.detail{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--panel)}.panel+.panel{margin-top:16px}.panel h2{font-size:13px;letter-spacing:.14em;color:var(--muted);font-weight:400;margin-bottom:12px}.kv{display:grid;grid-template-columns:7em 1fr;grid-gap:6px 12px;gap:6px 12px;font-size:14px}.kv dt{color:var(--muted)}.flow,.kv dd{margin:0}.flow{list-style:none;padding:0}.flow__phase{border-top:1px solid var(--line);padding:14px 0}.flow__phase:first-child{border-top:0;padding-top:0}.flow__title{font-size:16px;margin-bottom:8px}.flow__phase.is-now .flow__title:after{content:"今ここ";margin-left:10px;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--fg);color:var(--bg);vertical-align:2px}.flow__phase.is-future{opacity:.55}.task{display:grid;grid-template-columns:24px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:5px 0;font-size:14px}.task input{width:18px;height:18px;accent-color:#eee}.task__date{color:var(--muted);font-size:12px}.task.is-next .task__label{font-weight:700}.gate{font-size:11px;color:var(--warn);margin-left:6px}