:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f5;--border:#e3e6ea;--text:#1a1d21;--text-muted:#6b7280;--brand:#4f46e5;--radius:12px;--shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a1f;--surface-2:#1e222a;--border:#2a2f3a;--text:#e6e9ee;--text-muted:#9aa3b2;--brand:#818cf8;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.nav{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav__inner{align-items:center;gap:24px;max-width:1180px;height:56px;margin:0 auto;padding:0 24px;display:flex}.nav__brand{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.nav__logo{color:var(--brand);font-size:18px}.project-select{appearance:none;background:var(--surface-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border-radius:8px;max-width:220px;padding:6px 28px 6px 10px;font-size:13px;font-weight:600}.nav__links{flex:1;gap:4px;display:flex}.nav__link{color:var(--text-muted);border-radius:8px;padding:6px 12px;font-weight:500}.nav__link:hover{background:var(--surface-2);color:var(--text)}.nav__link--active{color:var(--text);background:var(--surface-2)}.nav__admin{color:var(--text-muted);font-weight:500}.nav__user{align-items:center;gap:10px;margin-left:auto;display:flex}.nav__logout{border:1px solid var(--border);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:12px}.nav__logout:hover{color:var(--text)}.login-wrap{place-items:center;min-height:70vh;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:12px;width:min(420px,92vw);padding:28px;display:grid}.login-card h1{margin:0;font-size:20px}.login-card label{gap:6px;font-size:13px;font-weight:600;display:grid}.login-card input{border:1px solid var(--border);font:inherit;background:var(--surface);color:var(--text);border-radius:8px;padding:10px 12px}.login-card button{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}.login-card button:disabled{opacity:.7}.login-error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:8px 10px;font-size:13px}.nav__admin:hover{color:var(--text)}.page{max-width:1180px;margin:0 auto;padding:28px 24px 64px}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page__title{margin:0;font-size:22px;font-weight:700}.page__subtitle{color:var(--text-muted);margin:4px 0 0}.muted{color:var(--text-muted)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.pill{color:var(--pill-color);background:color-mix(in srgb, var(--pill-color) 14%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill--subtle{color:var(--text);background:var(--surface-2)}.pill__dot{background:var(--pill-color);border-radius:50%;width:7px;height:7px}.tag{color:var(--tag-color);border:1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);background:color-mix(in srgb, var(--tag-color) 10%, transparent);border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (max-width:900px){.board{grid-template-columns:1fr}}.column{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:180px;padding:12px;transition:border-color .12s,background .12s;display:flex}.column--over{border-color:color-mix(in srgb, var(--brand) 70%, var(--border));background:color-mix(in srgb, var(--brand) 8%, var(--surface-2))}.column__body{flex:1;min-height:64px}.column__empty{padding:16px 4px;font-size:13px}.column__head{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.column__title{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.column__count{color:var(--text-muted);font-size:12px;font-weight:600}.column__dot{border-radius:50%;width:9px;height:9px}.issue-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:10px;padding:12px;transition:transform 80ms,border-color 80ms;display:block}.issue-card:hover{border-color:color-mix(in srgb, var(--brand) 50%, var(--border));transform:translateY(-1px)}.issue-card__title{margin-bottom:8px;font-weight:600;line-height:1.35}.issue-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.issue-card__id{color:var(--text-muted);font-size:11px;font-family:var(--font-mono,monospace)}.kanban-card{margin-bottom:10px}.kanban-card .issue-card{margin-bottom:0}.kanban-card--draggable{cursor:grab}.kanban-card--draggable:active{cursor:grabbing}.kanban-card--dragging{opacity:.45}.table{border-collapse:collapse;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}.table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:12px;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.table a.link{font-weight:600}.table a.link:hover{color:var(--brand)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (max-width:820px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{padding:18px}.stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.stat__value{margin-top:6px;font-size:30px;font-weight:700}.stat__sub{color:var(--text-muted);margin-top:2px;font-size:12px}.progress{background:var(--surface-2);border-radius:999px;height:8px;display:flex;overflow:hidden}.progress__seg{height:100%}.legend{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.legend__item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.legend__dot{border-radius:50%;width:9px;height:9px}.bars{flex-direction:column;gap:12px;display:flex}.bar-row{grid-template-columns:90px 1fr 40px;align-items:center;gap:12px;display:grid}.bar-track{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:999px;height:100%}.section{margin-top:28px}.section__title{margin:0 0 12px;font-size:15px;font-weight:700}.detail-grid{grid-template-columns:1fr 260px;gap:24px;display:grid}@media (max-width:820px){.detail-grid{grid-template-columns:1fr}}.prose{padding:20px 22px}.prose p{margin:0 0 10px}.meta-list{flex-direction:column;gap:14px;padding:18px;display:flex}.meta-item__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:12px;font-weight:600}.attachment-gallery{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.attachment-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.attachment-gallery__item{border:1px solid var(--border);background:var(--surface-2);aspect-ratio:4/3;border-radius:10px;display:block;overflow:hidden}.attachment-gallery__item img{object-fit:cover;width:100%;height:100%;display:block}.attachment-gallery__item:hover{border-color:color-mix(in srgb, var(--brand) 50%, var(--border))}.backlink{color:var(--text-muted);margin-bottom:14px;font-weight:500;display:inline-block}.backlink:hover{color:var(--text)}.empty{text-align:center;color:var(--text-muted);padding:40px}.refresh{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.refresh__dot{background:#9aa3b2;border-radius:50%;width:8px;height:8px}.refresh--on{color:#16a34a;border-color:color-mix(in srgb, #22c55e 40%, var(--border))}.refresh--on .refresh__dot{background:#22c55e;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 3px #22c55e40}@keyframes pulse{50%{opacity:.5}}.hero{margin-bottom:24px;padding:28px}.hero h1{margin:0 0 6px;font-size:24px}.quick-links{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:820px){.quick-links{grid-template-columns:1fr}}.quick-link{padding:20px;transition:transform 80ms,border-color 80ms;display:block}.quick-link:hover{border-color:color-mix(in srgb, var(--brand) 50%, var(--border));transform:translateY(-2px)}.quick-link__title{margin-bottom:4px;font-size:15px;font-weight:700}