:root{--c-bg: #f4f6fb;--c-surface: #ffffff;--c-surface-2: #f7f9fd;--c-ink: #16243a;--c-ink-soft: #5b6b82;--c-line: #e2e8f2;--c-primary: #1f5eff;--c-primary-ink: #ffffff;--c-navy: #0b1f3a;--c-paypay: #ff0033;--c-success: #1f9d57;--c-success-bg: #e6f6ec;--c-warn: #b7791f;--c-warn-bg: #fdf3e0;--c-danger: #d23b3b;--c-danger-bg: #fdeaea;--radius: 14px;--radius-sm: 10px;--shadow: 0 8px 30px rgba(13, 32, 64, .08);--shadow-sm: 0 2px 10px rgba(13, 32, 64, .06);--font: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Segoe UI", Meiryo, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:var(--c-bg);color:var(--c-ink);-webkit-font-smoothing:antialiased;line-height:1.6}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;background:var(--c-navy);color:#fff;box-shadow:var(--shadow-sm)}.app-header__inner{max-width:720px;margin:0 auto;padding:12px 16px 6px;display:flex;align-items:center;justify-content:space-between}.app-brand{display:flex;align-items:center;gap:10px;font-weight:700}.app-brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--c-primary);font-size:16px}.app-brand__name{font-size:16px}.app-nav{max-width:720px;margin:0 auto;padding:0 8px 8px;display:flex;gap:4px;overflow-x:auto}.app-nav__link{flex:1 0 auto;text-align:center;padding:8px 14px;border-radius:999px;color:#ffffffbf;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.app-nav__link--active{background:#ffffff29;color:#fff}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:20px 16px 40px}.app-footer{border-top:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink-soft);font-size:12px}.app-footer p{max-width:720px;margin:0 auto;padding:14px 16px}.page-head{margin-bottom:18px}.page-head h1{margin:0 0 4px;font-size:22px}.page-head p{margin:0;color:var(--c-ink-soft);font-size:14px}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.card--flat{box-shadow:none}.card__title{margin:0 0 4px;font-size:16px}.card__sub{margin:0 0 16px;color:var(--c-ink-soft);font-size:13px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input{width:100%;padding:12px 14px;border:1px solid var(--c-line);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;background:var(--c-surface-2);color:var(--c-ink)}.input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #1f5eff26;background:#fff}.input--invalid{border-color:var(--c-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 18px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-primary);color:var(--c-primary-ink)}.btn--success{background:var(--c-success);color:#fff}.btn--ghost{background:transparent;border:1px solid var(--c-line);color:var(--c-ink)}.btn--danger-ghost{background:transparent;border:1px solid var(--c-danger);color:var(--c-danger)}.btn--sm{width:auto;padding:8px 14px;font-size:14px}.paid-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.paid-toggle__label{display:flex;flex-direction:column;gap:2px;font-size:14px}.paid-toggle__label .muted{font-size:12px}.btn--toggle{width:auto;min-width:190px;border:2px solid transparent}.btn--toggle-off{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn--toggle-on{background:var(--c-success);color:#fff;border-color:var(--c-success)}@media (max-width: 480px){.paid-toggle{flex-direction:column;align-items:stretch}.btn--toggle{width:100%}}.btn-row{display:flex;gap:10px}.alert{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;margin-bottom:14px}.alert--error{background:var(--c-danger-bg);color:var(--c-danger)}.alert--warn{background:var(--c-warn-bg);color:var(--c-warn)}.alert--info{background:#eaf1ff;color:#1b46b3}.badge{font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill--paid{background:var(--c-success-bg);color:var(--c-success)}.pill--unpaid{background:var(--c-danger-bg);color:var(--c-danger)}.pill--on{background:var(--c-success-bg);color:var(--c-success)}.pill--off{background:#eef1f6;color:var(--c-ink-soft)}.pay{text-align:center;padding:8px 0 4px}.pay__amount{font-size:32px;font-weight:800;margin:4px 0 2px}.pay__amount small{font-size:14px;font-weight:600;color:var(--c-ink-soft)}.qr{width:200px;height:200px;margin:16px auto;border-radius:var(--radius-sm);border:1px solid var(--c-line);background:#fff;display:grid;place-items:center;padding:10px}.qr svg{width:100%;height:100%}.pay-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:700;color:var(--c-paypay);text-decoration:none}.pay-disabled{text-align:center;padding:26px 16px;color:var(--c-ink-soft)}.pay-disabled__icon{font-size:30px;margin-bottom:8px}.practice-hide{text-align:center;padding:22px 16px;border:1px dashed var(--c-line);border-radius:var(--radius-sm);color:var(--c-ink-soft);background:var(--c-surface-2)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:14px;text-align:center}.stat__num{font-size:26px;font-weight:800;line-height:1.1}.stat__num--paid{color:var(--c-success)}.stat__num--unpaid{color:var(--c-danger)}.stat__label{font-size:12px;color:var(--c-ink-soft)}.progress{height:12px;border-radius:999px;background:#e9eef7;overflow:hidden;margin:14px 0 4px}.progress__bar{height:100%;background:linear-gradient(90deg,#1f9d57,#34c378);transition:width .4s ease}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch{position:relative;display:inline-block;width:52px;height:30px;flex:none}.switch input{opacity:0;width:0;height:0}.switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#c8d0de;border-radius:999px;transition:.2s}.switch__slider:before{content:"";position:absolute;height:24px;width:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:var(--shadow-sm)}.switch input:checked+.switch__slider{background:var(--c-success)}.switch input:checked+.switch__slider:before{transform:translate(22px)}.switch input:disabled+.switch__slider{opacity:.5}.select{padding:8px 12px;border:1px solid var(--c-line);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;background:#fff;color:var(--c-ink)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--c-ink-soft)}.text-center{text-align:center}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner--ink{border-color:#1f5eff40;border-top-color:var(--c-primary)}@keyframes spin{to{transform:rotate(360deg)}}.hint-link{color:var(--c-primary);text-decoration:none;font-weight:600}.divider{height:1px;background:var(--c-line);margin:18px 0}.about section{margin-bottom:22px}.about h2{font-size:18px;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid var(--c-line)}.about h3{font-size:15px;margin:16px 0 6px}.about ul{margin:8px 0;padding-left:20px}.about li{margin-bottom:6px}.about code,.codeword{background:#eef1f6;border-radius:5px;padding:1px 6px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px}.table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}.table th,.table td{border:1px solid var(--c-line);padding:8px 10px;text-align:left;vertical-align:top}.table th{background:var(--c-surface-2)}.flow{display:flex;flex-direction:column;gap:8px}.flow__step{display:flex;gap:10px;align-items:flex-start}.flow__num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--c-primary);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.arch{width:100%;height:auto;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:#fff}.api-item{border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px}.api-item__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.method{font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;color:#fff}.method--post{background:#1f9d57}.method--get{background:var(--c-primary)}.method--delete{background:var(--c-danger)}.auth-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.auth-tag--public{background:var(--c-warn-bg);color:var(--c-warn)}.auth-tag--admin{background:var(--c-danger-bg);color:var(--c-danger)}@media (max-width: 420px){.stat-grid{grid-template-columns:repeat(3,1fr)}.stat__num{font-size:22px}}