:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#dde1e6;--color-text:#1f2328;--color-muted:#6b7280;--color-primary:#0f62fe;--color-primary-hover:#0043ce;--color-success:#198038;--color-warning:#b28600;--radius:8px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Hiragino Sans,ヒラギノ角ゴシック,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif}a{color:inherit}.container{max-width:880px;margin:0 auto;padding:24px 16px 64px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header h1{font-size:18px;margin:0}.header .user{font-size:14px;color:var(--color-muted);display:flex;align-items:center;gap:12px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.nav-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;text-decoration:none;transition:box-shadow .15s ease,border-color .15s ease}.nav-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(15,98,254,.12)}.nav-card h2{margin:0 0 8px;font-size:16px;color:var(--color-primary)}.nav-card p{margin:0;font-size:13px;color:var(--color-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);padding:10px 20px;font-size:14px;cursor:pointer;background:var(--color-primary);color:#fff;text-decoration:none}.btn:hover{background:var(--color-primary-hover)}.btn.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn.danger{background:#da1e28}.select{display:inline-flex;align-items:center;border-radius:var(--radius);padding:10px 12px;background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.select,table{font-size:14px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--color-border)}th{color:var(--color-muted);text-transform:uppercase}.badge,th{font-weight:500;font-size:12px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px}.badge.published{background:#defbe6;color:var(--color-success)}.badge.draft{background:#fcf4d6;color:var(--color-warning)}form.record-form{display:grid;grid-gap:16px;gap:16px;max-width:480px}.field label{display:block;font-size:13px;color:var(--color-muted);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-family:inherit}.field textarea{min-height:100px;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--color-muted);font-size:13px}.message{font-size:13px;font-weight:500;margin:0}.message.success{color:var(--color-success)}.message.error{color:#da1e28}.callout{background:#fcf4d6;border:1px solid #f1c21b;border-radius:var(--radius);padding:12px 16px;font-size:13px;margin-bottom:16px}.callout p{margin:0}.callout p+p{margin-top:4px}.login-box{max-width:360px;margin:96px auto;text-align:center}