:root{--bg: #f6f8fa;--bg-card: #ffffff;--bg-input: #eef2f6;--border: #dfe6ec;--text: #1b262e;--text-muted: #6b7a86;--primary: #2f7d5c;--primary-light: #e2f0e9;--danger: #b23b30;--warning: #b4551f;--success: #1c6f55;--radius: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font-size:.88rem;cursor:pointer;transition:all .18s ease}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn-primary:hover{background:#256a4d;color:#fff}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.form-control{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font-size:.9rem;font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2f7d5c21}.form-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:5px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.text-muted{color:var(--text-muted)}