:root{--paper: #f6f5f1;--ink: #23262a;--line: #d9d6cd;--tally: #c63d2f;--amber: #b98a1d;--signal: #2f6db5;--archive: #2f7a6b;--muted: #6d7278}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;font-size:14px;line-height:1.7}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:52px;background:#fff;border-bottom:2px solid var(--ink)}.brand{font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.brand-mark{width:10px;height:10px;border-radius:50%;background:var(--tally)}.brand-demo{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:0 6px}.topbar nav a{margin-left:20px;color:var(--ink);text-decoration:none;padding-bottom:14px}.topbar nav a.active{border-bottom:2px solid var(--tally);font-weight:700}main{max-width:960px;margin:0 auto;padding:24px}h1{font-size:20px;margin:0}h2{font-size:14px;margin:0 0 10px;color:var(--muted);font-weight:700}.page-head{display:flex;align-items:baseline;gap:12px;margin:8px 0 16px}.filters{margin-left:auto;display:flex;gap:8px}input,select,textarea,button{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:4px;background:#fff}button{cursor:pointer;background:var(--ink);color:#fff;border-color:var(--ink)}button:disabled{opacity:.5;cursor:default}a{color:var(--signal)}.muted{color:var(--muted)}.error{color:var(--tally)}table.list{width:100%;border-collapse:collapse;background:#fff}table.list th,table.list td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left}table.list th{font-size:12px;color:var(--muted);font-weight:700}.chip{padding:2px 10px;border-radius:999px;font-size:12px;color:#fff}.st-production{background:var(--amber)}.st-output{background:var(--signal)}.st-archive{background:var(--archive)}.flag{font-weight:700;font-size:12px}.flag.ok{color:var(--archive)}.flag.ng{color:var(--tally)}.flag.pending{color:var(--muted)}.rail{display:flex;gap:0;margin:16px 0 24px}.rail-step{flex:1;text-align:center;padding:10px 0 6px;position:relative;color:var(--muted);border-top:3px solid var(--line)}.rail-step.done{border-top-color:var(--ink);color:var(--ink)}.rail-step.now{border-top-color:var(--tally);color:var(--ink);font-weight:700}.rail-dot{position:absolute;top:-7px;left:calc(50% - 5px);width:11px;height:11px;border-radius:50%;background:var(--line);border:2px solid var(--paper)}.rail-step.done .rail-dot{background:var(--ink)}.rail-step.now .rail-dot{background:var(--tally)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.grid2{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:16px}dl{margin:0}dt{font-size:12px;color:var(--muted);margin-top:8px}dd{margin:0}code{background:var(--paper);padding:1px 4px;font-size:12px}.form label{display:block;margin-bottom:10px}.form input,.form textarea{width:100%;margin-top:4px}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.user-menu{display:flex;align-items:center;gap:10px;font-size:12px}.user-email{color:var(--ink)}.user-roles{color:var(--muted)}.user-menu button{font-size:12px;padding:2px 10px;background:#fff;border:1px solid var(--line);cursor:pointer}