#__demo-bar{position:fixed;top:0;left:0;right:0;z-index:2147483647;height:44px;background:#0f172a;padding:0 20px;gap:14px;font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-size:13px;border-bottom:1px solid #1e293b;box-sizing:border-box;color:#f1f5f9}#__demo-bar,#__demo-bar a{display:flex;align-items:center}#__demo-bar a{text-decoration:none;gap:6px;white-space:nowrap}#__demo-bar a:hover{opacity:.7;transition:opacity .15s}.__db-title{color:#f1f5f9;font-weight:600;letter-spacing:-.02em}.__db-sep{color:#334155;-webkit-user-select:none;-moz-user-select:none;user-select:none}.__db-back{color:#94a3b8}.__db-sp{flex:1 1;min-width:0}.__db-badge{color:#64748b;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#1e293b;padding:3px 8px;border-radius:4px;font-weight:500}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:#f5f6f8;color:#1f2330}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.nav{background:#1f2937;padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.nav,.nav a,.nav button{color:#fff}.nav .links{display:flex;gap:18px;align-items:center}.nav .links a{font-weight:500}.nav .who{font-size:13px;opacity:.85;margin-right:12px}main{max-width:1000px;margin:24px auto;padding:0 16px 64px}h1{font-size:22px;margin:0 0 16px}h2{font-size:18px;margin:24px 0 12px}.card{border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px}.card,table{background:#fff}table{width:100%;border-collapse:collapse}td,th{padding:10px 12px;border-bottom:1px solid #eef0f3;text-align:left;font-size:14px}th{background:#fafbfc;font-weight:600}form .row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}form label{font-size:13px;color:#4b5563;font-weight:500}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;width:100%}textarea{min-height:80px;resize:vertical}.btn,button{display:inline-block;padding:8px 14px;border:1px solid #2563eb;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;font-size:14px}.btn.secondary,button.secondary{background:#fff;color:#1f2937;border-color:#d1d5db}.btn.danger,button.danger{background:#dc2626;border-color:#dc2626}.btn.warn,button.warn{background:#f59e0b;border-color:#f59e0b}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-draft{background:#e5e7eb;color:#374151}.badge-submitted{background:#fde68a;color:#92400e}.badge-approved{background:#bbf7d0;color:#166534}.badge-rejected{background:#fecaca;color:#991b1b}.stepper{display:flex;list-style:none;padding:0;margin:0 0 20px}.step{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;text-align:center}.step:before{content:"";position:absolute;top:15px;right:50%;left:-50%;height:2px;background:#e5e7eb;z-index:0}.step:first-child:before{display:none}.step-marker{position:relative;z-index:1;width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#e5e7eb;border:2px solid #e5e7eb;color:#9ca3af}.step-label{font-size:12px;font-weight:600;color:#9ca3af}.step-done .step-marker{background:#16a34a;border-color:#16a34a;color:#fff}.step-done .step-label{color:#166534}.step-done:before{background:#16a34a}.step-current .step-marker{color:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.step-current .step-label{font-size:13px}.step-current:before{background:#16a34a}.step-current.step-draft .step-marker{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.15)}.step-current.step-draft .step-label{color:#1d4ed8}.step-current.step-submitted .step-marker{background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18)}.step-current.step-submitted .step-label{color:#92400e}.step-current.step-approved .step-marker{background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.18)}.step-current.step-approved .step-label{color:#166534}.step-current.step-rejected .step-marker{background:#dc2626;border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.18)}.step-current.step-rejected .step-label{color:#991b1b}.step-current.step-rejected:before{background:#dc2626}.error{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:6px;margin-bottom:12px}.muted{color:#6b7280;font-size:13px}.right{text-align:right}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.stat .label{color:#6b7280;font-size:13px}.stat .value{font-size:22px;font-weight:700;margin-top:4px}