:root{--color-bg:#fafaf7;--color-bg-card:#ffffff;--color-text:#1a1a1a;--color-muted:#6b7280;--color-primary:#2d6a4f;--color-primary-hover:#1b4332;--color-accent:#f4a259;--color-border:#e5e7eb;--color-danger:#c53030;--color-success:#2f855a;--radius:12px;--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","Meiryo",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-size:.95rem;transition:background .15s,border-color .15s}.btn:hover{background:#f4f4f4}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.25rem}.card h2{margin-top:0;font-size:1.15rem}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#1b4332;color:#fff;padding:1.25rem .75rem}.sidebar h1{font-size:1rem;margin:0 .5rem 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar nav a{display:block;padding:.6rem .75rem;border-radius:6px;color:rgba(255,255,255,.85);text-decoration:none;font-size:.92rem;margin-bottom:.15rem}.sidebar nav a.active,.sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff}.main{padding:2rem;max-width:1100px}.main h1{margin-top:0}.status-pill{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#e6f3ee;color:var(--color-primary)}.status-pill.demo{background:#fff4e6;color:#c2410c}.status-pill.dev{background:#ddeaff;color:#1d4ed8}.status-pill.maintenance{background:#f3f4f6;color:#4b5563}.status-pill.hearing{background:#fef9c3;color:#854d0e}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.muted{color:var(--color-muted);font-size:.9rem}.input,select.input,textarea.input{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--color-border);background:#fff;font-family:inherit;font-size:.95rem}textarea.input{resize:vertical;min-height:100px}label.field{display:block;margin-bottom:1rem}label.field>span{display:block;margin-bottom:.3rem;font-weight:600;font-size:.9rem}.empty{text-align:center;padding:2rem;color:var(--color-muted);border:1px dashed var(--color-border);border-radius:var(--radius)}.toast{padding:.7rem 1rem;border-radius:8px;background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46;margin-bottom:1rem}.toast.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}@media (max-width:720px){.layout{grid-template-columns:1fr}.sidebar{padding:.75rem;display:flex;overflow-x:auto;gap:.4rem}.sidebar h1{display:none}.sidebar nav{display:flex;gap:.3rem}.sidebar nav a{white-space:nowrap;padding:.5rem .7rem;font-size:.85rem}.main{padding:1rem}}